@charcoal-ui/react 5.5.0-beta.1 → 5.5.0-beta.2

package/dist/layered.css

@@ -1654,6 +1654,132 @@
   white-space: nowrap;
 }
 
+.charcoal-pagination {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.charcoal-pagination-button {
+  cursor: pointer;
+  appearance: none;
+  padding: 0;
+  border-style: none;
+  outline: none;
+  text-decoration: none;
+  font: inherit;
+  margin: 0;
+  user-select: none;
+
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 14px;
+  font-weight: 700;
+  line-height: 22px;
+
+  /* HACK:
+   * Safari doesn't correctly repaint the elements when they're reordered in response to interaction.
+   * This forces it to repaint them. This doesn't work if put on the parents either, has to be here.
+   */
+  /* stylelint-disable-next-line property-no-vendor-prefix */
+  -webkit-transform: translateZ(0);
+
+  color: var(--charcoal-text3);
+  background-color: var(--charcoal-transparent);
+  border-radius: 20px;
+  transition:
+    0.2s background-color,
+    0.2s box-shadow;
+}
+
+.charcoal-pagination-button:focus {
+  outline: none;
+}
+
+.charcoal-pagination-button::-moz-focus-inner {
+  border-style: none;
+  padding: 0;
+}
+
+.charcoal-pagination[data-size='S'] .charcoal-pagination-button {
+  min-width: 32px;
+  min-height: 32px;
+}
+
+.charcoal-pagination[data-size='M'] .charcoal-pagination-button {
+  min-width: 40px;
+  min-height: 40px;
+}
+
+.charcoal-pagination-button[hidden] {
+  visibility: hidden;
+  display: block;
+}
+
+.charcoal-pagination-button:not(:disabled):not([aria-disabled]):hover,
+.charcoal-pagination-button[aria-disabled='false']:hover {
+  color: var(--charcoal-text3);
+  background-color: var(--charcoal-surface3);
+}
+
+.charcoal-pagination-button:not(:disabled):not([aria-disabled]):active,
+.charcoal-pagination-button[aria-disabled='false']:active {
+  color: var(--charcoal-text3);
+  background-color: var(--charcoal-surface10);
+}
+
+.charcoal-pagination-button:not(:disabled):not([aria-disabled]):focus,
+.charcoal-pagination-button[aria-disabled='false']:focus {
+  outline: none;
+  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);
+}
+
+.charcoal-pagination-button:not(:disabled):not([aria-disabled]):focus-visible,
+.charcoal-pagination-button[aria-disabled='false']:focus-visible {
+  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);
+}
+
+.charcoal-pagination-button:not(:disabled):not([aria-disabled]):focus:not(
+    :focus-visible
+  ),
+.charcoal-pagination-button[aria-disabled='false']:focus:not(:focus-visible) {
+  box-shadow: none;
+}
+
+.charcoal-pagination-button[aria-current] {
+  cursor: default;
+  background-color: var(--charcoal-surface6);
+  color: var(--charcoal-text5);
+}
+
+.charcoal-pagination-button[aria-current]:not(:disabled):not(
+    [aria-disabled]
+  ):hover,
+.charcoal-pagination-button[aria-current]:not(:disabled):not(
+    [aria-disabled]
+  ):active {
+  background-color: var(--charcoal-surface6);
+  color: var(--charcoal-text5);
+}
+
+.charcoal-pagination-nav-button[hidden] {
+  visibility: hidden;
+  display: block;
+}
+
+.charcoal-pagination-spacer,
+.charcoal-pagination-spacer:hover,
+.charcoal-pagination-spacer:active {
+  cursor: default;
+  color: var(--charcoal-text3);
+  background: none;
+}
+
+.charcoal-pagination-spacer.charcoal-icon-button:disabled {
+  opacity: 1;
+}
+
 
 /*# sourceMappingURL=index.css.map*/
 }

package/dist/layered.css.map

@@ -1 +1 @@
-{"version":3,"sources":["<no source>","../src/components/Button/index.css","../src/components/Clickable/index.css","../src/components/IconButton/index.css","../src/components/Radio/index.css","../src/components/Radio/RadioInput/index.css","../src/components/Radio/RadioGroup/index.css","../src/components/MultiSelect/index.css","../src/components/Switch/index.css","../src/components/Switch/SwitchInput/index.css","../src/components/TextField/index.css","../src/components/FieldLabel/index.css","../src/components/TextField/AssistiveText/index.css","../src/components/TextArea/index.css","../src/components/Modal/Dialog/index.css","../src/components/Modal/index.css","../src/components/Modal/ModalPlumbing.css","../src/components/LoadingSpinner/index.css","../src/components/DropdownSelector/index.css","../src/components/DropdownSelector/Popover/index.css","../src/components/DropdownSelector/MenuList/index.css","../src/components/DropdownSelector/DropdownMenuItem/index.css","../src/components/DropdownSelector/ListItem/index.css","../src/components/DropdownSelector/MenuItemGroup/index.css","../src/components/SegmentedControl/index.css","../src/components/Checkbox/index.css","../src/components/Checkbox/CheckboxInput/index.css","../src/components/TagItem/index.css","../src/components/HintText/index.css","../src/components/TextEllipsis/index.css","index.css"],"names":[],"mappings":"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AA;AACA;;AAEA;EACA,YAAA;AACA;;AAEA;EACA,YAAA;AACA;;AAEA;EACA,YAAA;AACA;;AAEA;EACA;IACA,gBAAA;IACA,wBAAA;EACA;;EAEA;;IAEA,gBAAA;IACA,WAAA;IACA,gBAAA;IACA,kBAAA;EACA;;EAEA;IACA,gBAAA;EACA;AACA;;AAEA;EACA,aAAA;AACA;;AC3CA;EACA,cAAA;EACA,aAAA;EACA,eAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;EACA,YAAA;EACA,uBAAA;EACA,eAAA;EACA,sBAAA;;EAEA,0CAAA;AACA;;AAEA;EACA;;IAEA,UAAA;EACA;AACA;;AAEA;EACA,kBAAA;EACA,QAAA;EACA,UAAA;;EAEA,4BAAA;EACA,sBAAA;AACA;;AAEA;EACA,SAAA;EACA,oBAAA;EACA,kBAAA;AACA;;ACnCA;EACA,YAAA;EACA,aAAA;EACA,qBAAA;EACA,uBAAA;AACA;;AAEA;EACA;;IAEA,YAAA;EACA;AACA;;AAEA;EACA,4BAAA;EACA,eAAA;EACA,iBAAA;EACA,iBAAA;EACA,kBAAA;AACA;;AAEA;EACA,kBAAA;EACA,mBAAA;AACA;;AAEA;EACA,oBAAA;AACA;;AAEA;EACA,aAAA;EACA,mBAAA;EACA,iBAAA;;EAEA,iBAAA;EACA,kBAAA;EACA,mBAAA;AACA;;ACvCA;EACA,uBAAA;EACA,YAAA;EACA,gDAAA;EACA,kBAAA;EACA,+CAAA;EACA,2CAAA;EACA,4CAAA;EACA,aAAA;EACA,4BAAA;EACA,6CAAA;AACA;AACA;EACA,6CAAA;AACA;;AAEA;EACA;IACA,mBAAA;IACA,UAAA;EACA;EACA;IACA,mBAAA;IACA,UAAA;EACA;AACA;;AAEA;EACA,UAAA;EACA,WAAA;EACA,kBAAA;EACA,8BAAA;EACA,mEAAA;EACA,mCAAA;AACA;;AAEA;EACA,eAAA;AACA;AACA;EACA,4BAAA;AACA;;ACzCA;EACA,aAAA;EACA,0BAAA;EACA,aAAA;EACA,WAAA;AACA;;AAEA;EACA,eAAA;EACA,aAAA;AACA;;AAEA;EACA,aAAA;EACA,+BAAA;EACA,8BAAA;EACA,mBAAA;;EAEA,YAAA;EACA,WAAA;EACA,sBAAA;EACA,YAAA;EACA,eAAA;EACA,QAAA;;EAEA,kBAAA;EACA,iBAAA;EACA,0CAAA;EACA,kBAAA;;EAEA;;yBAEA;AACA;;AAEA;EACA,eAAA;AACA;;AAEA;EACA,aAAA;EACA,6CAAA;AACA;;AAEA;EACA,6CAAA;AACA;;AAEA;;EAEA,gDAAA;AACA;;AAEA;EACA,gDAAA;AACA;;AAEA;EACA,gBAAA;AACA;;AAEA;;;;EAIA,4CAAA;AACA;;AAEA;EACA,gBAAA;EACA,eAAA;EACA,iBAAA;EACA,kBAAA;EACA,4BAAA;EACA,gBAAA;EACA,uBAAA;EACA,mBAAA;AACA;;AAEA;EACA,4BAAA;AACA;;AAEA;EACA,4BAAA;AACA;;ACrFA;EACA,aAAA;EACA,gBAAA;EACA,cAAA;EACA,mBAAA;EACA,6CAAA;EACA,gDAAA;EACA,kBAAA;EACA,gBAAA;EACA,mBAAA;AACA;;ACVA;EACA,UAAA;EACA,SAAA;AACA;;ACHA;EACA,eAAA;EACA,iBAAA;EACA,4BAAA;EACA,cAAA;;EAEA,aAAA;EACA,mBAAA;EACA,WAAA;EACA,iBAAA;AACA;;AAEA;EACA,gBAAA;AACA;;AAEA;EACA,4BAAA;EACA,kBAAA;AACA;;AAEA;EACA,aAAA;EACA,mBAAA;AACA;;AAEA;EACA,eAAA;EACA,iBAAA;EACA,4BAAA;EACA,mBAAA;;EAEA,aAAA;EACA,mBAAA;EACA,iBAAA;AACA;;ACnCA;EACA,gBAAA;EACA,aAAA;EACA,mBAAA;EACA,gBAAA;EACA,eAAA;EACA,aAAA;;EAEA,mBAAA;EACA,kBAAA;;EAEA,iCAAA;AACA;;AAEA;;;EAGA,0CAAA;AACA;;AAEA;EACA,aAAA;EACA,eAAA;AACA;;ACvBA;EACA,cAAA;AACA;;AAEA;EACA,cAAA;EACA,4BAAA;EACA,eAAA;EACA,iBAAA;EACA,wBAAA;AACA;;AAEA;EACA,eAAA;EACA,SAAA;EACA,sBAAA;EACA,gBAAA;EACA,gBAAA;AACA;;AClBA;EACA,oBAAA;EACA,mBAAA;;EAEA,0CAAA;EACA,mBAAA;AACA;;AAEA;;EAEA,oBAAA;EACA,oCAAA;EACA,oBAAA;EACA,sBAAA;AACA;;AAEA;EACA,WAAA;AACA;;AAEA;EACA,kBAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,eAAA;EACA,YAAA;;EAEA,mBAAA;EACA,kBAAA;EACA,mBAAA;EACA,4BAAA;;EAEA,eAAA;EACA,iBAAA;AACA;;AAEA;;;EAGA,eAAA;EACA,aAAA;AACA;;AAEA;EACA,uCAAA;EACA,4BAAA;AACA;;AAEA;;EAEA,uBAAA;EACA,mBAAA;AACA;;AAEA;EACA,kBAAA;;EAEA,WAAA;EACA,UAAA;EACA,UAAA;EACA,SAAA;;EAEA,gBAAA;EACA,sBAAA;EACA,gBAAA;EACA,mBAAA;EACA,UAAA;AACA;;ACpEA;EACA,kBAAA;EACA,eAAA;EACA,aAAA;EACA,QAAA;AACA;;AAEA;EACA,eAAA;EACA,aAAA;AACA;;AAEA;EACA,UAAA;AACA;;AAEA;EACA,OAAA;EACA,4BAAA;EACA,eAAA;EACA,iBAAA;AACA;;ACrBA;EACA,gBAAA;EACA,aAAA;EACA,eAAA;EACA,SAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA;;yBAEA;EACA,kBAAA;EACA,sBAAA;AACA;;AAEA;;EAEA,aAAA;EACA,eAAA;AACA;;AAEA;EACA,uCAAA;AACA;;AAEA;EACA,WAAA;EACA,uBAAA;EACA,aAAA;EACA,YAAA;EACA,WAAA;EACA,YAAA;EACA;;GAEA;AACA;;AAEA;EACA,iBAAA;EACA,mBAAA;EACA,mCAAA;AACA;;AAEA;EACA,aAAA;EACA,6CAAA;AACA;AACA;EACA,6CAAA;AACA;AACA;EACA,gBAAA;AACA;;AAEA;EACA,6CAAA;AACA;AACA;EACA,6CAAA;AACA;;AAEA;;EAEA,4CAAA;AACA;;AAEA;EACA,mBAAA;EACA,0CAAA;EACA,6BAAA;AACA;;AAEA;EACA,uCAAA;AACA;;AAEA;EACA,gDAAA;AACA;AACA;EACA,gDAAA;AACA;;AAEA;EACA,6CAAA;AACA;;AAEA;EACA,6CAAA;AACA;AACA;EACA,6CAAA;AACA;;AAEA;;;;EAIA,4CAAA;AACA;;AAEA;EACA,WAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,SAAA;EACA,UAAA;EACA,mBAAA;EACA,sBAAA;EACA,sBAAA;AACA;;AC/GA;EACA,gDAAA;EACA,8BAAA;EACA,sCAAA;EACA,uCAAA;;EAEA,kBAAA;EACA,kBAAA;;EAEA,gBAAA;EACA,aAAA;EACA,kBAAA;;EAEA,oBAAA;EACA,QAAA;EACA,mBAAA;EACA,uBAAA;;EAEA,qBAAA;EACA,eAAA;EACA,gBAAA;;EAEA,qCAAA;EACA,qCAAA;EACA,gBAAA;EACA,mBAAA;EACA,mDAAA;EACA,qDAAA;EACA,sBAAA;EACA,kBAAA;;EAEA,2BAAA;AACA;;AAEA;EACA,8BAAA;EACA,sCAAA;EACA,uCAAA;AACA;AACA;EACA,8BAAA;EACA,sCAAA;EACA,uCAAA;AACA;AACA;EACA,gDAAA;AACA;AACA;EACA,sCAAA;EACA,sCAAA;AACA;;AAEA;;EAEA,aAAA;EACA,eAAA;AACA;AACA;;EAEA,aAAA;EACA,6CAAA;AACA;AACA;;EAEA,aAAA;EACA,6CAAA;AACA;AACA;;;;EAIA,gBAAA;AACA;;AAEA;EACA,6CAAA;AACA;;AAEA;EACA,0CAAA;AACA;;AAEA;EACA,WAAA;EACA,kBAAA;EACA,UAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;EACA,YAAA;EACA,2BAAA;EACA,sBAAA;EACA,6CAAA;EACA,uBAAA;AACA;;AAEA;EACA,0CAAA;AACA;;AAEA;EACA,YAAA;EACA,aAAA;EACA,sBAAA;EACA,mBAAA;EACA,uBAAA;AACA;AACA;EACA,8BAAA;AACA;;AAEA;EACA,wCAAA;EACA,0CAAA;EACA,iBAAA;AACA;AACA;EACA,aAAA;AACA;;AAEA;EACA,wCAAA;EACA,0CAAA;;EAEA,gBAAA;EACA,gBAAA;EACA,iBAAA;;EAEA,cAAA;EACA,mBAAA;EACA,uBAAA;AACA;AACA;EACA,wCAAA;EACA,0CAAA;EACA,mBAAA;AACA;AACA;EACA,aAAA;AACA;;AC3IA;EACA,0CAAA;EACA,kBAAA;EACA,kBAAA;EACA,aAAA;EACA,uBAAA;AACA;;AAEA;EACA,uBAAA;AACA;;AAEA;EACA;IACA,kBAAA;EACA;AACA;;AAEA;EACA,aAAA;EACA,mBAAA;EACA,4BAAA;EACA,YAAA;EACA,iBAAA;AACA;;AAEA;EACA,4BAAA;EACA,eAAA;EACA,iBAAA;EACA,kBAAA;EACA,SAAA;EACA,YAAA;EACA,yBAAA;AACA;;AClCA;EACA,gBAAA;EACA,yBAAA;EACA,oBAAA;EACA,4BAAA;EACA,4DAAA;AACA;;AAEA;EACA,sDAAA;AACA;;AAEA;EACA,oBAAA;AACA;;AAEA;EACA,uBAAA;EACA,mBAAA;AACA;;;ACsmDA,mCAAmC;C9BznDnC","file":"layered.css","sourcesContent":[null,".charcoal-button {\n  appearance: none;\n  background: transparent;\n  box-sizing: border-box;\n  padding: 0 24px;\n  border-style: none;\n  outline: none;\n  text-rendering: inherit;\n  letter-spacing: inherit;\n  word-spacing: inherit;\n  text-decoration: none;\n  font: inherit;\n  margin: 0;\n  overflow: visible;\n  text-transform: none;\n  width: min-content;\n  display: inline-grid;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  user-select: none;\n  white-space: nowrap;\n  border-radius: 999999px;\n  font-size: 14px;\n  line-height: 22px;\n  font-weight: bold;\n  color: var(--charcoal-text2);\n  background-color: var(--charcoal-surface3);\n  transition:\n    0.2s color,\n    0.2s background-color,\n    0.2s box-shadow;\n  height: 40px;\n}\n\n.charcoal-button:disabled,\n.charcoal-button[aria-disabled]:not([aria-disabled='false']) {\n  cursor: default;\n  opacity: 0.32;\n}\n\n.charcoal-button:not(:disabled):not([aria-disabled]):focus-visible,\n.charcoal-button[aria-disabled='false']:focus-visible {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-button:not(:disabled):not([aria-disabled]):hover,\n.charcoal-button[aria-disabled='false']:hover {\n  color: var(--charcoal-text2-hover);\n  background-color: var(--charcoal-surface3-hover);\n}\n\n.charcoal-button:not(:disabled):not([aria-disabled]):active,\n.charcoal-button[aria-disabled='false']:active,\n.charcoal-button[data-active='true'] {\n  color: var(--charcoal-text2-press);\n  background-color: var(--charcoal-surface3-press);\n}\n\n.charcoal-button[data-variant='Primary'] {\n  color: var(--charcoal-text5);\n  background-color: var(--charcoal-brand);\n}\n\n.charcoal-button[data-variant='Primary']:hover:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-button[data-variant='Primary']:hover[aria-disabled='false'] {\n  color: var(--charcoal-text5-hover);\n  background-color: var(--charcoal-brand-hover);\n}\n\n.charcoal-button[data-variant='Primary']:active:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-button[data-variant='Primary']:active[aria-disabled='false'],\n.charcoal-button[data-variant='Primary'][data-active='true'] {\n  color: var(--charcoal-text5-press);\n  background-color: var(--charcoal-brand-press);\n}\n\n.charcoal-button[data-variant='Overlay'] {\n  color: var(--charcoal-text5);\n  background-color: var(--charcoal-surface4);\n}\n\n.charcoal-button[data-variant='Overlay']:hover:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-button[data-variant='Overlay']:hover[aria-disabled='false'] {\n  color: var(--charcoal-text5-hover);\n  background-color: var(--charcoal-surface4-hover);\n}\n\n.charcoal-button[data-variant='Overlay']:active:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-button[data-variant='Overlay']:active[aria-disabled='false'],\n.charcoal-button[data-variant='Overlay'][data-active='true'] {\n  color: var(--charcoal-text5-press);\n  background-color: var(--charcoal-surface4-press);\n}\n\n.charcoal-button[data-variant='Navigation'] {\n  color: var(--charcoal-text5);\n  background-color: var(--charcoal-surface6);\n}\n\n.charcoal-button[data-variant='Navigation']:hover:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-button[data-variant='Navigation']:hover[aria-disabled='false'] {\n  color: var(--charcoal-text5-hover);\n  background-color: var(--charcoal-surface6-hover);\n}\n\n.charcoal-button[data-variant='Navigation']:active:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-button[data-variant='Navigation']:active[aria-disabled='false'],\n.charcoal-button[data-variant='Navigation'][data-active='true'] {\n  color: var(--charcoal-text5-press);\n  background-color: var(--charcoal-surface6-press);\n}\n\n.charcoal-button[data-variant='Danger'] {\n  color: var(--charcoal-text5);\n  background-color: var(--charcoal-assertive);\n}\n.charcoal-button[data-variant='Danger']:hover:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-button[data-variant='Danger']:hover[aria-disabled='false'] {\n  color: var(--charcoal-text5-hover);\n  background-color: var(--charcoal-assertive-hover);\n}\n\n.charcoal-button[data-variant='Danger']:active:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-button[data-variant='Danger']:active[aria-disabled='false'],\n.charcoal-button[data-variant='Danger'][data-active='true'] {\n  color: var(--charcoal-text5-press);\n  background-color: var(--charcoal-assertive-press);\n}\n\n.charcoal-button[data-size='S'] {\n  padding: 0 16px;\n  height: 32px;\n}\n\n.charcoal-button[data-full-width='true'] {\n  width: 100%;\n}\n",".charcoal-clickable {\n  cursor: pointer;\n\n  /* Reset button appearance */\n  appearance: none;\n  background: transparent;\n  padding: 0;\n  border-style: none;\n  outline: none;\n  color: inherit;\n  text-rendering: inherit;\n  letter-spacing: inherit;\n  word-spacing: inherit;\n  text-decoration: none;\n\n  /* Change the font styles in all browsers. */\n  font: inherit;\n\n  /* Remove the margin in Firefox and Safari. */\n  margin: 0;\n\n  /* Show the overflow in Edge. */\n  overflow: visible;\n\n  /* Remove the inheritance of text transform in Firefox. */\n  text-transform: none;\n}\n\n.charcoal-clickable:disabled,\n.charcoal-clickable[aria-disabled]:not([aria-disabled='false']) {\n  cursor: default;\n}\n\n.charcoal-clickable:focus {\n  outline: none;\n}\n\n.charcoal-clickable::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n",".charcoal-icon-button {\n  cursor: pointer;\n  appearance: none;\n  background: transparent;\n  padding: 0;\n  border-style: none;\n  outline: none;\n  color: inherit;\n  text-rendering: inherit;\n  letter-spacing: inherit;\n  word-spacing: inherit;\n  text-decoration: none;\n  font: inherit;\n  margin: 0;\n  overflow: visible;\n  text-transform: none;\n\n  user-select: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 999999px;\n  transition:\n    0.2s background-color,\n    0.2s box-shadow;\n}\n\n.charcoal-icon-button:disabled,\n.charcoal-icon-button[aria-disabled]:not([aria-disabled='false']) {\n  cursor: default;\n  opacity: 0.32;\n}\n.charcoal-icon-button:focus {\n  outline: none;\n}\n.charcoal-icon-button::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n.charcoal-icon-button[data-size='XS'] {\n  width: 20px;\n  height: 20px;\n}\n.charcoal-icon-button[data-size='S'] {\n  width: 32px;\n  height: 32px;\n}\n.charcoal-icon-button[data-size='M'] {\n  width: 40px;\n  height: 40px;\n}\n\n.charcoal-icon-button[data-variant='Default'] {\n  color: var(--charcoal-text3);\n  background-color: var(--charcoal-transparent);\n}\n.charcoal-icon-button[data-variant='Default'][data-active='true']:not(\n    :disabled\n  ):not([aria-disabled]),\n.charcoal-icon-button[data-variant='Default'][data-active='true'][aria-disabled='false'] {\n  color: var(--charcoal-text3-press);\n  background-color: var(--charcoal-transparent-press);\n}\n.charcoal-icon-button[data-variant='Default'][data-active='false']:not(\n    :disabled\n  ):not([aria-disabled]):hover,\n.charcoal-icon-button[data-variant='Default'][data-active='false'][aria-disabled='false']:hover {\n  color: var(--charcoal-text3-hover);\n  background-color: var(--charcoal-transparent-hover);\n}\n.charcoal-icon-button[data-variant='Default'][data-active='false']:not(\n    :disabled\n  ):not([aria-disabled]):active,\n.charcoal-icon-button[data-variant='Default'][data-active='false'][aria-disabled='false']:active {\n  color: var(--charcoal-text3-press);\n  background-color: var(--charcoal-transparent-press);\n}\n\n.charcoal-icon-button[data-variant='Overlay'] {\n  color: var(--charcoal-text5);\n  background-color: var(--charcoal-surface4);\n}\n.charcoal-icon-button[data-variant='Overlay'][data-active='true']:not(\n    :disabled\n  ):not([aria-disabled]),\n.charcoal-icon-button[data-variant='Overlay'][data-active='true'][aria-disabled='false'] {\n  color: var(--charcoal-text5-press);\n  background-color: var(--charcoal-surface4-press);\n}\n.charcoal-icon-button[data-variant='Overlay'][data-active='false']:not(\n    :disabled\n  ):not([aria-disabled]):hover,\n.charcoal-icon-button[data-variant='Overlay'][data-active='false'][aria-disabled='false']:hover {\n  color: var(--charcoal-text5-hover);\n  background-color: var(--charcoal-surface4-hover);\n}\n.charcoal-icon-button[data-variant='Overlay'][data-active='false']:not(\n    :disabled\n  ):not([aria-disabled]):active,\n.charcoal-icon-button[data-variant='Overlay'][data-active='false'][aria-disabled='false']:active {\n  color: var(--charcoal-text5-press);\n  background-color: var(--charcoal-surface4-press);\n}\n\n.charcoal-icon-button:not(:disabled):not([aria-disabled]):focus,\n.charcoal-icon-button[aria-disabled='false']:focus {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n.charcoal-icon-button:not(:disabled):not([aria-disabled]):focus-visible,\n.charcoal-icon-button[aria-disabled='false']:focus-visible {\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n.charcoal-icon-button:not(:disabled):not([aria-disabled]):focus:not(\n    :focus-visible\n  ),\n.charcoal-icon-button[aria-disabled='false']:focus:not(:focus-visible) {\n  box-shadow: none;\n}\n",".charcoal-radio__label {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  grid-gap: 4px;\n  align-items: center;\n  cursor: pointer;\n}\n\n.charcoal-radio__label[aria-disabled]:not([aria-disabled='false']) {\n  opacity: 0.32;\n  cursor: default;\n}\n\n.charcoal-radio__label_div {\n  font-size: 14px;\n  line-height: 22px;\n  color: var(--charcoal-text2);\n}\n",".charcoal-radio-input {\n  appearance: none;\n  display: block;\n  box-sizing: border-box;\n\n  margin: 0;\n  padding: 6px;\n\n  width: 20px;\n  height: 20px;\n  cursor: pointer;\n  border-radius: 999999px;\n  background-color: var(--charcoal-surface1);\n  transition:\n    0.2s background-color,\n    0.2s box-shadow;\n}\n\n.charcoal-radio-input:checked {\n  background-color: var(--charcoal-brand);\n}\n\n.charcoal-radio-input:checked::after {\n  content: '';\n  display: block;\n  width: 8px;\n  height: 8px;\n  pointer-events: none;\n  background-color: var(--charcoal-text5);\n  border-radius: 999999px;\n  transition:\n    0.2s background-color,\n    0.2s box-shadow;\n}\n\n.charcoal-radio-input:not(:checked) {\n  border-width: 2px;\n  border-style: solid;\n  border-color: var(--charcoal-text3);\n}\n\n.charcoal-radio-input:disabled {\n  cursor: default;\n}\n\n.charcoal-radio-input:not(:disabled):hover {\n  background-color: var(--charcoal-surface1-hover);\n}\n\n.charcoal-radio-input:not(:disabled):active {\n  background-color: var(--charcoal-surface1-press);\n}\n\n.charcoal-radio-input:not(:disabled):focus {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-radio-input:not(:disabled):focus-visible {\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-radio-input:not(:disabled):focus:not(:focus-visible) {\n  box-shadow: none;\n}\n\n.charcoal-radio-input:not(:disabled)[aria-invalid='true'],\n.charcoal-radio-input:not(:disabled)[aria-invalid='true']:focus {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-radio-input:checked:not(:disabled):hover {\n  background-color: var(--charcoal-brand-hover);\n}\n\n.charcoal-radio-input:checked:not(:disabled):hover::after {\n  background-color: var(--charcoal-text5-hover);\n}\n\n.charcoal-radio-input:checked:not(:disabled):active {\n  background-color: var(--charcoal-brand-press);\n}\n\n.charcoal-radio-input:checked:not(:disabled):active::after {\n  background-color: var(--charcoal-text5-press);\n}\n",".charcoal-radio-group {\n  display: grid;\n  grid-template-columns: 1fr;\n  grid-gap: 8px;\n}\n",".charcoal-multi-select {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: center;\n  position: relative;\n  cursor: pointer;\n  gap: 4px;\n}\n\n.charcoal-multi-select:disabled,\n.charcoal-multi-select[aria-disabled]:not([aria-disabled='false']) {\n  opacity: 0.32;\n  cursor: default;\n}\n\n.charcoal-multi-select-label {\n  display: flow-root;\n  align-items: center;\n  font-size: 14px;\n  line-height: 22px;\n  color: var(--charcoal-text2);\n}\n\n.charcoal-multi-select-label::before {\n  display: block;\n  width: 0;\n  height: 0;\n  content: '';\n  margin-top: -4px;\n}\n\n.charcoal-multi-select-label::after {\n  display: block;\n  width: 0;\n  height: 0;\n  content: '';\n  margin-bottom: -4px;\n}\n\n.charcoal-multi-select-input[type='checkbox'] {\n  appearance: none;\n  display: block;\n  width: 20px;\n  height: 20px;\n  margin: 0;\n  background-color: var(--charcoal-text3);\n  border-radius: 999999px;\n  transition:\n    0.2s background-color,\n    0.2s box-shadow;\n}\n\n.charcoal-multi-select-input[type='checkbox']:checked {\n  background-color: var(--charcoal-brand);\n}\n\n.charcoal-multi-select-input[type='checkbox']:focus {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-multi-select-input[type='checkbox']:focus-visible {\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-multi-select-input[type='checkbox']:focus:not(:focus-visible) {\n  box-shadow: none;\n}\n\n.charcoal-multi-select-input[type='checkbox']:hover:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-multi-select-input[type='checkbox']:hover[aria-disabled='false'] {\n  background-color: var(--charcoal-text3-hover);\n}\n\n.charcoal-multi-select-input[type='checkbox']:active:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-multi-select-input[type='checkbox']:active[aria-disabled='false'] {\n  background-color: var(--charcoal-text3-press);\n}\n\n.charcoal-multi-select-input[type='checkbox']:checked:hover:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-multi-select-input[type='checkbox']:checked:hover[aria-disabled='false'] {\n  background-color: var(--charcoal-brand-hover);\n}\n\n.charcoal-multi-select-input[type='checkbox']:checked:active:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-multi-select-input[type='checkbox']:checked:active[aria-disabled='false'] {\n  background-color: var(--charcoal-brand-press);\n}\n\n.charcoal-multi-select-input[aria-invalid='true'][data-overlay='false']:not(\n    :disabled\n  ):not([aria-disabled]) {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-multi-select-input[aria-invalid='true'][data-overlay='false'][aria-disabled='false'] {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-multi-select-input[data-overlay='true'] {\n  background-color: var(--charcoal-surface4);\n}\n\n.charcoal-multi-select-overlay {\n  position: absolute;\n  top: -2px;\n  left: -2px;\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  border-radius: 999999px;\n  color: var(--charcoal-text5);\n  transition: 0.2s box-shadow;\n}\n\n.charcoal-multi-select-overlay[aria-invalid='true'][data-overlay='true']:not(\n    :disabled\n  ):not([aria-disabled]) {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-multi-select-overlay[aria-invalid='true'][data-overlay='true'][aria-disabled='false'] {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-multi-select-overlay[data-overlay='true'] {\n  border-color: var(--charcoal-text5);\n  border-width: 2px;\n  border-style: solid;\n}\n",".charcoal-switch__label {\n  display: inline-grid;\n  grid-template-columns: auto 1fr;\n  align-items: center;\n  cursor: pointer;\n  outline: 0;\n  gap: 4px;\n}\n\n.charcoal-switch__label[aria-disabled='true'] {\n  opacity: 0.32;\n  cursor: default;\n}\n\n.charcoal-switch__label[aria-disabled='true'] > input {\n  opacity: 1;\n}\n\n.charcoal-switch__label_div {\n  font-size: 14px;\n  line-height: 22px;\n  color: var(--charcoal-text2);\n}\n",".charcoal-switch-input {\n  cursor: pointer;\n  appearance: none;\n  display: inline-flex;\n  position: relative;\n  box-sizing: border-box;\n  width: 28px;\n  border: 2px solid transparent;\n\n  transition-property: background-color, box-shadow;\n  transition-duration: 0.2s;\n\n  outline: none;\n  border-radius: 16px;\n  height: 16px;\n  margin: 0;\n  background-color: var(--charcoal-text4);\n}\n\n.charcoal-switch-input:disabled,\n.charcoal-switch-input[readonly] {\n  opacity: 0.32;\n  cursor: default;\n}\n\n.charcoal-switch-input::after {\n  content: '';\n  position: absolute;\n  display: block;\n  top: 0;\n  left: 0;\n  width: 12px;\n  height: 12px;\n  transform: translateX(0);\n  transition: transform 0.2s;\n  border-radius: 1024px;\n  background-color: var(--charcoal-text5);\n}\n\n.charcoal-switch-input:checked::after {\n  transform: translateX(12px);\n  transition: transform 0.2s;\n}\n\n.charcoal-switch-input:checked {\n  background-color: var(--charcoal-brand);\n}\n\n.charcoal-switch-input:not(:disabled):hover {\n  background-color: var(--charcoal-text4-hover);\n}\n\n.charcoal-switch-input:not(:disabled):active {\n  background-color: var(--charcoal-text4-press);\n}\n\n.charcoal-switch-input:not(:disabled):focus {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n.charcoal-switch-input:not(:disabled):focus-visible {\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n.charcoal-switch-input:not(:disabled):focus:not(:focus-visible) {\n  box-shadow: none;\n}\n\n.charcoal-switch-input:not(:disabled)::after:hover {\n  background-color: var(--charcoal-text5-hover);\n}\n\n.charcoal-switch-input:not(:disabled)::after:active {\n  background-color: var(--charcoal-text5-press);\n}\n\n.charcoal-switch-input:not(:disabled):checked:hover {\n  background-color: var(--charcoal-brand-hover);\n}\n\n.charcoal-switch-input:not(:disabled):checked:active {\n  background-color: var(--charcoal-brand-press);\n}\n",".charcoal-text-field-root {\n  display: grid;\n  grid-template-columns: 1fr;\n  grid-gap: 4px;\n}\n\n.charcoal-text-field-root[aria-disabled='true'] {\n  opacity: 0.32;\n}\n\n.charcoal-text-field-container {\n  display: flex;\n  height: 40px;\n  transition:\n    0.2s background-color,\n    0.2s box-shadow;\n  color: var(--charcoal-text2);\n  background-color: var(--charcoal-surface3);\n  border-radius: 4px;\n  padding: 0 8px;\n  line-height: 22px;\n  font-size: 14px;\n}\n\n.charcoal-text-field-container[data-invalid='true'] {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-text-field-container:not([aria-disabled='true']):hover {\n  background-color: var(--charcoal-surface3-hover);\n}\n\n.charcoal-text-field-container:not([aria-disabled='true']):focus-within {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-text-field-container:not(\n    [aria-disabled='true']\n  )[data-invalid='true']:focus-within {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-text-field-prefix {\n  display: flex;\n  align-items: center;\n  margin-right: 4px;\n}\n\n.charcoal-text-field-suffix {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-left: 4px;\n}\n\n.charcoal-text-field-input {\n  border: none;\n  box-sizing: border-box;\n  outline: none;\n  font-family: inherit;\n\n  /* Prevent zooming for iOS Safari */\n  transform-origin: top left;\n  transform: scale(0.875);\n  width: calc(100% / 0.875);\n  height: calc(100% / 0.875);\n  font-size: calc(14px / 0.875);\n  line-height: calc(22px / 0.875);\n  padding-left: 0;\n  padding-right: 0;\n  border-radius: calc(4px / 0.875);\n\n  /* Display box-shadow for iOS Safari */\n  appearance: none;\n  background: transparent;\n\n  color: var(--charcoal-text2);\n}\n\n.charcoal-text-field-input::placeholder {\n  color: var(--charcoal-text3);\n}\n\n.charcoal-text-field-line-counter {\n  line-height: 22px;\n  font-size: 14px;\n  color: var(--charcoal-text3);\n}\n",".charcoal-field-label {\n  font-size: 14px;\n  line-height: 22px;\n  font-weight: bold;\n  display: flow-root;\n  color: var(--charcoal-text1);\n}\n\n.charcoal-field-label-required-text {\n  font-size: 14px;\n  line-height: 22px;\n  display: flow-root;\n  color: var(--charcoal-text2);\n}\n\n.charcoal-field-label-sub-label {\n  font-size: 14px;\n  line-height: 22px;\n  display: flow-root;\n  color: var(--charcoal-text3);\n  transition:\n    0.2s color,\n    0.2s box-shadow;\n}\n\n.charcoal-field-label-root {\n  display: inline-flex;\n  align-items: center;\n}\n\n.charcoal-field-label-root > .charcoal-field-label-required-text {\n  margin-left: 4px;\n}\n\n.charcoal-field-label-root > .charcoal-field-label-sub-label {\n  margin-left: auto;\n}\n",".charcoal-text-field-assistive-text {\n  font-size: 14px;\n  line-height: 22px;\n  margin: 0;\n  color: var(--charcoal-text2);\n}\n\n.charcoal-text-field-assistive-text[data-invalid='true'] {\n  color: var(--charcoal-assertive);\n}\n",".charcoal-text-area-root {\n  display: grid;\n  grid-template-columns: 1fr;\n  grid-gap: 4px;\n}\n\n.charcoal-text-area-root[aria-disabled='true'] {\n  opacity: 0.32;\n}\n\n.charcoal-text-area-container {\n  position: relative;\n  overflow: hidden;\n\n  color: var(--charcoal-text2);\n  background-color: var(--charcoal-surface3);\n  border-radius: 4px;\n  transition:\n    0.2s background-color,\n    0.2s box-shadow;\n  height: calc(22px * var(--charcoal-text-area-rows) + 18px);\n}\n\n.charcoal-text-area-container[aria-invalid='true'] {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-text-area-container:focus-within {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-text-area-container:not([aria-disabled='true']):hover {\n  background-color: var(--charcoal-surface3-hover);\n}\n\n.charcoal-text-area-container[aria-invalid='true']:focus-within {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-text-area-textarea {\n  border: none;\n  outline: none;\n  resize: none;\n  font-family: inherit;\n  color: inherit;\n  box-sizing: border-box;\n\n  /* Prevent zooming for iOS Safari */\n  transform-origin: top left;\n  transform: scale(0.875);\n  width: calc(100% / 0.875);\n  font-size: calc(14px / 0.875);\n  line-height: calc(22px / 0.875);\n  padding: calc(9px / 0.875) calc(8px / 0.875);\n  height: calc(22px / 0.875 * var(--charcoal-text-area-rows) + 20px);\n\n  /* Display box-shadow for iOS Safari */\n  appearance: none;\n\n  background: none;\n}\n.charcoal-text-area-textarea[data-no-bottom-padding='true'] {\n  padding: calc(9px / 0.875) calc(8px / 0.875) 0;\n  height: calc(22px / 0.875 * (var(--charcoal-text-area-rows) - 1) + 9px);\n}\n\n.charcoal-text-area-textarea::placeholder {\n  color: var(--charcoal-text3);\n}\n\n.charcoal-text-area-counter {\n  position: absolute;\n  bottom: 9px;\n  right: 8px;\n\n  line-height: 22px;\n  font-size: 14px;\n  color: var(--charcoal-text3);\n}\n",".charcoal-modal-dialog {\n  margin: auto;\n  position: relative;\n  height: fit-content;\n  width: 440px;\n\n  background-color: var(--charcoal-surface1);\n  border-radius: 24px;\n}\n\n.charcoal-modal-dialog[data-size='S'] {\n  width: 336px;\n}\n\n.charcoal-modal-dialog[data-size='M'] {\n  width: 440px;\n}\n\n.charcoal-modal-dialog[data-size='L'] {\n  width: 648px;\n}\n\n@media (max-width: 743px) {\n  .charcoal-modal-dialog {\n    max-width: 440px;\n    width: calc(100% - 48px);\n  }\n\n  .charcoal-modal-dialog[data-bottom-sheet='true'],\n  .charcoal-modal-dialog[data-bottom-sheet='full'] {\n    max-width: unset;\n    width: 100%;\n    border-radius: 0;\n    margin: auto 0 0 0;\n  }\n\n  .charcoal-modal-dialog[data-bottom-sheet='full'] {\n    min-height: 100%;\n  }\n}\n\n.charcoal-modal-dialog:focus {\n  outline: none;\n}\n",".charcoal-modal-background {\n  overflow: auto;\n  display: flex;\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  justify-content: center;\n  padding: 40px 0;\n  box-sizing: border-box;\n\n  background-color: var(--charcoal-surface4);\n}\n\n@media (max-width: 743px) {\n  .charcoal-modal-background[data-bottom-sheet='true'],\n  .charcoal-modal-background[data-bottom-sheet='full'] {\n    padding: 0;\n  }\n}\n\n.charcoal-modal-close-button {\n  position: absolute;\n  top: 8px;\n  right: 8px;\n\n  color: var(--charcoal-text3);\n  transition: 0.2s color;\n}\n\n.charcoal-modal-title {\n  margin: 0;\n  font-weight: inherit;\n  font-size: inherit;\n}\n",".charcoal-modal-header-root {\n  height: 64px;\n  display: grid;\n  align-content: center;\n  justify-content: center;\n}\n\n@media (max-width: 743px) {\n  .charcoal-modal-header-root[data-bottom-sheet='true'],\n  .charcoal-modal-header-root[data-bottom-sheet='full'] {\n    height: 48px;\n  }\n}\n\n.charcoal-modal-header-title {\n  color: var(--charcoal-text1);\n  font-size: 16px;\n  line-height: 24px;\n  font-weight: bold;\n  display: flow-root;\n}\n\n.charcoal-modal-align {\n  padding-left: 16px;\n  padding-right: 16px;\n}\n\n.charcoal-modal-body {\n  padding-bottom: 40px;\n}\n\n.charcoal-modal-buttons {\n  display: grid;\n  grid-auto-flow: row;\n  grid-row-gap: 8px;\n\n  padding-top: 16px;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n",".charcoal-loading-spinner {\n  box-sizing: content-box;\n  margin: auto;\n  padding: var(--charcoal-loading-spinner-padding);\n  border-radius: 8px;\n  font-size: var(--charcoal-loading-spinner-size);\n  width: var(--charcoal-loading-spinner-size);\n  height: var(--charcoal-loading-spinner-size);\n  opacity: 0.84;\n  color: var(--charcoal-text4);\n  background-color: var(--charcoal-background1);\n}\n.charcoal-loading-spinner[data-transparent='true'] {\n  background-color: var(--charcoal-transparent);\n}\n\n@keyframes charcoal-loading-spinner-icon-scale-out {\n  from {\n    transform: scale(0);\n    opacity: 1;\n  }\n  to {\n    transform: scale(1);\n    opacity: 0;\n  }\n}\n\n.charcoal-loading-spinner-icon {\n  width: 1em;\n  height: 1em;\n  border-radius: 1em;\n  background-color: currentColor;\n  animation: charcoal-loading-spinner-icon-scale-out 1s both ease-out;\n  animation-iteration-count: infinite;\n}\n\n.charcoal-loading-spinner-icon[data-reset-animation] {\n  animation: none;\n}\n.charcoal-loading-spinner-icon[data-once='true'] {\n  animation-iteration-count: 1;\n}\n",".charcoal-dropdown-selector-root {\n  display: grid;\n  grid-template-columns: 1fr;\n  grid-gap: 4px;\n  width: 100%;\n}\n\n.charcoal-dropdown-selector-root[aria-disabled='true'] {\n  cursor: default;\n  opacity: 0.32;\n}\n\n.charcoal-dropdown-selector-button {\n  display: grid;\n  grid-template-columns: 1fr auto;\n  justify-content: space-between;\n  align-items: center;\n\n  height: 40px;\n  width: 100%;\n  box-sizing: border-box;\n  border: none;\n  cursor: pointer;\n  gap: 4px;\n\n  padding-right: 8px;\n  padding-left: 8px;\n  background-color: var(--charcoal-surface3);\n  border-radius: 4px;\n\n  transition:\n    0.2s box-shadow,\n    0.2s background-color;\n}\n\n.charcoal-dropdown-selector-button:disabled {\n  cursor: default;\n}\n\n.charcoal-dropdown-selector-button:not(:disabled):focus {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-dropdown-selector-button:not(:disabled):focus-visible {\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-dropdown-selector-button:not(:disabled)[data-active='true'],\n.charcoal-dropdown-selector-button:not(:disabled):active {\n  background-color: var(--charcoal-surface3-press);\n}\n\n.charcoal-dropdown-selector-button:not(:disabled):hover {\n  background-color: var(--charcoal-surface3-hover);\n}\n\n.charcoal-dropdown-selector-button:not(:disabled):focus:not(:focus-visible) {\n  box-shadow: none;\n}\n\n.charcoal-dropdown-selector-button[aria-invalid='true'],\n.charcoal-dropdown-selector-button:not(\n    :disabled\n  )[aria-invalid='true']:focus:not(:focus-visible) {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-ui-dropdown-selector-text {\n  text-align: left;\n  font-size: 14px;\n  line-height: 22px;\n  display: flow-root;\n  color: var(--charcoal-text2);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.charcoal-ui-dropdown-selector-text[data-placeholder='true'] {\n  color: var(--charcoal-text3);\n}\n\n.charcoal-ui-dropdown-selector-icon {\n  color: var(--charcoal-text2);\n}\n",".charcoal-popover {\n  margin: 4px 0;\n  list-style: none;\n  overflow: auto;\n  max-height: inherit;\n  background-color: var(--charcoal-background1);\n  border: solid 1px var(--charcoal-border-default);\n  border-radius: 8px;\n  padding-top: 8px;\n  padding-bottom: 8px;\n}\n",".charcoal-menu-list {\n  padding: 0;\n  margin: 0;\n}\n",".charcoal-dropdown-selector-menu-item {\n  font-size: 14px;\n  line-height: 22px;\n  color: var(--charcoal-text2);\n  padding: 9px 0;\n\n  display: flex;\n  align-items: center;\n  width: 100%;\n  margin-left: 20px;\n}\n\n.charcoal-dropdown-selector-menu-item[data-selected='true'] {\n  margin-left: 0px;\n}\n\n.charcoal-dropdown-selector-menu-item-icon {\n  color: var(--charcoal-text2);\n  padding-right: 4px;\n}\n\n.charcoal-dropdown-selector-menu-item-container {\n  display: flex;\n  align-items: center;\n}\n\n.charcoal-dropdown-selector-menu-secondary {\n  font-size: 12px;\n  line-height: 20px;\n  color: var(--charcoal-text3);\n  padding-bottom: 9px;\n\n  display: flex;\n  align-items: center;\n  margin-left: 20px;\n}\n",".charcoal-list-item {\n  list-style: none;\n  display: flex;\n  align-items: center;\n  min-height: 40px;\n  cursor: pointer;\n  outline: none;\n\n  padding-right: 16px;\n  padding-left: 16px;\n\n  transition: background-color 0.2s;\n}\n\n.charcoal-list-item:not([aria-disabled='true']):hover,\n.charcoal-list-item:not([aria-disabled='true']):focus,\n.charcoal-list-item:not([aria-disabled='true']):focus-within {\n  background-color: var(--charcoal-surface3);\n}\n\n.charcoal-list-item[aria-disabled='true'] {\n  opacity: 0.32;\n  cursor: default;\n}\n",".charcoal-menu-item-group {\n  display: block;\n}\n\n.charcoal-menu-item-group > span {\n  display: block;\n  color: var(--charcoal-text3);\n  font-size: 12px;\n  font-weight: bold;\n  padding: 12px 0 8px 16px;\n}\n\n.charcoal-menu-item-group > ul {\n  padding-left: 0;\n  margin: 0;\n  box-sizing: border-box;\n  list-style: none;\n  overflow: hidden;\n}\n",".charcoal-segmented-control {\n  display: inline-flex;\n  align-items: center;\n\n  background-color: var(--charcoal-surface3);\n  border-radius: 16px;\n}\n\n.charcoal-segmented-control[data-uniform-segment-width='true'],\n.charcoal-segmented-control[data-full-width='true'] {\n  display: inline-grid;\n  grid-auto-columns: minmax(80px, 1fr);\n  grid-auto-rows: 32px;\n  grid-auto-flow: column;\n}\n\n.charcoal-segmented-control[data-full-width='true'] {\n  width: 100%;\n}\n\n.charcoal-segmented-control-radio__label {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  height: 32px;\n\n  padding-right: 16px;\n  padding-left: 16px;\n  border-radius: 16px;\n  color: var(--charcoal-text2);\n\n  font-size: 14px;\n  line-height: 22px;\n}\n\n.charcoal-segmented-control-radio__label[aria-disabled]:not(\n    [aria-disabled='false']\n  ) {\n  cursor: default;\n  opacity: 0.32;\n}\n\n.charcoal-segmented-control-radio__label[data-checked='true'] {\n  background-color: var(--charcoal-brand);\n  color: var(--charcoal-text5);\n}\n\n.charcoal-segmented-control-radio__label[data-uniform-segment-width='true'],\n.charcoal-segmented-control-radio__label[data-full-width='true'] {\n  justify-content: center;\n  white-space: nowrap;\n}\n\n.charcoal-segmented-control-radio__input {\n  position: absolute;\n\n  height: 0px;\n  width: 0px;\n  padding: 0;\n  margin: 0;\n\n  appearance: none;\n  box-sizing: border-box;\n  overflow: hidden;\n  white-space: nowrap;\n  opacity: 0;\n}\n",".charcoal-checkbox__label {\n  position: relative;\n  cursor: pointer;\n  display: flex;\n  gap: 4px;\n}\n\n.charcoal-checkbox__label[aria-disabled='true'] {\n  cursor: default;\n  opacity: 0.32;\n}\n\n.charcoal-checkbox__label[aria-disabled='true'] > input {\n  opacity: 1;\n}\n\n.charcoal-checkbox__label_div {\n  flex: 1;\n  color: var(--charcoal-text2);\n  font-size: 14px;\n  line-height: 20px;\n}\n",".charcoal-checkbox-input {\n  appearance: none;\n  display: flex;\n  cursor: pointer;\n  margin: 0;\n  width: 20px;\n  height: 20px;\n  border-radius: 4px;\n  transition:\n    0.2s box-shadow,\n    0.2s background-color;\n  position: relative;\n  box-sizing: border-box;\n}\n\n.charcoal-checkbox-input:disabled,\n.charcoal-checkbox-input[readonly] {\n  opacity: 0.32;\n  cursor: default;\n}\n\n.charcoal-checkbox-input:checked {\n  background-color: var(--charcoal-brand);\n}\n\n.charcoal-checkbox-input:checked::after {\n  content: '';\n  background-color: white;\n  display: flex;\n  margin: auto;\n  width: 16px;\n  height: 16px;\n  clip-path: path(\n    'M10.6 5a1.3 1.3 0 0 1 1.8 1.9l-5.7 5.6-3-2.9a1.3 1.3 0 1 1 2-1.9l1 1z'\n  );\n}\n\n.charcoal-checkbox-input:not(:checked) {\n  border-width: 2px;\n  border-style: solid;\n  border-color: var(--charcoal-text4);\n}\n\n.charcoal-checkbox-input:not(:disabled):focus {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n.charcoal-checkbox-input:not(:disabled):focus-visible {\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n.charcoal-checkbox-input:not(:disabled):focus:not(:focus-visible) {\n  box-shadow: none;\n}\n\n.charcoal-checkbox-input:checked:not(:disabled):hover {\n  background-color: var(--charcoal-brand-hover);\n}\n.charcoal-checkbox-input:checked:not(:disabled):active {\n  background-color: var(--charcoal-brand-press);\n}\n\n.charcoal-checkbox-input[aria-invalid='true'],\n.charcoal-checkbox-input[aria-invalid='true']:not(:disabled):focus {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-checkbox-input[data-rounded='true'] {\n  border-radius: 10px;\n  background-color: var(--charcoal-surface3);\n  border: 2px solid transparent;\n}\n\n.charcoal-checkbox-input[data-rounded='true']:checked {\n  background-color: var(--charcoal-brand);\n}\n\n.charcoal-checkbox-input[data-rounded='true']:not(:disabled):hover {\n  background-color: var(--charcoal-surface3-hover);\n}\n.charcoal-checkbox-input[data-rounded='true']:not(:disabled):active {\n  background-color: var(--charcoal-surface3-press);\n}\n\n.charcoal-checkbox-input[data-rounded='true']:not(:disabled):focus-visible {\n  box-shadow: 0 0 0 6px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-checkbox-input[data-rounded='true']:checked:not(:disabled):hover {\n  background-color: var(--charcoal-brand-hover);\n}\n.charcoal-checkbox-input[data-rounded='true']:checked:not(:disabled):active {\n  background-color: var(--charcoal-brand-press);\n}\n\n.charcoal-checkbox-input[data-rounded='true'][aria-invalid='true'],\n.charcoal-checkbox-input[data-rounded='true'][aria-invalid='true']:not(\n    :disabled\n  ):focus {\n  box-shadow: 0 0 0 6px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-checkbox-input[data-rounded='true']::before {\n  content: '';\n  width: 24px;\n  height: 24px;\n  position: absolute;\n  top: -4px;\n  left: -4px;\n  border-radius: 12px;\n  border: 2px solid #fff;\n  box-sizing: border-box;\n}\n",".charcoal-tag-item {\n  --charcoal-tag-item-color: var(--charcoal-text5);\n  --charcoal-tag-item-size: 40px;\n  --charcoal-tag-item-padding-left: 24px;\n  --charcoal-tag-item-padding-right: 24px;\n\n  isolation: isolate;\n  position: relative;\n\n  appearance: none;\n  outline: none;\n  border-style: none;\n\n  display: inline-flex;\n  gap: 8px;\n  align-items: center;\n  justify-content: center;\n\n  text-decoration: none;\n  cursor: pointer;\n  overflow: hidden;\n\n  color: var(--charcoal-tag-item-color);\n  height: var(--charcoal-tag-item-size);\n  padding-top: 4px;\n  padding-bottom: 4px;\n  padding-left: var(--charcoal-tag-item-padding-left);\n  padding-right: var(--charcoal-tag-item-padding-right);\n  box-sizing: border-box;\n  border-radius: 4px;\n\n  transition: 0.2s box-shadow;\n}\n\n.charcoal-tag-item[data-size='M'] {\n  --charcoal-tag-item-size: 40px;\n  --charcoal-tag-item-padding-left: 24px;\n  --charcoal-tag-item-padding-right: 24px;\n}\n.charcoal-tag-item[data-size='S'] {\n  --charcoal-tag-item-size: 32px;\n  --charcoal-tag-item-padding-left: 16px;\n  --charcoal-tag-item-padding-right: 16px;\n}\n.charcoal-tag-item[data-state='inactive'] {\n  --charcoal-tag-item-color: var(--charcoal-text2);\n}\n.charcoal-tag-item[data-state='active'] {\n  --charcoal-tag-item-padding-left: 16px;\n  --charcoal-tag-item-padding-right: 8px;\n}\n\n.charcoal-tag-item:disabled,\n.charcoal-tag-item[aria-disabled]:not([aria-disabled='false']) {\n  opacity: 0.32;\n  cursor: default;\n}\n.charcoal-tag-item:not(:disabled):not([aria-disabled]):focus-visible,\n.charcoal-tag-item[aria-disabled='false']:focus-visible {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n.charcoal-tag-item:not(:disabled):not([aria-disabled]):focus,\n.charcoal-tag-item[aria-disabled='false']:focus {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n.charcoal-tag-item:not(:disabled):not([aria-disabled]):focus:not(\n    :focus-visible\n  ),\n.charcoal-tag-item[aria-disabled='false']:focus:not(:focus-visible) {\n  box-shadow: none;\n}\n\n.charcoal-tag-item__bg {\n  background-color: var(--charcoal-tag-item-bg);\n}\n\n.charcoal-tag-item__bg[data-bg-variant='image'] {\n  background-color: var(--charcoal-surface4);\n}\n\n.charcoal-tag-item__bg[data-bg-variant='image']::before {\n  content: '';\n  position: absolute;\n  z-index: 1;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-position: center;\n  background-size: cover;\n  background-image: var(--charcoal-tag-item-bg);\n  mix-blend-mode: overlay;\n}\n\n.charcoal-tag-item__bg[data-state='inactive'] {\n  background-color: var(--charcoal-surface3);\n}\n\n.charcoal-tag-item__label {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.charcoal-tag-item__label[data-has-translate='true'] {\n  justify-content: space-between;\n}\n\n.charcoal-tag-item__label__translated {\n  --charcoal-tag-item-text-font-size: 12px;\n  --charcoal-tag-item-text-line-height: 20px;\n  font-weight: bold;\n}\n.charcoal-tag-item__label__translated::before {\n  display: none;\n}\n\n.charcoal-tag-item__label__text {\n  --charcoal-tag-item-text-font-size: 14px;\n  --charcoal-tag-item-text-line-height: 22px;\n\n  max-width: 152px;\n  overflow: hidden;\n  font-weight: bold;\n\n  color: inherit;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n.charcoal-tag-item__label__text[data-has-translate='true'] {\n  --charcoal-tag-item-text-font-size: 10px;\n  --charcoal-tag-item-text-line-height: 14px;\n  font-weight: normal;\n}\n.charcoal-tag-item__labe__text[data-has-translate='true']::after {\n  display: none;\n}\n",".charcoal-hint-text {\n  background-color: var(--charcoal-surface3);\n  border-radius: 8px;\n  padding: 12px 16px;\n  display: flex;\n  align-items: flex-start;\n}\n\n.charcoal-hint-text[data-context='page'] {\n  justify-content: center;\n}\n\n@media (min-width: 744px) {\n  .charcoal-hint-text[data-context='page'] {\n    padding: 20px 40px;\n  }\n}\n\n.charcoal-hint-text-icon {\n  display: flex;\n  align-items: center;\n  color: var(--charcoal-text3);\n  height: 22px;\n  margin: 0 4px 0 0;\n}\n\n.charcoal-hint-text-message {\n  color: var(--charcoal-text2);\n  font-size: 14px;\n  line-height: 22px;\n  display: flow-root;\n  margin: 0;\n  min-width: 0;\n  overflow-wrap: break-word;\n}\n",".charcoal-text-ellipsis {\n  overflow: hidden;\n  overflow-wrap: break-word;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: var(--charcoal-text-ellipsis-line-limit);\n}\n\n.charcoal-text-ellipsis[data-has-line-height='true'] {\n  line-height: var(--charcoal-text-ellipsis-line-height);\n}\n\n.charcoal-text-ellipsis[data-has-line-height='false'] {\n  line-height: inherit;\n}\n\n.charcoal-text-ellipsis[data-line-limit='1'][data-use-nowrap='true'] {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n",".charcoal-button {\n  appearance: none;\n  background: transparent;\n  box-sizing: border-box;\n  padding: 0 24px;\n  border-style: none;\n  outline: none;\n  text-rendering: inherit;\n  letter-spacing: inherit;\n  word-spacing: inherit;\n  text-decoration: none;\n  font: inherit;\n  margin: 0;\n  overflow: visible;\n  text-transform: none;\n  width: min-content;\n  display: inline-grid;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  user-select: none;\n  white-space: nowrap;\n  border-radius: 999999px;\n  font-size: 14px;\n  line-height: 22px;\n  font-weight: bold;\n  color: var(--charcoal-text2);\n  background-color: var(--charcoal-surface3);\n  transition:\n    0.2s color,\n    0.2s background-color,\n    0.2s box-shadow;\n  height: 40px;\n}\n\n.charcoal-button:disabled,\n.charcoal-button[aria-disabled]:not([aria-disabled='false']) {\n  cursor: default;\n  opacity: 0.32;\n}\n\n.charcoal-button:not(:disabled):not([aria-disabled]):focus-visible,\n.charcoal-button[aria-disabled='false']:focus-visible {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-button:not(:disabled):not([aria-disabled]):hover,\n.charcoal-button[aria-disabled='false']:hover {\n  color: var(--charcoal-text2-hover);\n  background-color: var(--charcoal-surface3-hover);\n}\n\n.charcoal-button:not(:disabled):not([aria-disabled]):active,\n.charcoal-button[aria-disabled='false']:active,\n.charcoal-button[data-active='true'] {\n  color: var(--charcoal-text2-press);\n  background-color: var(--charcoal-surface3-press);\n}\n\n.charcoal-button[data-variant='Primary'] {\n  color: var(--charcoal-text5);\n  background-color: var(--charcoal-brand);\n}\n\n.charcoal-button[data-variant='Primary']:hover:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-button[data-variant='Primary']:hover[aria-disabled='false'] {\n  color: var(--charcoal-text5-hover);\n  background-color: var(--charcoal-brand-hover);\n}\n\n.charcoal-button[data-variant='Primary']:active:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-button[data-variant='Primary']:active[aria-disabled='false'],\n.charcoal-button[data-variant='Primary'][data-active='true'] {\n  color: var(--charcoal-text5-press);\n  background-color: var(--charcoal-brand-press);\n}\n\n.charcoal-button[data-variant='Overlay'] {\n  color: var(--charcoal-text5);\n  background-color: var(--charcoal-surface4);\n}\n\n.charcoal-button[data-variant='Overlay']:hover:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-button[data-variant='Overlay']:hover[aria-disabled='false'] {\n  color: var(--charcoal-text5-hover);\n  background-color: var(--charcoal-surface4-hover);\n}\n\n.charcoal-button[data-variant='Overlay']:active:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-button[data-variant='Overlay']:active[aria-disabled='false'],\n.charcoal-button[data-variant='Overlay'][data-active='true'] {\n  color: var(--charcoal-text5-press);\n  background-color: var(--charcoal-surface4-press);\n}\n\n.charcoal-button[data-variant='Navigation'] {\n  color: var(--charcoal-text5);\n  background-color: var(--charcoal-surface6);\n}\n\n.charcoal-button[data-variant='Navigation']:hover:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-button[data-variant='Navigation']:hover[aria-disabled='false'] {\n  color: var(--charcoal-text5-hover);\n  background-color: var(--charcoal-surface6-hover);\n}\n\n.charcoal-button[data-variant='Navigation']:active:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-button[data-variant='Navigation']:active[aria-disabled='false'],\n.charcoal-button[data-variant='Navigation'][data-active='true'] {\n  color: var(--charcoal-text5-press);\n  background-color: var(--charcoal-surface6-press);\n}\n\n.charcoal-button[data-variant='Danger'] {\n  color: var(--charcoal-text5);\n  background-color: var(--charcoal-assertive);\n}\n.charcoal-button[data-variant='Danger']:hover:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-button[data-variant='Danger']:hover[aria-disabled='false'] {\n  color: var(--charcoal-text5-hover);\n  background-color: var(--charcoal-assertive-hover);\n}\n\n.charcoal-button[data-variant='Danger']:active:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-button[data-variant='Danger']:active[aria-disabled='false'],\n.charcoal-button[data-variant='Danger'][data-active='true'] {\n  color: var(--charcoal-text5-press);\n  background-color: var(--charcoal-assertive-press);\n}\n\n.charcoal-button[data-size='S'] {\n  padding: 0 16px;\n  height: 32px;\n}\n\n.charcoal-button[data-full-width='true'] {\n  width: 100%;\n}\n\n.charcoal-clickable {\n  cursor: pointer;\n\n  /* Reset button appearance */\n  appearance: none;\n  background: transparent;\n  padding: 0;\n  border-style: none;\n  outline: none;\n  color: inherit;\n  text-rendering: inherit;\n  letter-spacing: inherit;\n  word-spacing: inherit;\n  text-decoration: none;\n\n  /* Change the font styles in all browsers. */\n  font: inherit;\n\n  /* Remove the margin in Firefox and Safari. */\n  margin: 0;\n\n  /* Show the overflow in Edge. */\n  overflow: visible;\n\n  /* Remove the inheritance of text transform in Firefox. */\n  text-transform: none;\n}\n\n.charcoal-clickable:disabled,\n.charcoal-clickable[aria-disabled]:not([aria-disabled='false']) {\n  cursor: default;\n}\n\n.charcoal-clickable:focus {\n  outline: none;\n}\n\n.charcoal-clickable::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n.charcoal-icon-button {\n  cursor: pointer;\n  appearance: none;\n  background: transparent;\n  padding: 0;\n  border-style: none;\n  outline: none;\n  color: inherit;\n  text-rendering: inherit;\n  letter-spacing: inherit;\n  word-spacing: inherit;\n  text-decoration: none;\n  font: inherit;\n  margin: 0;\n  overflow: visible;\n  text-transform: none;\n\n  user-select: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 999999px;\n  transition:\n    0.2s background-color,\n    0.2s box-shadow;\n}\n\n.charcoal-icon-button:disabled,\n.charcoal-icon-button[aria-disabled]:not([aria-disabled='false']) {\n  cursor: default;\n  opacity: 0.32;\n}\n.charcoal-icon-button:focus {\n  outline: none;\n}\n.charcoal-icon-button::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n.charcoal-icon-button[data-size='XS'] {\n  width: 20px;\n  height: 20px;\n}\n.charcoal-icon-button[data-size='S'] {\n  width: 32px;\n  height: 32px;\n}\n.charcoal-icon-button[data-size='M'] {\n  width: 40px;\n  height: 40px;\n}\n\n.charcoal-icon-button[data-variant='Default'] {\n  color: var(--charcoal-text3);\n  background-color: var(--charcoal-transparent);\n}\n.charcoal-icon-button[data-variant='Default'][data-active='true']:not(\n    :disabled\n  ):not([aria-disabled]),\n.charcoal-icon-button[data-variant='Default'][data-active='true'][aria-disabled='false'] {\n  color: var(--charcoal-text3-press);\n  background-color: var(--charcoal-transparent-press);\n}\n.charcoal-icon-button[data-variant='Default'][data-active='false']:not(\n    :disabled\n  ):not([aria-disabled]):hover,\n.charcoal-icon-button[data-variant='Default'][data-active='false'][aria-disabled='false']:hover {\n  color: var(--charcoal-text3-hover);\n  background-color: var(--charcoal-transparent-hover);\n}\n.charcoal-icon-button[data-variant='Default'][data-active='false']:not(\n    :disabled\n  ):not([aria-disabled]):active,\n.charcoal-icon-button[data-variant='Default'][data-active='false'][aria-disabled='false']:active {\n  color: var(--charcoal-text3-press);\n  background-color: var(--charcoal-transparent-press);\n}\n\n.charcoal-icon-button[data-variant='Overlay'] {\n  color: var(--charcoal-text5);\n  background-color: var(--charcoal-surface4);\n}\n.charcoal-icon-button[data-variant='Overlay'][data-active='true']:not(\n    :disabled\n  ):not([aria-disabled]),\n.charcoal-icon-button[data-variant='Overlay'][data-active='true'][aria-disabled='false'] {\n  color: var(--charcoal-text5-press);\n  background-color: var(--charcoal-surface4-press);\n}\n.charcoal-icon-button[data-variant='Overlay'][data-active='false']:not(\n    :disabled\n  ):not([aria-disabled]):hover,\n.charcoal-icon-button[data-variant='Overlay'][data-active='false'][aria-disabled='false']:hover {\n  color: var(--charcoal-text5-hover);\n  background-color: var(--charcoal-surface4-hover);\n}\n.charcoal-icon-button[data-variant='Overlay'][data-active='false']:not(\n    :disabled\n  ):not([aria-disabled]):active,\n.charcoal-icon-button[data-variant='Overlay'][data-active='false'][aria-disabled='false']:active {\n  color: var(--charcoal-text5-press);\n  background-color: var(--charcoal-surface4-press);\n}\n\n.charcoal-icon-button:not(:disabled):not([aria-disabled]):focus,\n.charcoal-icon-button[aria-disabled='false']:focus {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n.charcoal-icon-button:not(:disabled):not([aria-disabled]):focus-visible,\n.charcoal-icon-button[aria-disabled='false']:focus-visible {\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n.charcoal-icon-button:not(:disabled):not([aria-disabled]):focus:not(\n    :focus-visible\n  ),\n.charcoal-icon-button[aria-disabled='false']:focus:not(:focus-visible) {\n  box-shadow: none;\n}\n\n.charcoal-radio__label {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  grid-gap: 4px;\n  align-items: center;\n  cursor: pointer;\n}\n\n.charcoal-radio__label[aria-disabled]:not([aria-disabled='false']) {\n  opacity: 0.32;\n  cursor: default;\n}\n\n.charcoal-radio__label_div {\n  font-size: 14px;\n  line-height: 22px;\n  color: var(--charcoal-text2);\n}\n\n.charcoal-radio-input {\n  appearance: none;\n  display: block;\n  box-sizing: border-box;\n\n  margin: 0;\n  padding: 6px;\n\n  width: 20px;\n  height: 20px;\n  cursor: pointer;\n  border-radius: 999999px;\n  background-color: var(--charcoal-surface1);\n  transition:\n    0.2s background-color,\n    0.2s box-shadow;\n}\n\n.charcoal-radio-input:checked {\n  background-color: var(--charcoal-brand);\n}\n\n.charcoal-radio-input:checked::after {\n  content: '';\n  display: block;\n  width: 8px;\n  height: 8px;\n  pointer-events: none;\n  background-color: var(--charcoal-text5);\n  border-radius: 999999px;\n  transition:\n    0.2s background-color,\n    0.2s box-shadow;\n}\n\n.charcoal-radio-input:not(:checked) {\n  border-width: 2px;\n  border-style: solid;\n  border-color: var(--charcoal-text3);\n}\n\n.charcoal-radio-input:disabled {\n  cursor: default;\n}\n\n.charcoal-radio-input:not(:disabled):hover {\n  background-color: var(--charcoal-surface1-hover);\n}\n\n.charcoal-radio-input:not(:disabled):active {\n  background-color: var(--charcoal-surface1-press);\n}\n\n.charcoal-radio-input:not(:disabled):focus {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-radio-input:not(:disabled):focus-visible {\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-radio-input:not(:disabled):focus:not(:focus-visible) {\n  box-shadow: none;\n}\n\n.charcoal-radio-input:not(:disabled)[aria-invalid='true'],\n.charcoal-radio-input:not(:disabled)[aria-invalid='true']:focus {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-radio-input:checked:not(:disabled):hover {\n  background-color: var(--charcoal-brand-hover);\n}\n\n.charcoal-radio-input:checked:not(:disabled):hover::after {\n  background-color: var(--charcoal-text5-hover);\n}\n\n.charcoal-radio-input:checked:not(:disabled):active {\n  background-color: var(--charcoal-brand-press);\n}\n\n.charcoal-radio-input:checked:not(:disabled):active::after {\n  background-color: var(--charcoal-text5-press);\n}\n\n.charcoal-radio-group {\n  display: grid;\n  grid-template-columns: 1fr;\n  grid-gap: 8px;\n}\n\n.charcoal-multi-select {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: center;\n  position: relative;\n  cursor: pointer;\n  gap: 4px;\n}\n\n.charcoal-multi-select:disabled,\n.charcoal-multi-select[aria-disabled]:not([aria-disabled='false']) {\n  opacity: 0.32;\n  cursor: default;\n}\n\n.charcoal-multi-select-label {\n  display: flow-root;\n  align-items: center;\n  font-size: 14px;\n  line-height: 22px;\n  color: var(--charcoal-text2);\n}\n\n.charcoal-multi-select-label::before {\n  display: block;\n  width: 0;\n  height: 0;\n  content: '';\n  margin-top: -4px;\n}\n\n.charcoal-multi-select-label::after {\n  display: block;\n  width: 0;\n  height: 0;\n  content: '';\n  margin-bottom: -4px;\n}\n\n.charcoal-multi-select-input[type='checkbox'] {\n  appearance: none;\n  display: block;\n  width: 20px;\n  height: 20px;\n  margin: 0;\n  background-color: var(--charcoal-text3);\n  border-radius: 999999px;\n  transition:\n    0.2s background-color,\n    0.2s box-shadow;\n}\n\n.charcoal-multi-select-input[type='checkbox']:checked {\n  background-color: var(--charcoal-brand);\n}\n\n.charcoal-multi-select-input[type='checkbox']:focus {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-multi-select-input[type='checkbox']:focus-visible {\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-multi-select-input[type='checkbox']:focus:not(:focus-visible) {\n  box-shadow: none;\n}\n\n.charcoal-multi-select-input[type='checkbox']:hover:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-multi-select-input[type='checkbox']:hover[aria-disabled='false'] {\n  background-color: var(--charcoal-text3-hover);\n}\n\n.charcoal-multi-select-input[type='checkbox']:active:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-multi-select-input[type='checkbox']:active[aria-disabled='false'] {\n  background-color: var(--charcoal-text3-press);\n}\n\n.charcoal-multi-select-input[type='checkbox']:checked:hover:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-multi-select-input[type='checkbox']:checked:hover[aria-disabled='false'] {\n  background-color: var(--charcoal-brand-hover);\n}\n\n.charcoal-multi-select-input[type='checkbox']:checked:active:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-multi-select-input[type='checkbox']:checked:active[aria-disabled='false'] {\n  background-color: var(--charcoal-brand-press);\n}\n\n.charcoal-multi-select-input[aria-invalid='true'][data-overlay='false']:not(\n    :disabled\n  ):not([aria-disabled]) {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-multi-select-input[aria-invalid='true'][data-overlay='false'][aria-disabled='false'] {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-multi-select-input[data-overlay='true'] {\n  background-color: var(--charcoal-surface4);\n}\n\n.charcoal-multi-select-overlay {\n  position: absolute;\n  top: -2px;\n  left: -2px;\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  border-radius: 999999px;\n  color: var(--charcoal-text5);\n  transition: 0.2s box-shadow;\n}\n\n.charcoal-multi-select-overlay[aria-invalid='true'][data-overlay='true']:not(\n    :disabled\n  ):not([aria-disabled]) {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-multi-select-overlay[aria-invalid='true'][data-overlay='true'][aria-disabled='false'] {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-multi-select-overlay[data-overlay='true'] {\n  border-color: var(--charcoal-text5);\n  border-width: 2px;\n  border-style: solid;\n}\n\n.charcoal-switch__label {\n  display: inline-grid;\n  grid-template-columns: auto 1fr;\n  align-items: center;\n  cursor: pointer;\n  outline: 0;\n  gap: 4px;\n}\n\n.charcoal-switch__label[aria-disabled='true'] {\n  opacity: 0.32;\n  cursor: default;\n}\n\n.charcoal-switch__label[aria-disabled='true'] > input {\n  opacity: 1;\n}\n\n.charcoal-switch__label_div {\n  font-size: 14px;\n  line-height: 22px;\n  color: var(--charcoal-text2);\n}\n\n.charcoal-switch-input {\n  cursor: pointer;\n  appearance: none;\n  display: inline-flex;\n  position: relative;\n  box-sizing: border-box;\n  width: 28px;\n  border: 2px solid transparent;\n\n  transition-property: background-color, box-shadow;\n  transition-duration: 0.2s;\n\n  outline: none;\n  border-radius: 16px;\n  height: 16px;\n  margin: 0;\n  background-color: var(--charcoal-text4);\n}\n\n.charcoal-switch-input:disabled,\n.charcoal-switch-input[readonly] {\n  opacity: 0.32;\n  cursor: default;\n}\n\n.charcoal-switch-input::after {\n  content: '';\n  position: absolute;\n  display: block;\n  top: 0;\n  left: 0;\n  width: 12px;\n  height: 12px;\n  transform: translateX(0);\n  transition: transform 0.2s;\n  border-radius: 1024px;\n  background-color: var(--charcoal-text5);\n}\n\n.charcoal-switch-input:checked::after {\n  transform: translateX(12px);\n  transition: transform 0.2s;\n}\n\n.charcoal-switch-input:checked {\n  background-color: var(--charcoal-brand);\n}\n\n.charcoal-switch-input:not(:disabled):hover {\n  background-color: var(--charcoal-text4-hover);\n}\n\n.charcoal-switch-input:not(:disabled):active {\n  background-color: var(--charcoal-text4-press);\n}\n\n.charcoal-switch-input:not(:disabled):focus {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n.charcoal-switch-input:not(:disabled):focus-visible {\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n.charcoal-switch-input:not(:disabled):focus:not(:focus-visible) {\n  box-shadow: none;\n}\n\n.charcoal-switch-input:not(:disabled)::after:hover {\n  background-color: var(--charcoal-text5-hover);\n}\n\n.charcoal-switch-input:not(:disabled)::after:active {\n  background-color: var(--charcoal-text5-press);\n}\n\n.charcoal-switch-input:not(:disabled):checked:hover {\n  background-color: var(--charcoal-brand-hover);\n}\n\n.charcoal-switch-input:not(:disabled):checked:active {\n  background-color: var(--charcoal-brand-press);\n}\n\n.charcoal-text-field-root {\n  display: grid;\n  grid-template-columns: 1fr;\n  grid-gap: 4px;\n}\n\n.charcoal-text-field-root[aria-disabled='true'] {\n  opacity: 0.32;\n}\n\n.charcoal-text-field-container {\n  display: flex;\n  height: 40px;\n  transition:\n    0.2s background-color,\n    0.2s box-shadow;\n  color: var(--charcoal-text2);\n  background-color: var(--charcoal-surface3);\n  border-radius: 4px;\n  padding: 0 8px;\n  line-height: 22px;\n  font-size: 14px;\n}\n\n.charcoal-text-field-container[data-invalid='true'] {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-text-field-container:not([aria-disabled='true']):hover {\n  background-color: var(--charcoal-surface3-hover);\n}\n\n.charcoal-text-field-container:not([aria-disabled='true']):focus-within {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-text-field-container:not(\n    [aria-disabled='true']\n  )[data-invalid='true']:focus-within {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-text-field-prefix {\n  display: flex;\n  align-items: center;\n  margin-right: 4px;\n}\n\n.charcoal-text-field-suffix {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-left: 4px;\n}\n\n.charcoal-text-field-input {\n  border: none;\n  box-sizing: border-box;\n  outline: none;\n  font-family: inherit;\n\n  /* Prevent zooming for iOS Safari */\n  transform-origin: top left;\n  transform: scale(0.875);\n  width: calc(100% / 0.875);\n  height: calc(100% / 0.875);\n  font-size: calc(14px / 0.875);\n  line-height: calc(22px / 0.875);\n  padding-left: 0;\n  padding-right: 0;\n  border-radius: calc(4px / 0.875);\n\n  /* Display box-shadow for iOS Safari */\n  appearance: none;\n  background: transparent;\n\n  color: var(--charcoal-text2);\n}\n\n.charcoal-text-field-input::placeholder {\n  color: var(--charcoal-text3);\n}\n\n.charcoal-text-field-line-counter {\n  line-height: 22px;\n  font-size: 14px;\n  color: var(--charcoal-text3);\n}\n\n.charcoal-field-label {\n  font-size: 14px;\n  line-height: 22px;\n  font-weight: bold;\n  display: flow-root;\n  color: var(--charcoal-text1);\n}\n\n.charcoal-field-label-required-text {\n  font-size: 14px;\n  line-height: 22px;\n  display: flow-root;\n  color: var(--charcoal-text2);\n}\n\n.charcoal-field-label-sub-label {\n  font-size: 14px;\n  line-height: 22px;\n  display: flow-root;\n  color: var(--charcoal-text3);\n  transition:\n    0.2s color,\n    0.2s box-shadow;\n}\n\n.charcoal-field-label-root {\n  display: inline-flex;\n  align-items: center;\n}\n\n.charcoal-field-label-root > .charcoal-field-label-required-text {\n  margin-left: 4px;\n}\n\n.charcoal-field-label-root > .charcoal-field-label-sub-label {\n  margin-left: auto;\n}\n\n.charcoal-text-field-assistive-text {\n  font-size: 14px;\n  line-height: 22px;\n  margin: 0;\n  color: var(--charcoal-text2);\n}\n\n.charcoal-text-field-assistive-text[data-invalid='true'] {\n  color: var(--charcoal-assertive);\n}\n\n.charcoal-text-area-root {\n  display: grid;\n  grid-template-columns: 1fr;\n  grid-gap: 4px;\n}\n\n.charcoal-text-area-root[aria-disabled='true'] {\n  opacity: 0.32;\n}\n\n.charcoal-text-area-container {\n  position: relative;\n  overflow: hidden;\n\n  color: var(--charcoal-text2);\n  background-color: var(--charcoal-surface3);\n  border-radius: 4px;\n  transition:\n    0.2s background-color,\n    0.2s box-shadow;\n  height: calc(22px * var(--charcoal-text-area-rows) + 18px);\n}\n\n.charcoal-text-area-container[aria-invalid='true'] {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-text-area-container:focus-within {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-text-area-container:not([aria-disabled='true']):hover {\n  background-color: var(--charcoal-surface3-hover);\n}\n\n.charcoal-text-area-container[aria-invalid='true']:focus-within {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-text-area-textarea {\n  border: none;\n  outline: none;\n  resize: none;\n  font-family: inherit;\n  color: inherit;\n  box-sizing: border-box;\n\n  /* Prevent zooming for iOS Safari */\n  transform-origin: top left;\n  transform: scale(0.875);\n  width: calc(100% / 0.875);\n  font-size: calc(14px / 0.875);\n  line-height: calc(22px / 0.875);\n  padding: calc(9px / 0.875) calc(8px / 0.875);\n  height: calc(22px / 0.875 * var(--charcoal-text-area-rows) + 20px);\n\n  /* Display box-shadow for iOS Safari */\n  appearance: none;\n\n  background: none;\n}\n.charcoal-text-area-textarea[data-no-bottom-padding='true'] {\n  padding: calc(9px / 0.875) calc(8px / 0.875) 0;\n  height: calc(22px / 0.875 * (var(--charcoal-text-area-rows) - 1) + 9px);\n}\n\n.charcoal-text-area-textarea::placeholder {\n  color: var(--charcoal-text3);\n}\n\n.charcoal-text-area-counter {\n  position: absolute;\n  bottom: 9px;\n  right: 8px;\n\n  line-height: 22px;\n  font-size: 14px;\n  color: var(--charcoal-text3);\n}\n\n.charcoal-modal-dialog {\n  margin: auto;\n  position: relative;\n  height: fit-content;\n  width: 440px;\n\n  background-color: var(--charcoal-surface1);\n  border-radius: 24px;\n}\n\n.charcoal-modal-dialog[data-size='S'] {\n  width: 336px;\n}\n\n.charcoal-modal-dialog[data-size='M'] {\n  width: 440px;\n}\n\n.charcoal-modal-dialog[data-size='L'] {\n  width: 648px;\n}\n\n@media (max-width: 743px) {\n  .charcoal-modal-dialog {\n    max-width: 440px;\n    width: calc(100% - 48px);\n  }\n\n  .charcoal-modal-dialog[data-bottom-sheet='true'],\n  .charcoal-modal-dialog[data-bottom-sheet='full'] {\n    max-width: unset;\n    width: 100%;\n    border-radius: 0;\n    margin: auto 0 0 0;\n  }\n\n  .charcoal-modal-dialog[data-bottom-sheet='full'] {\n    min-height: 100%;\n  }\n}\n\n.charcoal-modal-dialog:focus {\n  outline: none;\n}\n\n.charcoal-modal-background {\n  overflow: auto;\n  display: flex;\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  justify-content: center;\n  padding: 40px 0;\n  box-sizing: border-box;\n\n  background-color: var(--charcoal-surface4);\n}\n\n@media (max-width: 743px) {\n  .charcoal-modal-background[data-bottom-sheet='true'],\n  .charcoal-modal-background[data-bottom-sheet='full'] {\n    padding: 0;\n  }\n}\n\n.charcoal-modal-close-button {\n  position: absolute;\n  top: 8px;\n  right: 8px;\n\n  color: var(--charcoal-text3);\n  transition: 0.2s color;\n}\n\n.charcoal-modal-title {\n  margin: 0;\n  font-weight: inherit;\n  font-size: inherit;\n}\n\n.charcoal-modal-header-root {\n  height: 64px;\n  display: grid;\n  align-content: center;\n  justify-content: center;\n}\n\n@media (max-width: 743px) {\n  .charcoal-modal-header-root[data-bottom-sheet='true'],\n  .charcoal-modal-header-root[data-bottom-sheet='full'] {\n    height: 48px;\n  }\n}\n\n.charcoal-modal-header-title {\n  color: var(--charcoal-text1);\n  font-size: 16px;\n  line-height: 24px;\n  font-weight: bold;\n  display: flow-root;\n}\n\n.charcoal-modal-align {\n  padding-left: 16px;\n  padding-right: 16px;\n}\n\n.charcoal-modal-body {\n  padding-bottom: 40px;\n}\n\n.charcoal-modal-buttons {\n  display: grid;\n  grid-auto-flow: row;\n  grid-row-gap: 8px;\n\n  padding-top: 16px;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n\n.charcoal-loading-spinner {\n  box-sizing: content-box;\n  margin: auto;\n  padding: var(--charcoal-loading-spinner-padding);\n  border-radius: 8px;\n  font-size: var(--charcoal-loading-spinner-size);\n  width: var(--charcoal-loading-spinner-size);\n  height: var(--charcoal-loading-spinner-size);\n  opacity: 0.84;\n  color: var(--charcoal-text4);\n  background-color: var(--charcoal-background1);\n}\n.charcoal-loading-spinner[data-transparent='true'] {\n  background-color: var(--charcoal-transparent);\n}\n\n@keyframes charcoal-loading-spinner-icon-scale-out {\n  from {\n    transform: scale(0);\n    opacity: 1;\n  }\n  to {\n    transform: scale(1);\n    opacity: 0;\n  }\n}\n\n.charcoal-loading-spinner-icon {\n  width: 1em;\n  height: 1em;\n  border-radius: 1em;\n  background-color: currentColor;\n  animation: charcoal-loading-spinner-icon-scale-out 1s both ease-out;\n  animation-iteration-count: infinite;\n}\n\n.charcoal-loading-spinner-icon[data-reset-animation] {\n  animation: none;\n}\n.charcoal-loading-spinner-icon[data-once='true'] {\n  animation-iteration-count: 1;\n}\n\n.charcoal-dropdown-selector-root {\n  display: grid;\n  grid-template-columns: 1fr;\n  grid-gap: 4px;\n  width: 100%;\n}\n\n.charcoal-dropdown-selector-root[aria-disabled='true'] {\n  cursor: default;\n  opacity: 0.32;\n}\n\n.charcoal-dropdown-selector-button {\n  display: grid;\n  grid-template-columns: 1fr auto;\n  justify-content: space-between;\n  align-items: center;\n\n  height: 40px;\n  width: 100%;\n  box-sizing: border-box;\n  border: none;\n  cursor: pointer;\n  gap: 4px;\n\n  padding-right: 8px;\n  padding-left: 8px;\n  background-color: var(--charcoal-surface3);\n  border-radius: 4px;\n\n  transition:\n    0.2s box-shadow,\n    0.2s background-color;\n}\n\n.charcoal-dropdown-selector-button:disabled {\n  cursor: default;\n}\n\n.charcoal-dropdown-selector-button:not(:disabled):focus {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-dropdown-selector-button:not(:disabled):focus-visible {\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-dropdown-selector-button:not(:disabled)[data-active='true'],\n.charcoal-dropdown-selector-button:not(:disabled):active {\n  background-color: var(--charcoal-surface3-press);\n}\n\n.charcoal-dropdown-selector-button:not(:disabled):hover {\n  background-color: var(--charcoal-surface3-hover);\n}\n\n.charcoal-dropdown-selector-button:not(:disabled):focus:not(:focus-visible) {\n  box-shadow: none;\n}\n\n.charcoal-dropdown-selector-button[aria-invalid='true'],\n.charcoal-dropdown-selector-button:not(\n    :disabled\n  )[aria-invalid='true']:focus:not(:focus-visible) {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-ui-dropdown-selector-text {\n  text-align: left;\n  font-size: 14px;\n  line-height: 22px;\n  display: flow-root;\n  color: var(--charcoal-text2);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.charcoal-ui-dropdown-selector-text[data-placeholder='true'] {\n  color: var(--charcoal-text3);\n}\n\n.charcoal-ui-dropdown-selector-icon {\n  color: var(--charcoal-text2);\n}\n\n.charcoal-popover {\n  margin: 4px 0;\n  list-style: none;\n  overflow: auto;\n  max-height: inherit;\n  background-color: var(--charcoal-background1);\n  border: solid 1px var(--charcoal-border-default);\n  border-radius: 8px;\n  padding-top: 8px;\n  padding-bottom: 8px;\n}\n\n.charcoal-menu-list {\n  padding: 0;\n  margin: 0;\n}\n\n.charcoal-dropdown-selector-menu-item {\n  font-size: 14px;\n  line-height: 22px;\n  color: var(--charcoal-text2);\n  padding: 9px 0;\n\n  display: flex;\n  align-items: center;\n  width: 100%;\n  margin-left: 20px;\n}\n\n.charcoal-dropdown-selector-menu-item[data-selected='true'] {\n  margin-left: 0px;\n}\n\n.charcoal-dropdown-selector-menu-item-icon {\n  color: var(--charcoal-text2);\n  padding-right: 4px;\n}\n\n.charcoal-dropdown-selector-menu-item-container {\n  display: flex;\n  align-items: center;\n}\n\n.charcoal-dropdown-selector-menu-secondary {\n  font-size: 12px;\n  line-height: 20px;\n  color: var(--charcoal-text3);\n  padding-bottom: 9px;\n\n  display: flex;\n  align-items: center;\n  margin-left: 20px;\n}\n\n.charcoal-list-item {\n  list-style: none;\n  display: flex;\n  align-items: center;\n  min-height: 40px;\n  cursor: pointer;\n  outline: none;\n\n  padding-right: 16px;\n  padding-left: 16px;\n\n  transition: background-color 0.2s;\n}\n\n.charcoal-list-item:not([aria-disabled='true']):hover,\n.charcoal-list-item:not([aria-disabled='true']):focus,\n.charcoal-list-item:not([aria-disabled='true']):focus-within {\n  background-color: var(--charcoal-surface3);\n}\n\n.charcoal-list-item[aria-disabled='true'] {\n  opacity: 0.32;\n  cursor: default;\n}\n\n.charcoal-menu-item-group {\n  display: block;\n}\n\n.charcoal-menu-item-group > span {\n  display: block;\n  color: var(--charcoal-text3);\n  font-size: 12px;\n  font-weight: bold;\n  padding: 12px 0 8px 16px;\n}\n\n.charcoal-menu-item-group > ul {\n  padding-left: 0;\n  margin: 0;\n  box-sizing: border-box;\n  list-style: none;\n  overflow: hidden;\n}\n\n.charcoal-segmented-control {\n  display: inline-flex;\n  align-items: center;\n\n  background-color: var(--charcoal-surface3);\n  border-radius: 16px;\n}\n\n.charcoal-segmented-control[data-uniform-segment-width='true'],\n.charcoal-segmented-control[data-full-width='true'] {\n  display: inline-grid;\n  grid-auto-columns: minmax(80px, 1fr);\n  grid-auto-rows: 32px;\n  grid-auto-flow: column;\n}\n\n.charcoal-segmented-control[data-full-width='true'] {\n  width: 100%;\n}\n\n.charcoal-segmented-control-radio__label {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  height: 32px;\n\n  padding-right: 16px;\n  padding-left: 16px;\n  border-radius: 16px;\n  color: var(--charcoal-text2);\n\n  font-size: 14px;\n  line-height: 22px;\n}\n\n.charcoal-segmented-control-radio__label[aria-disabled]:not(\n    [aria-disabled='false']\n  ) {\n  cursor: default;\n  opacity: 0.32;\n}\n\n.charcoal-segmented-control-radio__label[data-checked='true'] {\n  background-color: var(--charcoal-brand);\n  color: var(--charcoal-text5);\n}\n\n.charcoal-segmented-control-radio__label[data-uniform-segment-width='true'],\n.charcoal-segmented-control-radio__label[data-full-width='true'] {\n  justify-content: center;\n  white-space: nowrap;\n}\n\n.charcoal-segmented-control-radio__input {\n  position: absolute;\n\n  height: 0px;\n  width: 0px;\n  padding: 0;\n  margin: 0;\n\n  appearance: none;\n  box-sizing: border-box;\n  overflow: hidden;\n  white-space: nowrap;\n  opacity: 0;\n}\n\n.charcoal-checkbox__label {\n  position: relative;\n  cursor: pointer;\n  display: flex;\n  gap: 4px;\n}\n\n.charcoal-checkbox__label[aria-disabled='true'] {\n  cursor: default;\n  opacity: 0.32;\n}\n\n.charcoal-checkbox__label[aria-disabled='true'] > input {\n  opacity: 1;\n}\n\n.charcoal-checkbox__label_div {\n  flex: 1;\n  color: var(--charcoal-text2);\n  font-size: 14px;\n  line-height: 20px;\n}\n\n.charcoal-checkbox-input {\n  appearance: none;\n  display: flex;\n  cursor: pointer;\n  margin: 0;\n  width: 20px;\n  height: 20px;\n  border-radius: 4px;\n  transition:\n    0.2s box-shadow,\n    0.2s background-color;\n  position: relative;\n  box-sizing: border-box;\n}\n\n.charcoal-checkbox-input:disabled,\n.charcoal-checkbox-input[readonly] {\n  opacity: 0.32;\n  cursor: default;\n}\n\n.charcoal-checkbox-input:checked {\n  background-color: var(--charcoal-brand);\n}\n\n.charcoal-checkbox-input:checked::after {\n  content: '';\n  background-color: white;\n  display: flex;\n  margin: auto;\n  width: 16px;\n  height: 16px;\n  clip-path: path(\n    'M10.6 5a1.3 1.3 0 0 1 1.8 1.9l-5.7 5.6-3-2.9a1.3 1.3 0 1 1 2-1.9l1 1z'\n  );\n}\n\n.charcoal-checkbox-input:not(:checked) {\n  border-width: 2px;\n  border-style: solid;\n  border-color: var(--charcoal-text4);\n}\n\n.charcoal-checkbox-input:not(:disabled):focus {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n.charcoal-checkbox-input:not(:disabled):focus-visible {\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n.charcoal-checkbox-input:not(:disabled):focus:not(:focus-visible) {\n  box-shadow: none;\n}\n\n.charcoal-checkbox-input:checked:not(:disabled):hover {\n  background-color: var(--charcoal-brand-hover);\n}\n.charcoal-checkbox-input:checked:not(:disabled):active {\n  background-color: var(--charcoal-brand-press);\n}\n\n.charcoal-checkbox-input[aria-invalid='true'],\n.charcoal-checkbox-input[aria-invalid='true']:not(:disabled):focus {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-checkbox-input[data-rounded='true'] {\n  border-radius: 10px;\n  background-color: var(--charcoal-surface3);\n  border: 2px solid transparent;\n}\n\n.charcoal-checkbox-input[data-rounded='true']:checked {\n  background-color: var(--charcoal-brand);\n}\n\n.charcoal-checkbox-input[data-rounded='true']:not(:disabled):hover {\n  background-color: var(--charcoal-surface3-hover);\n}\n.charcoal-checkbox-input[data-rounded='true']:not(:disabled):active {\n  background-color: var(--charcoal-surface3-press);\n}\n\n.charcoal-checkbox-input[data-rounded='true']:not(:disabled):focus-visible {\n  box-shadow: 0 0 0 6px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-checkbox-input[data-rounded='true']:checked:not(:disabled):hover {\n  background-color: var(--charcoal-brand-hover);\n}\n.charcoal-checkbox-input[data-rounded='true']:checked:not(:disabled):active {\n  background-color: var(--charcoal-brand-press);\n}\n\n.charcoal-checkbox-input[data-rounded='true'][aria-invalid='true'],\n.charcoal-checkbox-input[data-rounded='true'][aria-invalid='true']:not(\n    :disabled\n  ):focus {\n  box-shadow: 0 0 0 6px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-checkbox-input[data-rounded='true']::before {\n  content: '';\n  width: 24px;\n  height: 24px;\n  position: absolute;\n  top: -4px;\n  left: -4px;\n  border-radius: 12px;\n  border: 2px solid #fff;\n  box-sizing: border-box;\n}\n\n.charcoal-tag-item {\n  --charcoal-tag-item-color: var(--charcoal-text5);\n  --charcoal-tag-item-size: 40px;\n  --charcoal-tag-item-padding-left: 24px;\n  --charcoal-tag-item-padding-right: 24px;\n\n  isolation: isolate;\n  position: relative;\n\n  appearance: none;\n  outline: none;\n  border-style: none;\n\n  display: inline-flex;\n  gap: 8px;\n  align-items: center;\n  justify-content: center;\n\n  text-decoration: none;\n  cursor: pointer;\n  overflow: hidden;\n\n  color: var(--charcoal-tag-item-color);\n  height: var(--charcoal-tag-item-size);\n  padding-top: 4px;\n  padding-bottom: 4px;\n  padding-left: var(--charcoal-tag-item-padding-left);\n  padding-right: var(--charcoal-tag-item-padding-right);\n  box-sizing: border-box;\n  border-radius: 4px;\n\n  transition: 0.2s box-shadow;\n}\n\n.charcoal-tag-item[data-size='M'] {\n  --charcoal-tag-item-size: 40px;\n  --charcoal-tag-item-padding-left: 24px;\n  --charcoal-tag-item-padding-right: 24px;\n}\n.charcoal-tag-item[data-size='S'] {\n  --charcoal-tag-item-size: 32px;\n  --charcoal-tag-item-padding-left: 16px;\n  --charcoal-tag-item-padding-right: 16px;\n}\n.charcoal-tag-item[data-state='inactive'] {\n  --charcoal-tag-item-color: var(--charcoal-text2);\n}\n.charcoal-tag-item[data-state='active'] {\n  --charcoal-tag-item-padding-left: 16px;\n  --charcoal-tag-item-padding-right: 8px;\n}\n\n.charcoal-tag-item:disabled,\n.charcoal-tag-item[aria-disabled]:not([aria-disabled='false']) {\n  opacity: 0.32;\n  cursor: default;\n}\n.charcoal-tag-item:not(:disabled):not([aria-disabled]):focus-visible,\n.charcoal-tag-item[aria-disabled='false']:focus-visible {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n.charcoal-tag-item:not(:disabled):not([aria-disabled]):focus,\n.charcoal-tag-item[aria-disabled='false']:focus {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n.charcoal-tag-item:not(:disabled):not([aria-disabled]):focus:not(\n    :focus-visible\n  ),\n.charcoal-tag-item[aria-disabled='false']:focus:not(:focus-visible) {\n  box-shadow: none;\n}\n\n.charcoal-tag-item__bg {\n  background-color: var(--charcoal-tag-item-bg);\n}\n\n.charcoal-tag-item__bg[data-bg-variant='image'] {\n  background-color: var(--charcoal-surface4);\n}\n\n.charcoal-tag-item__bg[data-bg-variant='image']::before {\n  content: '';\n  position: absolute;\n  z-index: 1;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-position: center;\n  background-size: cover;\n  background-image: var(--charcoal-tag-item-bg);\n  mix-blend-mode: overlay;\n}\n\n.charcoal-tag-item__bg[data-state='inactive'] {\n  background-color: var(--charcoal-surface3);\n}\n\n.charcoal-tag-item__label {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.charcoal-tag-item__label[data-has-translate='true'] {\n  justify-content: space-between;\n}\n\n.charcoal-tag-item__label__translated {\n  --charcoal-tag-item-text-font-size: 12px;\n  --charcoal-tag-item-text-line-height: 20px;\n  font-weight: bold;\n}\n.charcoal-tag-item__label__translated::before {\n  display: none;\n}\n\n.charcoal-tag-item__label__text {\n  --charcoal-tag-item-text-font-size: 14px;\n  --charcoal-tag-item-text-line-height: 22px;\n\n  max-width: 152px;\n  overflow: hidden;\n  font-weight: bold;\n\n  color: inherit;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n.charcoal-tag-item__label__text[data-has-translate='true'] {\n  --charcoal-tag-item-text-font-size: 10px;\n  --charcoal-tag-item-text-line-height: 14px;\n  font-weight: normal;\n}\n.charcoal-tag-item__labe__text[data-has-translate='true']::after {\n  display: none;\n}\n\n.charcoal-hint-text {\n  background-color: var(--charcoal-surface3);\n  border-radius: 8px;\n  padding: 12px 16px;\n  display: flex;\n  align-items: flex-start;\n}\n\n.charcoal-hint-text[data-context='page'] {\n  justify-content: center;\n}\n\n@media (min-width: 744px) {\n  .charcoal-hint-text[data-context='page'] {\n    padding: 20px 40px;\n  }\n}\n\n.charcoal-hint-text-icon {\n  display: flex;\n  align-items: center;\n  color: var(--charcoal-text3);\n  height: 22px;\n  margin: 0 4px 0 0;\n}\n\n.charcoal-hint-text-message {\n  color: var(--charcoal-text2);\n  font-size: 14px;\n  line-height: 22px;\n  display: flow-root;\n  margin: 0;\n  min-width: 0;\n  overflow-wrap: break-word;\n}\n\n.charcoal-text-ellipsis {\n  overflow: hidden;\n  overflow-wrap: break-word;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: var(--charcoal-text-ellipsis-line-limit);\n}\n\n.charcoal-text-ellipsis[data-has-line-height='true'] {\n  line-height: var(--charcoal-text-ellipsis-line-height);\n}\n\n.charcoal-text-ellipsis[data-has-line-height='false'] {\n  line-height: inherit;\n}\n\n.charcoal-text-ellipsis[data-line-limit='1'][data-use-nowrap='true'] {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n\n/*# sourceMappingURL=index.css.map*/"]}
+{"version":3,"sources":["<no source>","../src/components/Button/index.css","../src/components/Clickable/index.css","../src/components/IconButton/index.css","../src/components/Radio/index.css","../src/components/Radio/RadioInput/index.css","../src/components/Radio/RadioGroup/index.css","../src/components/MultiSelect/index.css","../src/components/Switch/index.css","../src/components/Switch/SwitchInput/index.css","../src/components/TextField/index.css","../src/components/FieldLabel/index.css","../src/components/TextField/AssistiveText/index.css","../src/components/TextArea/index.css","../src/components/Modal/Dialog/index.css","../src/components/Modal/index.css","../src/components/Modal/ModalPlumbing.css","../src/components/LoadingSpinner/index.css","../src/components/DropdownSelector/index.css","../src/components/DropdownSelector/Popover/index.css","../src/components/DropdownSelector/MenuList/index.css","../src/components/DropdownSelector/DropdownMenuItem/index.css","../src/components/DropdownSelector/ListItem/index.css","../src/components/DropdownSelector/MenuItemGroup/index.css","../src/components/SegmentedControl/index.css","../src/components/Checkbox/index.css","../src/components/Checkbox/CheckboxInput/index.css","../src/components/TagItem/index.css","../src/components/HintText/index.css","../src/components/TextEllipsis/index.css","../src/components/Pagination/index.css","index.css"],"names":[],"mappings":"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AA;AACA;;AAEA;EACA,YAAA;AACA;;AAEA;EACA,YAAA;AACA;;AAEA;EACA,YAAA;AACA;;AAEA;EACA;IACA,gBAAA;IACA,wBAAA;EACA;;EAEA;;IAEA,gBAAA;IACA,WAAA;IACA,gBAAA;IACA,kBAAA;EACA;;EAEA;IACA,gBAAA;EACA;AACA;;AAEA;EACA,aAAA;AACA;;AC3CA;EACA,cAAA;EACA,aAAA;EACA,eAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;EACA,YAAA;EACA,uBAAA;EACA,eAAA;EACA,sBAAA;;EAEA,0CAAA;AACA;;AAEA;EACA;;IAEA,UAAA;EACA;AACA;;AAEA;EACA,kBAAA;EACA,QAAA;EACA,UAAA;;EAEA,4BAAA;EACA,sBAAA;AACA;;AAEA;EACA,SAAA;EACA,oBAAA;EACA,kBAAA;AACA;;ACnCA;EACA,YAAA;EACA,aAAA;EACA,qBAAA;EACA,uBAAA;AACA;;AAEA;EACA;;IAEA,YAAA;EACA;AACA;;AAEA;EACA,4BAAA;EACA,eAAA;EACA,iBAAA;EACA,iBAAA;EACA,kBAAA;AACA;;AAEA;EACA,kBAAA;EACA,mBAAA;AACA;;AAEA;EACA,oBAAA;AACA;;AAEA;EACA,aAAA;EACA,mBAAA;EACA,iBAAA;;EAEA,iBAAA;EACA,kBAAA;EACA,mBAAA;AACA;;ACvCA;EACA,uBAAA;EACA,YAAA;EACA,gDAAA;EACA,kBAAA;EACA,+CAAA;EACA,2CAAA;EACA,4CAAA;EACA,aAAA;EACA,4BAAA;EACA,6CAAA;AACA;AACA;EACA,6CAAA;AACA;;AAEA;EACA;IACA,mBAAA;IACA,UAAA;EACA;EACA;IACA,mBAAA;IACA,UAAA;EACA;AACA;;AAEA;EACA,UAAA;EACA,WAAA;EACA,kBAAA;EACA,8BAAA;EACA,mEAAA;EACA,mCAAA;AACA;;AAEA;EACA,eAAA;AACA;AACA;EACA,4BAAA;AACA;;ACzCA;EACA,aAAA;EACA,0BAAA;EACA,aAAA;EACA,WAAA;AACA;;AAEA;EACA,eAAA;EACA,aAAA;AACA;;AAEA;EACA,aAAA;EACA,+BA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","file":"layered.css","sourcesContent":[null,".charcoal-button {\n  appearance: none;\n  background: transparent;\n  box-sizing: border-box;\n  padding: 0 24px;\n  border-style: none;\n  outline: none;\n  text-rendering: inherit;\n  letter-spacing: inherit;\n  word-spacing: inherit;\n  text-decoration: none;\n  font: inherit;\n  margin: 0;\n  overflow: visible;\n  text-transform: none;\n  width: min-content;\n  display: inline-grid;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  user-select: none;\n  white-space: nowrap;\n  border-radius: 999999px;\n  font-size: 14px;\n  line-height: 22px;\n  font-weight: bold;\n  color: var(--charcoal-text2);\n  background-color: var(--charcoal-surface3);\n  transition:\n    0.2s color,\n    0.2s background-color,\n    0.2s box-shadow;\n  height: 40px;\n}\n\n.charcoal-button:disabled,\n.charcoal-button[aria-disabled]:not([aria-disabled='false']) {\n  cursor: default;\n  opacity: 0.32;\n}\n\n.charcoal-button:not(:disabled):not([aria-disabled]):focus-visible,\n.charcoal-button[aria-disabled='false']:focus-visible {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-button:not(:disabled):not([aria-disabled]):hover,\n.charcoal-button[aria-disabled='false']:hover {\n  color: var(--charcoal-text2-hover);\n  background-color: var(--charcoal-surface3-hover);\n}\n\n.charcoal-button:not(:disabled):not([aria-disabled]):active,\n.charcoal-button[aria-disabled='false']:active,\n.charcoal-button[data-active='true'] {\n  color: var(--charcoal-text2-press);\n  background-color: var(--charcoal-surface3-press);\n}\n\n.charcoal-button[data-variant='Primary'] {\n  color: var(--charcoal-text5);\n  background-color: var(--charcoal-brand);\n}\n\n.charcoal-button[data-variant='Primary']:hover:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-button[data-variant='Primary']:hover[aria-disabled='false'] {\n  color: var(--charcoal-text5-hover);\n  background-color: var(--charcoal-brand-hover);\n}\n\n.charcoal-button[data-variant='Primary']:active:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-button[data-variant='Primary']:active[aria-disabled='false'],\n.charcoal-button[data-variant='Primary'][data-active='true'] {\n  color: var(--charcoal-text5-press);\n  background-color: var(--charcoal-brand-press);\n}\n\n.charcoal-button[data-variant='Overlay'] {\n  color: var(--charcoal-text5);\n  background-color: var(--charcoal-surface4);\n}\n\n.charcoal-button[data-variant='Overlay']:hover:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-button[data-variant='Overlay']:hover[aria-disabled='false'] {\n  color: var(--charcoal-text5-hover);\n  background-color: var(--charcoal-surface4-hover);\n}\n\n.charcoal-button[data-variant='Overlay']:active:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-button[data-variant='Overlay']:active[aria-disabled='false'],\n.charcoal-button[data-variant='Overlay'][data-active='true'] {\n  color: var(--charcoal-text5-press);\n  background-color: var(--charcoal-surface4-press);\n}\n\n.charcoal-button[data-variant='Navigation'] {\n  color: var(--charcoal-text5);\n  background-color: var(--charcoal-surface6);\n}\n\n.charcoal-button[data-variant='Navigation']:hover:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-button[data-variant='Navigation']:hover[aria-disabled='false'] {\n  color: var(--charcoal-text5-hover);\n  background-color: var(--charcoal-surface6-hover);\n}\n\n.charcoal-button[data-variant='Navigation']:active:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-button[data-variant='Navigation']:active[aria-disabled='false'],\n.charcoal-button[data-variant='Navigation'][data-active='true'] {\n  color: var(--charcoal-text5-press);\n  background-color: var(--charcoal-surface6-press);\n}\n\n.charcoal-button[data-variant='Danger'] {\n  color: var(--charcoal-text5);\n  background-color: var(--charcoal-assertive);\n}\n.charcoal-button[data-variant='Danger']:hover:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-button[data-variant='Danger']:hover[aria-disabled='false'] {\n  color: var(--charcoal-text5-hover);\n  background-color: var(--charcoal-assertive-hover);\n}\n\n.charcoal-button[data-variant='Danger']:active:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-button[data-variant='Danger']:active[aria-disabled='false'],\n.charcoal-button[data-variant='Danger'][data-active='true'] {\n  color: var(--charcoal-text5-press);\n  background-color: var(--charcoal-assertive-press);\n}\n\n.charcoal-button[data-size='S'] {\n  padding: 0 16px;\n  height: 32px;\n}\n\n.charcoal-button[data-full-width='true'] {\n  width: 100%;\n}\n",".charcoal-clickable {\n  cursor: pointer;\n\n  /* Reset button appearance */\n  appearance: none;\n  background: transparent;\n  padding: 0;\n  border-style: none;\n  outline: none;\n  color: inherit;\n  text-rendering: inherit;\n  letter-spacing: inherit;\n  word-spacing: inherit;\n  text-decoration: none;\n\n  /* Change the font styles in all browsers. */\n  font: inherit;\n\n  /* Remove the margin in Firefox and Safari. */\n  margin: 0;\n\n  /* Show the overflow in Edge. */\n  overflow: visible;\n\n  /* Remove the inheritance of text transform in Firefox. */\n  text-transform: none;\n}\n\n.charcoal-clickable:disabled,\n.charcoal-clickable[aria-disabled]:not([aria-disabled='false']) {\n  cursor: default;\n}\n\n.charcoal-clickable:focus {\n  outline: none;\n}\n\n.charcoal-clickable::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n",".charcoal-icon-button {\n  cursor: pointer;\n  appearance: none;\n  background: transparent;\n  padding: 0;\n  border-style: none;\n  outline: none;\n  color: inherit;\n  text-rendering: inherit;\n  letter-spacing: inherit;\n  word-spacing: inherit;\n  text-decoration: none;\n  font: inherit;\n  margin: 0;\n  overflow: visible;\n  text-transform: none;\n\n  user-select: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 999999px;\n  transition:\n    0.2s background-color,\n    0.2s box-shadow;\n}\n\n.charcoal-icon-button:disabled,\n.charcoal-icon-button[aria-disabled]:not([aria-disabled='false']) {\n  cursor: default;\n  opacity: 0.32;\n}\n.charcoal-icon-button:focus {\n  outline: none;\n}\n.charcoal-icon-button::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n.charcoal-icon-button[data-size='XS'] {\n  width: 20px;\n  height: 20px;\n}\n.charcoal-icon-button[data-size='S'] {\n  width: 32px;\n  height: 32px;\n}\n.charcoal-icon-button[data-size='M'] {\n  width: 40px;\n  height: 40px;\n}\n\n.charcoal-icon-button[data-variant='Default'] {\n  color: var(--charcoal-text3);\n  background-color: var(--charcoal-transparent);\n}\n.charcoal-icon-button[data-variant='Default'][data-active='true']:not(\n    :disabled\n  ):not([aria-disabled]),\n.charcoal-icon-button[data-variant='Default'][data-active='true'][aria-disabled='false'] {\n  color: var(--charcoal-text3-press);\n  background-color: var(--charcoal-transparent-press);\n}\n.charcoal-icon-button[data-variant='Default'][data-active='false']:not(\n    :disabled\n  ):not([aria-disabled]):hover,\n.charcoal-icon-button[data-variant='Default'][data-active='false'][aria-disabled='false']:hover {\n  color: var(--charcoal-text3-hover);\n  background-color: var(--charcoal-transparent-hover);\n}\n.charcoal-icon-button[data-variant='Default'][data-active='false']:not(\n    :disabled\n  ):not([aria-disabled]):active,\n.charcoal-icon-button[data-variant='Default'][data-active='false'][aria-disabled='false']:active {\n  color: var(--charcoal-text3-press);\n  background-color: var(--charcoal-transparent-press);\n}\n\n.charcoal-icon-button[data-variant='Overlay'] {\n  color: var(--charcoal-text5);\n  background-color: var(--charcoal-surface4);\n}\n.charcoal-icon-button[data-variant='Overlay'][data-active='true']:not(\n    :disabled\n  ):not([aria-disabled]),\n.charcoal-icon-button[data-variant='Overlay'][data-active='true'][aria-disabled='false'] {\n  color: var(--charcoal-text5-press);\n  background-color: var(--charcoal-surface4-press);\n}\n.charcoal-icon-button[data-variant='Overlay'][data-active='false']:not(\n    :disabled\n  ):not([aria-disabled]):hover,\n.charcoal-icon-button[data-variant='Overlay'][data-active='false'][aria-disabled='false']:hover {\n  color: var(--charcoal-text5-hover);\n  background-color: var(--charcoal-surface4-hover);\n}\n.charcoal-icon-button[data-variant='Overlay'][data-active='false']:not(\n    :disabled\n  ):not([aria-disabled]):active,\n.charcoal-icon-button[data-variant='Overlay'][data-active='false'][aria-disabled='false']:active {\n  color: var(--charcoal-text5-press);\n  background-color: var(--charcoal-surface4-press);\n}\n\n.charcoal-icon-button:not(:disabled):not([aria-disabled]):focus,\n.charcoal-icon-button[aria-disabled='false']:focus {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n.charcoal-icon-button:not(:disabled):not([aria-disabled]):focus-visible,\n.charcoal-icon-button[aria-disabled='false']:focus-visible {\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n.charcoal-icon-button:not(:disabled):not([aria-disabled]):focus:not(\n    :focus-visible\n  ),\n.charcoal-icon-button[aria-disabled='false']:focus:not(:focus-visible) {\n  box-shadow: none;\n}\n",".charcoal-radio__label {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  grid-gap: 4px;\n  align-items: center;\n  cursor: pointer;\n}\n\n.charcoal-radio__label[aria-disabled]:not([aria-disabled='false']) {\n  opacity: 0.32;\n  cursor: default;\n}\n\n.charcoal-radio__label_div {\n  font-size: 14px;\n  line-height: 22px;\n  color: var(--charcoal-text2);\n}\n",".charcoal-radio-input {\n  appearance: none;\n  display: block;\n  box-sizing: border-box;\n\n  margin: 0;\n  padding: 6px;\n\n  width: 20px;\n  height: 20px;\n  cursor: pointer;\n  border-radius: 999999px;\n  background-color: var(--charcoal-surface1);\n  transition:\n    0.2s background-color,\n    0.2s box-shadow;\n}\n\n.charcoal-radio-input:checked {\n  background-color: var(--charcoal-brand);\n}\n\n.charcoal-radio-input:checked::after {\n  content: '';\n  display: block;\n  width: 8px;\n  height: 8px;\n  pointer-events: none;\n  background-color: var(--charcoal-text5);\n  border-radius: 999999px;\n  transition:\n    0.2s background-color,\n    0.2s box-shadow;\n}\n\n.charcoal-radio-input:not(:checked) {\n  border-width: 2px;\n  border-style: solid;\n  border-color: var(--charcoal-text3);\n}\n\n.charcoal-radio-input:disabled {\n  cursor: default;\n}\n\n.charcoal-radio-input:not(:disabled):hover {\n  background-color: var(--charcoal-surface1-hover);\n}\n\n.charcoal-radio-input:not(:disabled):active {\n  background-color: var(--charcoal-surface1-press);\n}\n\n.charcoal-radio-input:not(:disabled):focus {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-radio-input:not(:disabled):focus-visible {\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-radio-input:not(:disabled):focus:not(:focus-visible) {\n  box-shadow: none;\n}\n\n.charcoal-radio-input:not(:disabled)[aria-invalid='true'],\n.charcoal-radio-input:not(:disabled)[aria-invalid='true']:focus {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-radio-input:checked:not(:disabled):hover {\n  background-color: var(--charcoal-brand-hover);\n}\n\n.charcoal-radio-input:checked:not(:disabled):hover::after {\n  background-color: var(--charcoal-text5-hover);\n}\n\n.charcoal-radio-input:checked:not(:disabled):active {\n  background-color: var(--charcoal-brand-press);\n}\n\n.charcoal-radio-input:checked:not(:disabled):active::after {\n  background-color: var(--charcoal-text5-press);\n}\n",".charcoal-radio-group {\n  display: grid;\n  grid-template-columns: 1fr;\n  grid-gap: 8px;\n}\n",".charcoal-multi-select {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: center;\n  position: relative;\n  cursor: pointer;\n  gap: 4px;\n}\n\n.charcoal-multi-select:disabled,\n.charcoal-multi-select[aria-disabled]:not([aria-disabled='false']) {\n  opacity: 0.32;\n  cursor: default;\n}\n\n.charcoal-multi-select-label {\n  display: flow-root;\n  align-items: center;\n  font-size: 14px;\n  line-height: 22px;\n  color: var(--charcoal-text2);\n}\n\n.charcoal-multi-select-label::before {\n  display: block;\n  width: 0;\n  height: 0;\n  content: '';\n  margin-top: -4px;\n}\n\n.charcoal-multi-select-label::after {\n  display: block;\n  width: 0;\n  height: 0;\n  content: '';\n  margin-bottom: -4px;\n}\n\n.charcoal-multi-select-input[type='checkbox'] {\n  appearance: none;\n  display: block;\n  width: 20px;\n  height: 20px;\n  margin: 0;\n  background-color: var(--charcoal-text3);\n  border-radius: 999999px;\n  transition:\n    0.2s background-color,\n    0.2s box-shadow;\n}\n\n.charcoal-multi-select-input[type='checkbox']:checked {\n  background-color: var(--charcoal-brand);\n}\n\n.charcoal-multi-select-input[type='checkbox']:focus {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-multi-select-input[type='checkbox']:focus-visible {\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-multi-select-input[type='checkbox']:focus:not(:focus-visible) {\n  box-shadow: none;\n}\n\n.charcoal-multi-select-input[type='checkbox']:hover:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-multi-select-input[type='checkbox']:hover[aria-disabled='false'] {\n  background-color: var(--charcoal-text3-hover);\n}\n\n.charcoal-multi-select-input[type='checkbox']:active:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-multi-select-input[type='checkbox']:active[aria-disabled='false'] {\n  background-color: var(--charcoal-text3-press);\n}\n\n.charcoal-multi-select-input[type='checkbox']:checked:hover:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-multi-select-input[type='checkbox']:checked:hover[aria-disabled='false'] {\n  background-color: var(--charcoal-brand-hover);\n}\n\n.charcoal-multi-select-input[type='checkbox']:checked:active:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-multi-select-input[type='checkbox']:checked:active[aria-disabled='false'] {\n  background-color: var(--charcoal-brand-press);\n}\n\n.charcoal-multi-select-input[aria-invalid='true'][data-overlay='false']:not(\n    :disabled\n  ):not([aria-disabled]) {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-multi-select-input[aria-invalid='true'][data-overlay='false'][aria-disabled='false'] {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-multi-select-input[data-overlay='true'] {\n  background-color: var(--charcoal-surface4);\n}\n\n.charcoal-multi-select-overlay {\n  position: absolute;\n  top: -2px;\n  left: -2px;\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  border-radius: 999999px;\n  color: var(--charcoal-text5);\n  transition: 0.2s box-shadow;\n}\n\n.charcoal-multi-select-overlay[aria-invalid='true'][data-overlay='true']:not(\n    :disabled\n  ):not([aria-disabled]) {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-multi-select-overlay[aria-invalid='true'][data-overlay='true'][aria-disabled='false'] {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-multi-select-overlay[data-overlay='true'] {\n  border-color: var(--charcoal-text5);\n  border-width: 2px;\n  border-style: solid;\n}\n",".charcoal-switch__label {\n  display: inline-grid;\n  grid-template-columns: auto 1fr;\n  align-items: center;\n  cursor: pointer;\n  outline: 0;\n  gap: 4px;\n}\n\n.charcoal-switch__label[aria-disabled='true'] {\n  opacity: 0.32;\n  cursor: default;\n}\n\n.charcoal-switch__label[aria-disabled='true'] > input {\n  opacity: 1;\n}\n\n.charcoal-switch__label_div {\n  font-size: 14px;\n  line-height: 22px;\n  color: var(--charcoal-text2);\n}\n",".charcoal-switch-input {\n  cursor: pointer;\n  appearance: none;\n  display: inline-flex;\n  position: relative;\n  box-sizing: border-box;\n  width: 28px;\n  border: 2px solid transparent;\n\n  transition-property: background-color, box-shadow;\n  transition-duration: 0.2s;\n\n  outline: none;\n  border-radius: 16px;\n  height: 16px;\n  margin: 0;\n  background-color: var(--charcoal-text4);\n}\n\n.charcoal-switch-input:disabled,\n.charcoal-switch-input[readonly] {\n  opacity: 0.32;\n  cursor: default;\n}\n\n.charcoal-switch-input::after {\n  content: '';\n  position: absolute;\n  display: block;\n  top: 0;\n  left: 0;\n  width: 12px;\n  height: 12px;\n  transform: translateX(0);\n  transition: transform 0.2s;\n  border-radius: 1024px;\n  background-color: var(--charcoal-text5);\n}\n\n.charcoal-switch-input:checked::after {\n  transform: translateX(12px);\n  transition: transform 0.2s;\n}\n\n.charcoal-switch-input:checked {\n  background-color: var(--charcoal-brand);\n}\n\n.charcoal-switch-input:not(:disabled):hover {\n  background-color: var(--charcoal-text4-hover);\n}\n\n.charcoal-switch-input:not(:disabled):active {\n  background-color: var(--charcoal-text4-press);\n}\n\n.charcoal-switch-input:not(:disabled):focus {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n.charcoal-switch-input:not(:disabled):focus-visible {\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n.charcoal-switch-input:not(:disabled):focus:not(:focus-visible) {\n  box-shadow: none;\n}\n\n.charcoal-switch-input:not(:disabled)::after:hover {\n  background-color: var(--charcoal-text5-hover);\n}\n\n.charcoal-switch-input:not(:disabled)::after:active {\n  background-color: var(--charcoal-text5-press);\n}\n\n.charcoal-switch-input:not(:disabled):checked:hover {\n  background-color: var(--charcoal-brand-hover);\n}\n\n.charcoal-switch-input:not(:disabled):checked:active {\n  background-color: var(--charcoal-brand-press);\n}\n",".charcoal-text-field-root {\n  display: grid;\n  grid-template-columns: 1fr;\n  grid-gap: 4px;\n}\n\n.charcoal-text-field-root[aria-disabled='true'] {\n  opacity: 0.32;\n}\n\n.charcoal-text-field-container {\n  display: flex;\n  height: 40px;\n  transition:\n    0.2s background-color,\n    0.2s box-shadow;\n  color: var(--charcoal-text2);\n  background-color: var(--charcoal-surface3);\n  border-radius: 4px;\n  padding: 0 8px;\n  line-height: 22px;\n  font-size: 14px;\n}\n\n.charcoal-text-field-container[data-invalid='true'] {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-text-field-container:not([aria-disabled='true']):hover {\n  background-color: var(--charcoal-surface3-hover);\n}\n\n.charcoal-text-field-container:not([aria-disabled='true']):focus-within {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-text-field-container:not(\n    [aria-disabled='true']\n  )[data-invalid='true']:focus-within {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-text-field-prefix {\n  display: flex;\n  align-items: center;\n  margin-right: 4px;\n}\n\n.charcoal-text-field-suffix {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-left: 4px;\n}\n\n.charcoal-text-field-input {\n  border: none;\n  box-sizing: border-box;\n  outline: none;\n  font-family: inherit;\n\n  /* Prevent zooming for iOS Safari */\n  transform-origin: top left;\n  transform: scale(0.875);\n  width: calc(100% / 0.875);\n  height: calc(100% / 0.875);\n  font-size: calc(14px / 0.875);\n  line-height: calc(22px / 0.875);\n  padding-left: 0;\n  padding-right: 0;\n  border-radius: calc(4px / 0.875);\n\n  /* Display box-shadow for iOS Safari */\n  appearance: none;\n  background: transparent;\n\n  color: var(--charcoal-text2);\n}\n\n.charcoal-text-field-input::placeholder {\n  color: var(--charcoal-text3);\n}\n\n.charcoal-text-field-line-counter {\n  line-height: 22px;\n  font-size: 14px;\n  color: var(--charcoal-text3);\n}\n",".charcoal-field-label {\n  font-size: 14px;\n  line-height: 22px;\n  font-weight: bold;\n  display: flow-root;\n  color: var(--charcoal-text1);\n}\n\n.charcoal-field-label-required-text {\n  font-size: 14px;\n  line-height: 22px;\n  display: flow-root;\n  color: var(--charcoal-text2);\n}\n\n.charcoal-field-label-sub-label {\n  font-size: 14px;\n  line-height: 22px;\n  display: flow-root;\n  color: var(--charcoal-text3);\n  transition:\n    0.2s color,\n    0.2s box-shadow;\n}\n\n.charcoal-field-label-root {\n  display: inline-flex;\n  align-items: center;\n}\n\n.charcoal-field-label-root > .charcoal-field-label-required-text {\n  margin-left: 4px;\n}\n\n.charcoal-field-label-root > .charcoal-field-label-sub-label {\n  margin-left: auto;\n}\n",".charcoal-text-field-assistive-text {\n  font-size: 14px;\n  line-height: 22px;\n  margin: 0;\n  color: var(--charcoal-text2);\n}\n\n.charcoal-text-field-assistive-text[data-invalid='true'] {\n  color: var(--charcoal-assertive);\n}\n",".charcoal-text-area-root {\n  display: grid;\n  grid-template-columns: 1fr;\n  grid-gap: 4px;\n}\n\n.charcoal-text-area-root[aria-disabled='true'] {\n  opacity: 0.32;\n}\n\n.charcoal-text-area-container {\n  position: relative;\n  overflow: hidden;\n\n  color: var(--charcoal-text2);\n  background-color: var(--charcoal-surface3);\n  border-radius: 4px;\n  transition:\n    0.2s background-color,\n    0.2s box-shadow;\n  height: calc(22px * var(--charcoal-text-area-rows) + 18px);\n}\n\n.charcoal-text-area-container[aria-invalid='true'] {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-text-area-container:focus-within {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-text-area-container:not([aria-disabled='true']):hover {\n  background-color: var(--charcoal-surface3-hover);\n}\n\n.charcoal-text-area-container[aria-invalid='true']:focus-within {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-text-area-textarea {\n  border: none;\n  outline: none;\n  resize: none;\n  font-family: inherit;\n  color: inherit;\n  box-sizing: border-box;\n\n  /* Prevent zooming for iOS Safari */\n  transform-origin: top left;\n  transform: scale(0.875);\n  width: calc(100% / 0.875);\n  font-size: calc(14px / 0.875);\n  line-height: calc(22px / 0.875);\n  padding: calc(9px / 0.875) calc(8px / 0.875);\n  height: calc(22px / 0.875 * var(--charcoal-text-area-rows) + 20px);\n\n  /* Display box-shadow for iOS Safari */\n  appearance: none;\n\n  background: none;\n}\n.charcoal-text-area-textarea[data-no-bottom-padding='true'] {\n  padding: calc(9px / 0.875) calc(8px / 0.875) 0;\n  height: calc(22px / 0.875 * (var(--charcoal-text-area-rows) - 1) + 9px);\n}\n\n.charcoal-text-area-textarea::placeholder {\n  color: var(--charcoal-text3);\n}\n\n.charcoal-text-area-counter {\n  position: absolute;\n  bottom: 9px;\n  right: 8px;\n\n  line-height: 22px;\n  font-size: 14px;\n  color: var(--charcoal-text3);\n}\n",".charcoal-modal-dialog {\n  margin: auto;\n  position: relative;\n  height: fit-content;\n  width: 440px;\n\n  background-color: var(--charcoal-surface1);\n  border-radius: 24px;\n}\n\n.charcoal-modal-dialog[data-size='S'] {\n  width: 336px;\n}\n\n.charcoal-modal-dialog[data-size='M'] {\n  width: 440px;\n}\n\n.charcoal-modal-dialog[data-size='L'] {\n  width: 648px;\n}\n\n@media (max-width: 743px) {\n  .charcoal-modal-dialog {\n    max-width: 440px;\n    width: calc(100% - 48px);\n  }\n\n  .charcoal-modal-dialog[data-bottom-sheet='true'],\n  .charcoal-modal-dialog[data-bottom-sheet='full'] {\n    max-width: unset;\n    width: 100%;\n    border-radius: 0;\n    margin: auto 0 0 0;\n  }\n\n  .charcoal-modal-dialog[data-bottom-sheet='full'] {\n    min-height: 100%;\n  }\n}\n\n.charcoal-modal-dialog:focus {\n  outline: none;\n}\n",".charcoal-modal-background {\n  overflow: auto;\n  display: flex;\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  justify-content: center;\n  padding: 40px 0;\n  box-sizing: border-box;\n\n  background-color: var(--charcoal-surface4);\n}\n\n@media (max-width: 743px) {\n  .charcoal-modal-background[data-bottom-sheet='true'],\n  .charcoal-modal-background[data-bottom-sheet='full'] {\n    padding: 0;\n  }\n}\n\n.charcoal-modal-close-button {\n  position: absolute;\n  top: 8px;\n  right: 8px;\n\n  color: var(--charcoal-text3);\n  transition: 0.2s color;\n}\n\n.charcoal-modal-title {\n  margin: 0;\n  font-weight: inherit;\n  font-size: inherit;\n}\n",".charcoal-modal-header-root {\n  height: 64px;\n  display: grid;\n  align-content: center;\n  justify-content: center;\n}\n\n@media (max-width: 743px) {\n  .charcoal-modal-header-root[data-bottom-sheet='true'],\n  .charcoal-modal-header-root[data-bottom-sheet='full'] {\n    height: 48px;\n  }\n}\n\n.charcoal-modal-header-title {\n  color: var(--charcoal-text1);\n  font-size: 16px;\n  line-height: 24px;\n  font-weight: bold;\n  display: flow-root;\n}\n\n.charcoal-modal-align {\n  padding-left: 16px;\n  padding-right: 16px;\n}\n\n.charcoal-modal-body {\n  padding-bottom: 40px;\n}\n\n.charcoal-modal-buttons {\n  display: grid;\n  grid-auto-flow: row;\n  grid-row-gap: 8px;\n\n  padding-top: 16px;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n",".charcoal-loading-spinner {\n  box-sizing: content-box;\n  margin: auto;\n  padding: var(--charcoal-loading-spinner-padding);\n  border-radius: 8px;\n  font-size: var(--charcoal-loading-spinner-size);\n  width: var(--charcoal-loading-spinner-size);\n  height: var(--charcoal-loading-spinner-size);\n  opacity: 0.84;\n  color: var(--charcoal-text4);\n  background-color: var(--charcoal-background1);\n}\n.charcoal-loading-spinner[data-transparent='true'] {\n  background-color: var(--charcoal-transparent);\n}\n\n@keyframes charcoal-loading-spinner-icon-scale-out {\n  from {\n    transform: scale(0);\n    opacity: 1;\n  }\n  to {\n    transform: scale(1);\n    opacity: 0;\n  }\n}\n\n.charcoal-loading-spinner-icon {\n  width: 1em;\n  height: 1em;\n  border-radius: 1em;\n  background-color: currentColor;\n  animation: charcoal-loading-spinner-icon-scale-out 1s both ease-out;\n  animation-iteration-count: infinite;\n}\n\n.charcoal-loading-spinner-icon[data-reset-animation] {\n  animation: none;\n}\n.charcoal-loading-spinner-icon[data-once='true'] {\n  animation-iteration-count: 1;\n}\n",".charcoal-dropdown-selector-root {\n  display: grid;\n  grid-template-columns: 1fr;\n  grid-gap: 4px;\n  width: 100%;\n}\n\n.charcoal-dropdown-selector-root[aria-disabled='true'] {\n  cursor: default;\n  opacity: 0.32;\n}\n\n.charcoal-dropdown-selector-button {\n  display: grid;\n  grid-template-columns: 1fr auto;\n  justify-content: space-between;\n  align-items: center;\n\n  height: 40px;\n  width: 100%;\n  box-sizing: border-box;\n  border: none;\n  cursor: pointer;\n  gap: 4px;\n\n  padding-right: 8px;\n  padding-left: 8px;\n  background-color: var(--charcoal-surface3);\n  border-radius: 4px;\n\n  transition:\n    0.2s box-shadow,\n    0.2s background-color;\n}\n\n.charcoal-dropdown-selector-button:disabled {\n  cursor: default;\n}\n\n.charcoal-dropdown-selector-button:not(:disabled):focus {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-dropdown-selector-button:not(:disabled):focus-visible {\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-dropdown-selector-button:not(:disabled)[data-active='true'],\n.charcoal-dropdown-selector-button:not(:disabled):active {\n  background-color: var(--charcoal-surface3-press);\n}\n\n.charcoal-dropdown-selector-button:not(:disabled):hover {\n  background-color: var(--charcoal-surface3-hover);\n}\n\n.charcoal-dropdown-selector-button:not(:disabled):focus:not(:focus-visible) {\n  box-shadow: none;\n}\n\n.charcoal-dropdown-selector-button[aria-invalid='true'],\n.charcoal-dropdown-selector-button:not(\n    :disabled\n  )[aria-invalid='true']:focus:not(:focus-visible) {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-ui-dropdown-selector-text {\n  text-align: left;\n  font-size: 14px;\n  line-height: 22px;\n  display: flow-root;\n  color: var(--charcoal-text2);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.charcoal-ui-dropdown-selector-text[data-placeholder='true'] {\n  color: var(--charcoal-text3);\n}\n\n.charcoal-ui-dropdown-selector-icon {\n  color: var(--charcoal-text2);\n}\n",".charcoal-popover {\n  margin: 4px 0;\n  list-style: none;\n  overflow: auto;\n  max-height: inherit;\n  background-color: var(--charcoal-background1);\n  border: solid 1px var(--charcoal-border-default);\n  border-radius: 8px;\n  padding-top: 8px;\n  padding-bottom: 8px;\n}\n",".charcoal-menu-list {\n  padding: 0;\n  margin: 0;\n}\n",".charcoal-dropdown-selector-menu-item {\n  font-size: 14px;\n  line-height: 22px;\n  color: var(--charcoal-text2);\n  padding: 9px 0;\n\n  display: flex;\n  align-items: center;\n  width: 100%;\n  margin-left: 20px;\n}\n\n.charcoal-dropdown-selector-menu-item[data-selected='true'] {\n  margin-left: 0px;\n}\n\n.charcoal-dropdown-selector-menu-item-icon {\n  color: var(--charcoal-text2);\n  padding-right: 4px;\n}\n\n.charcoal-dropdown-selector-menu-item-container {\n  display: flex;\n  align-items: center;\n}\n\n.charcoal-dropdown-selector-menu-secondary {\n  font-size: 12px;\n  line-height: 20px;\n  color: var(--charcoal-text3);\n  padding-bottom: 9px;\n\n  display: flex;\n  align-items: center;\n  margin-left: 20px;\n}\n",".charcoal-list-item {\n  list-style: none;\n  display: flex;\n  align-items: center;\n  min-height: 40px;\n  cursor: pointer;\n  outline: none;\n\n  padding-right: 16px;\n  padding-left: 16px;\n\n  transition: background-color 0.2s;\n}\n\n.charcoal-list-item:not([aria-disabled='true']):hover,\n.charcoal-list-item:not([aria-disabled='true']):focus,\n.charcoal-list-item:not([aria-disabled='true']):focus-within {\n  background-color: var(--charcoal-surface3);\n}\n\n.charcoal-list-item[aria-disabled='true'] {\n  opacity: 0.32;\n  cursor: default;\n}\n",".charcoal-menu-item-group {\n  display: block;\n}\n\n.charcoal-menu-item-group > span {\n  display: block;\n  color: var(--charcoal-text3);\n  font-size: 12px;\n  font-weight: bold;\n  padding: 12px 0 8px 16px;\n}\n\n.charcoal-menu-item-group > ul {\n  padding-left: 0;\n  margin: 0;\n  box-sizing: border-box;\n  list-style: none;\n  overflow: hidden;\n}\n",".charcoal-segmented-control {\n  display: inline-flex;\n  align-items: center;\n\n  background-color: var(--charcoal-surface3);\n  border-radius: 16px;\n}\n\n.charcoal-segmented-control[data-uniform-segment-width='true'],\n.charcoal-segmented-control[data-full-width='true'] {\n  display: inline-grid;\n  grid-auto-columns: minmax(80px, 1fr);\n  grid-auto-rows: 32px;\n  grid-auto-flow: column;\n}\n\n.charcoal-segmented-control[data-full-width='true'] {\n  width: 100%;\n}\n\n.charcoal-segmented-control-radio__label {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  height: 32px;\n\n  padding-right: 16px;\n  padding-left: 16px;\n  border-radius: 16px;\n  color: var(--charcoal-text2);\n\n  font-size: 14px;\n  line-height: 22px;\n}\n\n.charcoal-segmented-control-radio__label[aria-disabled]:not(\n    [aria-disabled='false']\n  ) {\n  cursor: default;\n  opacity: 0.32;\n}\n\n.charcoal-segmented-control-radio__label[data-checked='true'] {\n  background-color: var(--charcoal-brand);\n  color: var(--charcoal-text5);\n}\n\n.charcoal-segmented-control-radio__label[data-uniform-segment-width='true'],\n.charcoal-segmented-control-radio__label[data-full-width='true'] {\n  justify-content: center;\n  white-space: nowrap;\n}\n\n.charcoal-segmented-control-radio__input {\n  position: absolute;\n\n  height: 0px;\n  width: 0px;\n  padding: 0;\n  margin: 0;\n\n  appearance: none;\n  box-sizing: border-box;\n  overflow: hidden;\n  white-space: nowrap;\n  opacity: 0;\n}\n",".charcoal-checkbox__label {\n  position: relative;\n  cursor: pointer;\n  display: flex;\n  gap: 4px;\n}\n\n.charcoal-checkbox__label[aria-disabled='true'] {\n  cursor: default;\n  opacity: 0.32;\n}\n\n.charcoal-checkbox__label[aria-disabled='true'] > input {\n  opacity: 1;\n}\n\n.charcoal-checkbox__label_div {\n  flex: 1;\n  color: var(--charcoal-text2);\n  font-size: 14px;\n  line-height: 20px;\n}\n",".charcoal-checkbox-input {\n  appearance: none;\n  display: flex;\n  cursor: pointer;\n  margin: 0;\n  width: 20px;\n  height: 20px;\n  border-radius: 4px;\n  transition:\n    0.2s box-shadow,\n    0.2s background-color;\n  position: relative;\n  box-sizing: border-box;\n}\n\n.charcoal-checkbox-input:disabled,\n.charcoal-checkbox-input[readonly] {\n  opacity: 0.32;\n  cursor: default;\n}\n\n.charcoal-checkbox-input:checked {\n  background-color: var(--charcoal-brand);\n}\n\n.charcoal-checkbox-input:checked::after {\n  content: '';\n  background-color: white;\n  display: flex;\n  margin: auto;\n  width: 16px;\n  height: 16px;\n  clip-path: path(\n    'M10.6 5a1.3 1.3 0 0 1 1.8 1.9l-5.7 5.6-3-2.9a1.3 1.3 0 1 1 2-1.9l1 1z'\n  );\n}\n\n.charcoal-checkbox-input:not(:checked) {\n  border-width: 2px;\n  border-style: solid;\n  border-color: var(--charcoal-text4);\n}\n\n.charcoal-checkbox-input:not(:disabled):focus {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n.charcoal-checkbox-input:not(:disabled):focus-visible {\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n.charcoal-checkbox-input:not(:disabled):focus:not(:focus-visible) {\n  box-shadow: none;\n}\n\n.charcoal-checkbox-input:checked:not(:disabled):hover {\n  background-color: var(--charcoal-brand-hover);\n}\n.charcoal-checkbox-input:checked:not(:disabled):active {\n  background-color: var(--charcoal-brand-press);\n}\n\n.charcoal-checkbox-input[aria-invalid='true'],\n.charcoal-checkbox-input[aria-invalid='true']:not(:disabled):focus {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-checkbox-input[data-rounded='true'] {\n  border-radius: 10px;\n  background-color: var(--charcoal-surface3);\n  border: 2px solid transparent;\n}\n\n.charcoal-checkbox-input[data-rounded='true']:checked {\n  background-color: var(--charcoal-brand);\n}\n\n.charcoal-checkbox-input[data-rounded='true']:not(:disabled):hover {\n  background-color: var(--charcoal-surface3-hover);\n}\n.charcoal-checkbox-input[data-rounded='true']:not(:disabled):active {\n  background-color: var(--charcoal-surface3-press);\n}\n\n.charcoal-checkbox-input[data-rounded='true']:not(:disabled):focus-visible {\n  box-shadow: 0 0 0 6px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-checkbox-input[data-rounded='true']:checked:not(:disabled):hover {\n  background-color: var(--charcoal-brand-hover);\n}\n.charcoal-checkbox-input[data-rounded='true']:checked:not(:disabled):active {\n  background-color: var(--charcoal-brand-press);\n}\n\n.charcoal-checkbox-input[data-rounded='true'][aria-invalid='true'],\n.charcoal-checkbox-input[data-rounded='true'][aria-invalid='true']:not(\n    :disabled\n  ):focus {\n  box-shadow: 0 0 0 6px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-checkbox-input[data-rounded='true']::before {\n  content: '';\n  width: 24px;\n  height: 24px;\n  position: absolute;\n  top: -4px;\n  left: -4px;\n  border-radius: 12px;\n  border: 2px solid #fff;\n  box-sizing: border-box;\n}\n",".charcoal-tag-item {\n  --charcoal-tag-item-color: var(--charcoal-text5);\n  --charcoal-tag-item-size: 40px;\n  --charcoal-tag-item-padding-left: 24px;\n  --charcoal-tag-item-padding-right: 24px;\n\n  isolation: isolate;\n  position: relative;\n\n  appearance: none;\n  outline: none;\n  border-style: none;\n\n  display: inline-flex;\n  gap: 8px;\n  align-items: center;\n  justify-content: center;\n\n  text-decoration: none;\n  cursor: pointer;\n  overflow: hidden;\n\n  color: var(--charcoal-tag-item-color);\n  height: var(--charcoal-tag-item-size);\n  padding-top: 4px;\n  padding-bottom: 4px;\n  padding-left: var(--charcoal-tag-item-padding-left);\n  padding-right: var(--charcoal-tag-item-padding-right);\n  box-sizing: border-box;\n  border-radius: 4px;\n\n  transition: 0.2s box-shadow;\n}\n\n.charcoal-tag-item[data-size='M'] {\n  --charcoal-tag-item-size: 40px;\n  --charcoal-tag-item-padding-left: 24px;\n  --charcoal-tag-item-padding-right: 24px;\n}\n.charcoal-tag-item[data-size='S'] {\n  --charcoal-tag-item-size: 32px;\n  --charcoal-tag-item-padding-left: 16px;\n  --charcoal-tag-item-padding-right: 16px;\n}\n.charcoal-tag-item[data-state='inactive'] {\n  --charcoal-tag-item-color: var(--charcoal-text2);\n}\n.charcoal-tag-item[data-state='active'] {\n  --charcoal-tag-item-padding-left: 16px;\n  --charcoal-tag-item-padding-right: 8px;\n}\n\n.charcoal-tag-item:disabled,\n.charcoal-tag-item[aria-disabled]:not([aria-disabled='false']) {\n  opacity: 0.32;\n  cursor: default;\n}\n.charcoal-tag-item:not(:disabled):not([aria-disabled]):focus-visible,\n.charcoal-tag-item[aria-disabled='false']:focus-visible {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n.charcoal-tag-item:not(:disabled):not([aria-disabled]):focus,\n.charcoal-tag-item[aria-disabled='false']:focus {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n.charcoal-tag-item:not(:disabled):not([aria-disabled]):focus:not(\n    :focus-visible\n  ),\n.charcoal-tag-item[aria-disabled='false']:focus:not(:focus-visible) {\n  box-shadow: none;\n}\n\n.charcoal-tag-item__bg {\n  background-color: var(--charcoal-tag-item-bg);\n}\n\n.charcoal-tag-item__bg[data-bg-variant='image'] {\n  background-color: var(--charcoal-surface4);\n}\n\n.charcoal-tag-item__bg[data-bg-variant='image']::before {\n  content: '';\n  position: absolute;\n  z-index: 1;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-position: center;\n  background-size: cover;\n  background-image: var(--charcoal-tag-item-bg);\n  mix-blend-mode: overlay;\n}\n\n.charcoal-tag-item__bg[data-state='inactive'] {\n  background-color: var(--charcoal-surface3);\n}\n\n.charcoal-tag-item__label {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.charcoal-tag-item__label[data-has-translate='true'] {\n  justify-content: space-between;\n}\n\n.charcoal-tag-item__label__translated {\n  --charcoal-tag-item-text-font-size: 12px;\n  --charcoal-tag-item-text-line-height: 20px;\n  font-weight: bold;\n}\n.charcoal-tag-item__label__translated::before {\n  display: none;\n}\n\n.charcoal-tag-item__label__text {\n  --charcoal-tag-item-text-font-size: 14px;\n  --charcoal-tag-item-text-line-height: 22px;\n\n  max-width: 152px;\n  overflow: hidden;\n  font-weight: bold;\n\n  color: inherit;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n.charcoal-tag-item__label__text[data-has-translate='true'] {\n  --charcoal-tag-item-text-font-size: 10px;\n  --charcoal-tag-item-text-line-height: 14px;\n  font-weight: normal;\n}\n.charcoal-tag-item__labe__text[data-has-translate='true']::after {\n  display: none;\n}\n",".charcoal-hint-text {\n  background-color: var(--charcoal-surface3);\n  border-radius: 8px;\n  padding: 12px 16px;\n  display: flex;\n  align-items: flex-start;\n}\n\n.charcoal-hint-text[data-context='page'] {\n  justify-content: center;\n}\n\n@media (min-width: 744px) {\n  .charcoal-hint-text[data-context='page'] {\n    padding: 20px 40px;\n  }\n}\n\n.charcoal-hint-text-icon {\n  display: flex;\n  align-items: center;\n  color: var(--charcoal-text3);\n  height: 22px;\n  margin: 0 4px 0 0;\n}\n\n.charcoal-hint-text-message {\n  color: var(--charcoal-text2);\n  font-size: 14px;\n  line-height: 22px;\n  display: flow-root;\n  margin: 0;\n  min-width: 0;\n  overflow-wrap: break-word;\n}\n",".charcoal-text-ellipsis {\n  overflow: hidden;\n  overflow-wrap: break-word;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: var(--charcoal-text-ellipsis-line-limit);\n}\n\n.charcoal-text-ellipsis[data-has-line-height='true'] {\n  line-height: var(--charcoal-text-ellipsis-line-height);\n}\n\n.charcoal-text-ellipsis[data-has-line-height='false'] {\n  line-height: inherit;\n}\n\n.charcoal-text-ellipsis[data-line-limit='1'][data-use-nowrap='true'] {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n",".charcoal-pagination {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.charcoal-pagination-button {\n  cursor: pointer;\n  appearance: none;\n  padding: 0;\n  border-style: none;\n  outline: none;\n  text-decoration: none;\n  font: inherit;\n  margin: 0;\n  user-select: none;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 22px;\n\n  /* HACK:\n   * Safari doesn't correctly repaint the elements when they're reordered in response to interaction.\n   * This forces it to repaint them. This doesn't work if put on the parents either, has to be here.\n   */\n  /* stylelint-disable-next-line property-no-vendor-prefix */\n  -webkit-transform: translateZ(0);\n\n  color: var(--charcoal-text3);\n  background-color: var(--charcoal-transparent);\n  border-radius: 20px;\n  transition:\n    0.2s background-color,\n    0.2s box-shadow;\n}\n\n.charcoal-pagination-button:focus {\n  outline: none;\n}\n\n.charcoal-pagination-button::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n.charcoal-pagination[data-size='S'] .charcoal-pagination-button {\n  min-width: 32px;\n  min-height: 32px;\n}\n\n.charcoal-pagination[data-size='M'] .charcoal-pagination-button {\n  min-width: 40px;\n  min-height: 40px;\n}\n\n.charcoal-pagination-button[hidden] {\n  visibility: hidden;\n  display: block;\n}\n\n.charcoal-pagination-button:not(:disabled):not([aria-disabled]):hover,\n.charcoal-pagination-button[aria-disabled='false']:hover {\n  color: var(--charcoal-text3);\n  background-color: var(--charcoal-surface3);\n}\n\n.charcoal-pagination-button:not(:disabled):not([aria-disabled]):active,\n.charcoal-pagination-button[aria-disabled='false']:active {\n  color: var(--charcoal-text3);\n  background-color: var(--charcoal-surface10);\n}\n\n.charcoal-pagination-button:not(:disabled):not([aria-disabled]):focus,\n.charcoal-pagination-button[aria-disabled='false']:focus {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-pagination-button:not(:disabled):not([aria-disabled]):focus-visible,\n.charcoal-pagination-button[aria-disabled='false']:focus-visible {\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-pagination-button:not(:disabled):not([aria-disabled]):focus:not(\n    :focus-visible\n  ),\n.charcoal-pagination-button[aria-disabled='false']:focus:not(:focus-visible) {\n  box-shadow: none;\n}\n\n.charcoal-pagination-button[aria-current] {\n  cursor: default;\n  background-color: var(--charcoal-surface6);\n  color: var(--charcoal-text5);\n}\n\n.charcoal-pagination-button[aria-current]:not(:disabled):not(\n    [aria-disabled]\n  ):hover,\n.charcoal-pagination-button[aria-current]:not(:disabled):not(\n    [aria-disabled]\n  ):active {\n  background-color: var(--charcoal-surface6);\n  color: var(--charcoal-text5);\n}\n\n.charcoal-pagination-nav-button[hidden] {\n  visibility: hidden;\n  display: block;\n}\n\n.charcoal-pagination-spacer,\n.charcoal-pagination-spacer:hover,\n.charcoal-pagination-spacer:active {\n  cursor: default;\n  color: var(--charcoal-text3);\n  background: none;\n}\n\n.charcoal-pagination-spacer.charcoal-icon-button:disabled {\n  opacity: 1;\n}\n",".charcoal-button {\n  appearance: none;\n  background: transparent;\n  box-sizing: border-box;\n  padding: 0 24px;\n  border-style: none;\n  outline: none;\n  text-rendering: inherit;\n  letter-spacing: inherit;\n  word-spacing: inherit;\n  text-decoration: none;\n  font: inherit;\n  margin: 0;\n  overflow: visible;\n  text-transform: none;\n  width: min-content;\n  display: inline-grid;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  user-select: none;\n  white-space: nowrap;\n  border-radius: 999999px;\n  font-size: 14px;\n  line-height: 22px;\n  font-weight: bold;\n  color: var(--charcoal-text2);\n  background-color: var(--charcoal-surface3);\n  transition:\n    0.2s color,\n    0.2s background-color,\n    0.2s box-shadow;\n  height: 40px;\n}\n\n.charcoal-button:disabled,\n.charcoal-button[aria-disabled]:not([aria-disabled='false']) {\n  cursor: default;\n  opacity: 0.32;\n}\n\n.charcoal-button:not(:disabled):not([aria-disabled]):focus-visible,\n.charcoal-button[aria-disabled='false']:focus-visible {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-button:not(:disabled):not([aria-disabled]):hover,\n.charcoal-button[aria-disabled='false']:hover {\n  color: var(--charcoal-text2-hover);\n  background-color: var(--charcoal-surface3-hover);\n}\n\n.charcoal-button:not(:disabled):not([aria-disabled]):active,\n.charcoal-button[aria-disabled='false']:active,\n.charcoal-button[data-active='true'] {\n  color: var(--charcoal-text2-press);\n  background-color: var(--charcoal-surface3-press);\n}\n\n.charcoal-button[data-variant='Primary'] {\n  color: var(--charcoal-text5);\n  background-color: var(--charcoal-brand);\n}\n\n.charcoal-button[data-variant='Primary']:hover:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-button[data-variant='Primary']:hover[aria-disabled='false'] {\n  color: var(--charcoal-text5-hover);\n  background-color: var(--charcoal-brand-hover);\n}\n\n.charcoal-button[data-variant='Primary']:active:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-button[data-variant='Primary']:active[aria-disabled='false'],\n.charcoal-button[data-variant='Primary'][data-active='true'] {\n  color: var(--charcoal-text5-press);\n  background-color: var(--charcoal-brand-press);\n}\n\n.charcoal-button[data-variant='Overlay'] {\n  color: var(--charcoal-text5);\n  background-color: var(--charcoal-surface4);\n}\n\n.charcoal-button[data-variant='Overlay']:hover:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-button[data-variant='Overlay']:hover[aria-disabled='false'] {\n  color: var(--charcoal-text5-hover);\n  background-color: var(--charcoal-surface4-hover);\n}\n\n.charcoal-button[data-variant='Overlay']:active:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-button[data-variant='Overlay']:active[aria-disabled='false'],\n.charcoal-button[data-variant='Overlay'][data-active='true'] {\n  color: var(--charcoal-text5-press);\n  background-color: var(--charcoal-surface4-press);\n}\n\n.charcoal-button[data-variant='Navigation'] {\n  color: var(--charcoal-text5);\n  background-color: var(--charcoal-surface6);\n}\n\n.charcoal-button[data-variant='Navigation']:hover:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-button[data-variant='Navigation']:hover[aria-disabled='false'] {\n  color: var(--charcoal-text5-hover);\n  background-color: var(--charcoal-surface6-hover);\n}\n\n.charcoal-button[data-variant='Navigation']:active:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-button[data-variant='Navigation']:active[aria-disabled='false'],\n.charcoal-button[data-variant='Navigation'][data-active='true'] {\n  color: var(--charcoal-text5-press);\n  background-color: var(--charcoal-surface6-press);\n}\n\n.charcoal-button[data-variant='Danger'] {\n  color: var(--charcoal-text5);\n  background-color: var(--charcoal-assertive);\n}\n.charcoal-button[data-variant='Danger']:hover:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-button[data-variant='Danger']:hover[aria-disabled='false'] {\n  color: var(--charcoal-text5-hover);\n  background-color: var(--charcoal-assertive-hover);\n}\n\n.charcoal-button[data-variant='Danger']:active:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-button[data-variant='Danger']:active[aria-disabled='false'],\n.charcoal-button[data-variant='Danger'][data-active='true'] {\n  color: var(--charcoal-text5-press);\n  background-color: var(--charcoal-assertive-press);\n}\n\n.charcoal-button[data-size='S'] {\n  padding: 0 16px;\n  height: 32px;\n}\n\n.charcoal-button[data-full-width='true'] {\n  width: 100%;\n}\n\n.charcoal-clickable {\n  cursor: pointer;\n\n  /* Reset button appearance */\n  appearance: none;\n  background: transparent;\n  padding: 0;\n  border-style: none;\n  outline: none;\n  color: inherit;\n  text-rendering: inherit;\n  letter-spacing: inherit;\n  word-spacing: inherit;\n  text-decoration: none;\n\n  /* Change the font styles in all browsers. */\n  font: inherit;\n\n  /* Remove the margin in Firefox and Safari. */\n  margin: 0;\n\n  /* Show the overflow in Edge. */\n  overflow: visible;\n\n  /* Remove the inheritance of text transform in Firefox. */\n  text-transform: none;\n}\n\n.charcoal-clickable:disabled,\n.charcoal-clickable[aria-disabled]:not([aria-disabled='false']) {\n  cursor: default;\n}\n\n.charcoal-clickable:focus {\n  outline: none;\n}\n\n.charcoal-clickable::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n.charcoal-icon-button {\n  cursor: pointer;\n  appearance: none;\n  background: transparent;\n  padding: 0;\n  border-style: none;\n  outline: none;\n  color: inherit;\n  text-rendering: inherit;\n  letter-spacing: inherit;\n  word-spacing: inherit;\n  text-decoration: none;\n  font: inherit;\n  margin: 0;\n  overflow: visible;\n  text-transform: none;\n\n  user-select: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 999999px;\n  transition:\n    0.2s background-color,\n    0.2s box-shadow;\n}\n\n.charcoal-icon-button:disabled,\n.charcoal-icon-button[aria-disabled]:not([aria-disabled='false']) {\n  cursor: default;\n  opacity: 0.32;\n}\n.charcoal-icon-button:focus {\n  outline: none;\n}\n.charcoal-icon-button::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n.charcoal-icon-button[data-size='XS'] {\n  width: 20px;\n  height: 20px;\n}\n.charcoal-icon-button[data-size='S'] {\n  width: 32px;\n  height: 32px;\n}\n.charcoal-icon-button[data-size='M'] {\n  width: 40px;\n  height: 40px;\n}\n\n.charcoal-icon-button[data-variant='Default'] {\n  color: var(--charcoal-text3);\n  background-color: var(--charcoal-transparent);\n}\n.charcoal-icon-button[data-variant='Default'][data-active='true']:not(\n    :disabled\n  ):not([aria-disabled]),\n.charcoal-icon-button[data-variant='Default'][data-active='true'][aria-disabled='false'] {\n  color: var(--charcoal-text3-press);\n  background-color: var(--charcoal-transparent-press);\n}\n.charcoal-icon-button[data-variant='Default'][data-active='false']:not(\n    :disabled\n  ):not([aria-disabled]):hover,\n.charcoal-icon-button[data-variant='Default'][data-active='false'][aria-disabled='false']:hover {\n  color: var(--charcoal-text3-hover);\n  background-color: var(--charcoal-transparent-hover);\n}\n.charcoal-icon-button[data-variant='Default'][data-active='false']:not(\n    :disabled\n  ):not([aria-disabled]):active,\n.charcoal-icon-button[data-variant='Default'][data-active='false'][aria-disabled='false']:active {\n  color: var(--charcoal-text3-press);\n  background-color: var(--charcoal-transparent-press);\n}\n\n.charcoal-icon-button[data-variant='Overlay'] {\n  color: var(--charcoal-text5);\n  background-color: var(--charcoal-surface4);\n}\n.charcoal-icon-button[data-variant='Overlay'][data-active='true']:not(\n    :disabled\n  ):not([aria-disabled]),\n.charcoal-icon-button[data-variant='Overlay'][data-active='true'][aria-disabled='false'] {\n  color: var(--charcoal-text5-press);\n  background-color: var(--charcoal-surface4-press);\n}\n.charcoal-icon-button[data-variant='Overlay'][data-active='false']:not(\n    :disabled\n  ):not([aria-disabled]):hover,\n.charcoal-icon-button[data-variant='Overlay'][data-active='false'][aria-disabled='false']:hover {\n  color: var(--charcoal-text5-hover);\n  background-color: var(--charcoal-surface4-hover);\n}\n.charcoal-icon-button[data-variant='Overlay'][data-active='false']:not(\n    :disabled\n  ):not([aria-disabled]):active,\n.charcoal-icon-button[data-variant='Overlay'][data-active='false'][aria-disabled='false']:active {\n  color: var(--charcoal-text5-press);\n  background-color: var(--charcoal-surface4-press);\n}\n\n.charcoal-icon-button:not(:disabled):not([aria-disabled]):focus,\n.charcoal-icon-button[aria-disabled='false']:focus {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n.charcoal-icon-button:not(:disabled):not([aria-disabled]):focus-visible,\n.charcoal-icon-button[aria-disabled='false']:focus-visible {\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n.charcoal-icon-button:not(:disabled):not([aria-disabled]):focus:not(\n    :focus-visible\n  ),\n.charcoal-icon-button[aria-disabled='false']:focus:not(:focus-visible) {\n  box-shadow: none;\n}\n\n.charcoal-radio__label {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  grid-gap: 4px;\n  align-items: center;\n  cursor: pointer;\n}\n\n.charcoal-radio__label[aria-disabled]:not([aria-disabled='false']) {\n  opacity: 0.32;\n  cursor: default;\n}\n\n.charcoal-radio__label_div {\n  font-size: 14px;\n  line-height: 22px;\n  color: var(--charcoal-text2);\n}\n\n.charcoal-radio-input {\n  appearance: none;\n  display: block;\n  box-sizing: border-box;\n\n  margin: 0;\n  padding: 6px;\n\n  width: 20px;\n  height: 20px;\n  cursor: pointer;\n  border-radius: 999999px;\n  background-color: var(--charcoal-surface1);\n  transition:\n    0.2s background-color,\n    0.2s box-shadow;\n}\n\n.charcoal-radio-input:checked {\n  background-color: var(--charcoal-brand);\n}\n\n.charcoal-radio-input:checked::after {\n  content: '';\n  display: block;\n  width: 8px;\n  height: 8px;\n  pointer-events: none;\n  background-color: var(--charcoal-text5);\n  border-radius: 999999px;\n  transition:\n    0.2s background-color,\n    0.2s box-shadow;\n}\n\n.charcoal-radio-input:not(:checked) {\n  border-width: 2px;\n  border-style: solid;\n  border-color: var(--charcoal-text3);\n}\n\n.charcoal-radio-input:disabled {\n  cursor: default;\n}\n\n.charcoal-radio-input:not(:disabled):hover {\n  background-color: var(--charcoal-surface1-hover);\n}\n\n.charcoal-radio-input:not(:disabled):active {\n  background-color: var(--charcoal-surface1-press);\n}\n\n.charcoal-radio-input:not(:disabled):focus {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-radio-input:not(:disabled):focus-visible {\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-radio-input:not(:disabled):focus:not(:focus-visible) {\n  box-shadow: none;\n}\n\n.charcoal-radio-input:not(:disabled)[aria-invalid='true'],\n.charcoal-radio-input:not(:disabled)[aria-invalid='true']:focus {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-radio-input:checked:not(:disabled):hover {\n  background-color: var(--charcoal-brand-hover);\n}\n\n.charcoal-radio-input:checked:not(:disabled):hover::after {\n  background-color: var(--charcoal-text5-hover);\n}\n\n.charcoal-radio-input:checked:not(:disabled):active {\n  background-color: var(--charcoal-brand-press);\n}\n\n.charcoal-radio-input:checked:not(:disabled):active::after {\n  background-color: var(--charcoal-text5-press);\n}\n\n.charcoal-radio-group {\n  display: grid;\n  grid-template-columns: 1fr;\n  grid-gap: 8px;\n}\n\n.charcoal-multi-select {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: center;\n  position: relative;\n  cursor: pointer;\n  gap: 4px;\n}\n\n.charcoal-multi-select:disabled,\n.charcoal-multi-select[aria-disabled]:not([aria-disabled='false']) {\n  opacity: 0.32;\n  cursor: default;\n}\n\n.charcoal-multi-select-label {\n  display: flow-root;\n  align-items: center;\n  font-size: 14px;\n  line-height: 22px;\n  color: var(--charcoal-text2);\n}\n\n.charcoal-multi-select-label::before {\n  display: block;\n  width: 0;\n  height: 0;\n  content: '';\n  margin-top: -4px;\n}\n\n.charcoal-multi-select-label::after {\n  display: block;\n  width: 0;\n  height: 0;\n  content: '';\n  margin-bottom: -4px;\n}\n\n.charcoal-multi-select-input[type='checkbox'] {\n  appearance: none;\n  display: block;\n  width: 20px;\n  height: 20px;\n  margin: 0;\n  background-color: var(--charcoal-text3);\n  border-radius: 999999px;\n  transition:\n    0.2s background-color,\n    0.2s box-shadow;\n}\n\n.charcoal-multi-select-input[type='checkbox']:checked {\n  background-color: var(--charcoal-brand);\n}\n\n.charcoal-multi-select-input[type='checkbox']:focus {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-multi-select-input[type='checkbox']:focus-visible {\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-multi-select-input[type='checkbox']:focus:not(:focus-visible) {\n  box-shadow: none;\n}\n\n.charcoal-multi-select-input[type='checkbox']:hover:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-multi-select-input[type='checkbox']:hover[aria-disabled='false'] {\n  background-color: var(--charcoal-text3-hover);\n}\n\n.charcoal-multi-select-input[type='checkbox']:active:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-multi-select-input[type='checkbox']:active[aria-disabled='false'] {\n  background-color: var(--charcoal-text3-press);\n}\n\n.charcoal-multi-select-input[type='checkbox']:checked:hover:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-multi-select-input[type='checkbox']:checked:hover[aria-disabled='false'] {\n  background-color: var(--charcoal-brand-hover);\n}\n\n.charcoal-multi-select-input[type='checkbox']:checked:active:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-multi-select-input[type='checkbox']:checked:active[aria-disabled='false'] {\n  background-color: var(--charcoal-brand-press);\n}\n\n.charcoal-multi-select-input[aria-invalid='true'][data-overlay='false']:not(\n    :disabled\n  ):not([aria-disabled]) {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-multi-select-input[aria-invalid='true'][data-overlay='false'][aria-disabled='false'] {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-multi-select-input[data-overlay='true'] {\n  background-color: var(--charcoal-surface4);\n}\n\n.charcoal-multi-select-overlay {\n  position: absolute;\n  top: -2px;\n  left: -2px;\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  border-radius: 999999px;\n  color: var(--charcoal-text5);\n  transition: 0.2s box-shadow;\n}\n\n.charcoal-multi-select-overlay[aria-invalid='true'][data-overlay='true']:not(\n    :disabled\n  ):not([aria-disabled]) {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-multi-select-overlay[aria-invalid='true'][data-overlay='true'][aria-disabled='false'] {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-multi-select-overlay[data-overlay='true'] {\n  border-color: var(--charcoal-text5);\n  border-width: 2px;\n  border-style: solid;\n}\n\n.charcoal-switch__label {\n  display: inline-grid;\n  grid-template-columns: auto 1fr;\n  align-items: center;\n  cursor: pointer;\n  outline: 0;\n  gap: 4px;\n}\n\n.charcoal-switch__label[aria-disabled='true'] {\n  opacity: 0.32;\n  cursor: default;\n}\n\n.charcoal-switch__label[aria-disabled='true'] > input {\n  opacity: 1;\n}\n\n.charcoal-switch__label_div {\n  font-size: 14px;\n  line-height: 22px;\n  color: var(--charcoal-text2);\n}\n\n.charcoal-switch-input {\n  cursor: pointer;\n  appearance: none;\n  display: inline-flex;\n  position: relative;\n  box-sizing: border-box;\n  width: 28px;\n  border: 2px solid transparent;\n\n  transition-property: background-color, box-shadow;\n  transition-duration: 0.2s;\n\n  outline: none;\n  border-radius: 16px;\n  height: 16px;\n  margin: 0;\n  background-color: var(--charcoal-text4);\n}\n\n.charcoal-switch-input:disabled,\n.charcoal-switch-input[readonly] {\n  opacity: 0.32;\n  cursor: default;\n}\n\n.charcoal-switch-input::after {\n  content: '';\n  position: absolute;\n  display: block;\n  top: 0;\n  left: 0;\n  width: 12px;\n  height: 12px;\n  transform: translateX(0);\n  transition: transform 0.2s;\n  border-radius: 1024px;\n  background-color: var(--charcoal-text5);\n}\n\n.charcoal-switch-input:checked::after {\n  transform: translateX(12px);\n  transition: transform 0.2s;\n}\n\n.charcoal-switch-input:checked {\n  background-color: var(--charcoal-brand);\n}\n\n.charcoal-switch-input:not(:disabled):hover {\n  background-color: var(--charcoal-text4-hover);\n}\n\n.charcoal-switch-input:not(:disabled):active {\n  background-color: var(--charcoal-text4-press);\n}\n\n.charcoal-switch-input:not(:disabled):focus {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n.charcoal-switch-input:not(:disabled):focus-visible {\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n.charcoal-switch-input:not(:disabled):focus:not(:focus-visible) {\n  box-shadow: none;\n}\n\n.charcoal-switch-input:not(:disabled)::after:hover {\n  background-color: var(--charcoal-text5-hover);\n}\n\n.charcoal-switch-input:not(:disabled)::after:active {\n  background-color: var(--charcoal-text5-press);\n}\n\n.charcoal-switch-input:not(:disabled):checked:hover {\n  background-color: var(--charcoal-brand-hover);\n}\n\n.charcoal-switch-input:not(:disabled):checked:active {\n  background-color: var(--charcoal-brand-press);\n}\n\n.charcoal-text-field-root {\n  display: grid;\n  grid-template-columns: 1fr;\n  grid-gap: 4px;\n}\n\n.charcoal-text-field-root[aria-disabled='true'] {\n  opacity: 0.32;\n}\n\n.charcoal-text-field-container {\n  display: flex;\n  height: 40px;\n  transition:\n    0.2s background-color,\n    0.2s box-shadow;\n  color: var(--charcoal-text2);\n  background-color: var(--charcoal-surface3);\n  border-radius: 4px;\n  padding: 0 8px;\n  line-height: 22px;\n  font-size: 14px;\n}\n\n.charcoal-text-field-container[data-invalid='true'] {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-text-field-container:not([aria-disabled='true']):hover {\n  background-color: var(--charcoal-surface3-hover);\n}\n\n.charcoal-text-field-container:not([aria-disabled='true']):focus-within {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-text-field-container:not(\n    [aria-disabled='true']\n  )[data-invalid='true']:focus-within {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-text-field-prefix {\n  display: flex;\n  align-items: center;\n  margin-right: 4px;\n}\n\n.charcoal-text-field-suffix {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-left: 4px;\n}\n\n.charcoal-text-field-input {\n  border: none;\n  box-sizing: border-box;\n  outline: none;\n  font-family: inherit;\n\n  /* Prevent zooming for iOS Safari */\n  transform-origin: top left;\n  transform: scale(0.875);\n  width: calc(100% / 0.875);\n  height: calc(100% / 0.875);\n  font-size: calc(14px / 0.875);\n  line-height: calc(22px / 0.875);\n  padding-left: 0;\n  padding-right: 0;\n  border-radius: calc(4px / 0.875);\n\n  /* Display box-shadow for iOS Safari */\n  appearance: none;\n  background: transparent;\n\n  color: var(--charcoal-text2);\n}\n\n.charcoal-text-field-input::placeholder {\n  color: var(--charcoal-text3);\n}\n\n.charcoal-text-field-line-counter {\n  line-height: 22px;\n  font-size: 14px;\n  color: var(--charcoal-text3);\n}\n\n.charcoal-field-label {\n  font-size: 14px;\n  line-height: 22px;\n  font-weight: bold;\n  display: flow-root;\n  color: var(--charcoal-text1);\n}\n\n.charcoal-field-label-required-text {\n  font-size: 14px;\n  line-height: 22px;\n  display: flow-root;\n  color: var(--charcoal-text2);\n}\n\n.charcoal-field-label-sub-label {\n  font-size: 14px;\n  line-height: 22px;\n  display: flow-root;\n  color: var(--charcoal-text3);\n  transition:\n    0.2s color,\n    0.2s box-shadow;\n}\n\n.charcoal-field-label-root {\n  display: inline-flex;\n  align-items: center;\n}\n\n.charcoal-field-label-root > .charcoal-field-label-required-text {\n  margin-left: 4px;\n}\n\n.charcoal-field-label-root > .charcoal-field-label-sub-label {\n  margin-left: auto;\n}\n\n.charcoal-text-field-assistive-text {\n  font-size: 14px;\n  line-height: 22px;\n  margin: 0;\n  color: var(--charcoal-text2);\n}\n\n.charcoal-text-field-assistive-text[data-invalid='true'] {\n  color: var(--charcoal-assertive);\n}\n\n.charcoal-text-area-root {\n  display: grid;\n  grid-template-columns: 1fr;\n  grid-gap: 4px;\n}\n\n.charcoal-text-area-root[aria-disabled='true'] {\n  opacity: 0.32;\n}\n\n.charcoal-text-area-container {\n  position: relative;\n  overflow: hidden;\n\n  color: var(--charcoal-text2);\n  background-color: var(--charcoal-surface3);\n  border-radius: 4px;\n  transition:\n    0.2s background-color,\n    0.2s box-shadow;\n  height: calc(22px * var(--charcoal-text-area-rows) + 18px);\n}\n\n.charcoal-text-area-container[aria-invalid='true'] {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-text-area-container:focus-within {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-text-area-container:not([aria-disabled='true']):hover {\n  background-color: var(--charcoal-surface3-hover);\n}\n\n.charcoal-text-area-container[aria-invalid='true']:focus-within {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-text-area-textarea {\n  border: none;\n  outline: none;\n  resize: none;\n  font-family: inherit;\n  color: inherit;\n  box-sizing: border-box;\n\n  /* Prevent zooming for iOS Safari */\n  transform-origin: top left;\n  transform: scale(0.875);\n  width: calc(100% / 0.875);\n  font-size: calc(14px / 0.875);\n  line-height: calc(22px / 0.875);\n  padding: calc(9px / 0.875) calc(8px / 0.875);\n  height: calc(22px / 0.875 * var(--charcoal-text-area-rows) + 20px);\n\n  /* Display box-shadow for iOS Safari */\n  appearance: none;\n\n  background: none;\n}\n.charcoal-text-area-textarea[data-no-bottom-padding='true'] {\n  padding: calc(9px / 0.875) calc(8px / 0.875) 0;\n  height: calc(22px / 0.875 * (var(--charcoal-text-area-rows) - 1) + 9px);\n}\n\n.charcoal-text-area-textarea::placeholder {\n  color: var(--charcoal-text3);\n}\n\n.charcoal-text-area-counter {\n  position: absolute;\n  bottom: 9px;\n  right: 8px;\n\n  line-height: 22px;\n  font-size: 14px;\n  color: var(--charcoal-text3);\n}\n\n.charcoal-modal-dialog {\n  margin: auto;\n  position: relative;\n  height: fit-content;\n  width: 440px;\n\n  background-color: var(--charcoal-surface1);\n  border-radius: 24px;\n}\n\n.charcoal-modal-dialog[data-size='S'] {\n  width: 336px;\n}\n\n.charcoal-modal-dialog[data-size='M'] {\n  width: 440px;\n}\n\n.charcoal-modal-dialog[data-size='L'] {\n  width: 648px;\n}\n\n@media (max-width: 743px) {\n  .charcoal-modal-dialog {\n    max-width: 440px;\n    width: calc(100% - 48px);\n  }\n\n  .charcoal-modal-dialog[data-bottom-sheet='true'],\n  .charcoal-modal-dialog[data-bottom-sheet='full'] {\n    max-width: unset;\n    width: 100%;\n    border-radius: 0;\n    margin: auto 0 0 0;\n  }\n\n  .charcoal-modal-dialog[data-bottom-sheet='full'] {\n    min-height: 100%;\n  }\n}\n\n.charcoal-modal-dialog:focus {\n  outline: none;\n}\n\n.charcoal-modal-background {\n  overflow: auto;\n  display: flex;\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  justify-content: center;\n  padding: 40px 0;\n  box-sizing: border-box;\n\n  background-color: var(--charcoal-surface4);\n}\n\n@media (max-width: 743px) {\n  .charcoal-modal-background[data-bottom-sheet='true'],\n  .charcoal-modal-background[data-bottom-sheet='full'] {\n    padding: 0;\n  }\n}\n\n.charcoal-modal-close-button {\n  position: absolute;\n  top: 8px;\n  right: 8px;\n\n  color: var(--charcoal-text3);\n  transition: 0.2s color;\n}\n\n.charcoal-modal-title {\n  margin: 0;\n  font-weight: inherit;\n  font-size: inherit;\n}\n\n.charcoal-modal-header-root {\n  height: 64px;\n  display: grid;\n  align-content: center;\n  justify-content: center;\n}\n\n@media (max-width: 743px) {\n  .charcoal-modal-header-root[data-bottom-sheet='true'],\n  .charcoal-modal-header-root[data-bottom-sheet='full'] {\n    height: 48px;\n  }\n}\n\n.charcoal-modal-header-title {\n  color: var(--charcoal-text1);\n  font-size: 16px;\n  line-height: 24px;\n  font-weight: bold;\n  display: flow-root;\n}\n\n.charcoal-modal-align {\n  padding-left: 16px;\n  padding-right: 16px;\n}\n\n.charcoal-modal-body {\n  padding-bottom: 40px;\n}\n\n.charcoal-modal-buttons {\n  display: grid;\n  grid-auto-flow: row;\n  grid-row-gap: 8px;\n\n  padding-top: 16px;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n\n.charcoal-loading-spinner {\n  box-sizing: content-box;\n  margin: auto;\n  padding: var(--charcoal-loading-spinner-padding);\n  border-radius: 8px;\n  font-size: var(--charcoal-loading-spinner-size);\n  width: var(--charcoal-loading-spinner-size);\n  height: var(--charcoal-loading-spinner-size);\n  opacity: 0.84;\n  color: var(--charcoal-text4);\n  background-color: var(--charcoal-background1);\n}\n.charcoal-loading-spinner[data-transparent='true'] {\n  background-color: var(--charcoal-transparent);\n}\n\n@keyframes charcoal-loading-spinner-icon-scale-out {\n  from {\n    transform: scale(0);\n    opacity: 1;\n  }\n  to {\n    transform: scale(1);\n    opacity: 0;\n  }\n}\n\n.charcoal-loading-spinner-icon {\n  width: 1em;\n  height: 1em;\n  border-radius: 1em;\n  background-color: currentColor;\n  animation: charcoal-loading-spinner-icon-scale-out 1s both ease-out;\n  animation-iteration-count: infinite;\n}\n\n.charcoal-loading-spinner-icon[data-reset-animation] {\n  animation: none;\n}\n.charcoal-loading-spinner-icon[data-once='true'] {\n  animation-iteration-count: 1;\n}\n\n.charcoal-dropdown-selector-root {\n  display: grid;\n  grid-template-columns: 1fr;\n  grid-gap: 4px;\n  width: 100%;\n}\n\n.charcoal-dropdown-selector-root[aria-disabled='true'] {\n  cursor: default;\n  opacity: 0.32;\n}\n\n.charcoal-dropdown-selector-button {\n  display: grid;\n  grid-template-columns: 1fr auto;\n  justify-content: space-between;\n  align-items: center;\n\n  height: 40px;\n  width: 100%;\n  box-sizing: border-box;\n  border: none;\n  cursor: pointer;\n  gap: 4px;\n\n  padding-right: 8px;\n  padding-left: 8px;\n  background-color: var(--charcoal-surface3);\n  border-radius: 4px;\n\n  transition:\n    0.2s box-shadow,\n    0.2s background-color;\n}\n\n.charcoal-dropdown-selector-button:disabled {\n  cursor: default;\n}\n\n.charcoal-dropdown-selector-button:not(:disabled):focus {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-dropdown-selector-button:not(:disabled):focus-visible {\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-dropdown-selector-button:not(:disabled)[data-active='true'],\n.charcoal-dropdown-selector-button:not(:disabled):active {\n  background-color: var(--charcoal-surface3-press);\n}\n\n.charcoal-dropdown-selector-button:not(:disabled):hover {\n  background-color: var(--charcoal-surface3-hover);\n}\n\n.charcoal-dropdown-selector-button:not(:disabled):focus:not(:focus-visible) {\n  box-shadow: none;\n}\n\n.charcoal-dropdown-selector-button[aria-invalid='true'],\n.charcoal-dropdown-selector-button:not(\n    :disabled\n  )[aria-invalid='true']:focus:not(:focus-visible) {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-ui-dropdown-selector-text {\n  text-align: left;\n  font-size: 14px;\n  line-height: 22px;\n  display: flow-root;\n  color: var(--charcoal-text2);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.charcoal-ui-dropdown-selector-text[data-placeholder='true'] {\n  color: var(--charcoal-text3);\n}\n\n.charcoal-ui-dropdown-selector-icon {\n  color: var(--charcoal-text2);\n}\n\n.charcoal-popover {\n  margin: 4px 0;\n  list-style: none;\n  overflow: auto;\n  max-height: inherit;\n  background-color: var(--charcoal-background1);\n  border: solid 1px var(--charcoal-border-default);\n  border-radius: 8px;\n  padding-top: 8px;\n  padding-bottom: 8px;\n}\n\n.charcoal-menu-list {\n  padding: 0;\n  margin: 0;\n}\n\n.charcoal-dropdown-selector-menu-item {\n  font-size: 14px;\n  line-height: 22px;\n  color: var(--charcoal-text2);\n  padding: 9px 0;\n\n  display: flex;\n  align-items: center;\n  width: 100%;\n  margin-left: 20px;\n}\n\n.charcoal-dropdown-selector-menu-item[data-selected='true'] {\n  margin-left: 0px;\n}\n\n.charcoal-dropdown-selector-menu-item-icon {\n  color: var(--charcoal-text2);\n  padding-right: 4px;\n}\n\n.charcoal-dropdown-selector-menu-item-container {\n  display: flex;\n  align-items: center;\n}\n\n.charcoal-dropdown-selector-menu-secondary {\n  font-size: 12px;\n  line-height: 20px;\n  color: var(--charcoal-text3);\n  padding-bottom: 9px;\n\n  display: flex;\n  align-items: center;\n  margin-left: 20px;\n}\n\n.charcoal-list-item {\n  list-style: none;\n  display: flex;\n  align-items: center;\n  min-height: 40px;\n  cursor: pointer;\n  outline: none;\n\n  padding-right: 16px;\n  padding-left: 16px;\n\n  transition: background-color 0.2s;\n}\n\n.charcoal-list-item:not([aria-disabled='true']):hover,\n.charcoal-list-item:not([aria-disabled='true']):focus,\n.charcoal-list-item:not([aria-disabled='true']):focus-within {\n  background-color: var(--charcoal-surface3);\n}\n\n.charcoal-list-item[aria-disabled='true'] {\n  opacity: 0.32;\n  cursor: default;\n}\n\n.charcoal-menu-item-group {\n  display: block;\n}\n\n.charcoal-menu-item-group > span {\n  display: block;\n  color: var(--charcoal-text3);\n  font-size: 12px;\n  font-weight: bold;\n  padding: 12px 0 8px 16px;\n}\n\n.charcoal-menu-item-group > ul {\n  padding-left: 0;\n  margin: 0;\n  box-sizing: border-box;\n  list-style: none;\n  overflow: hidden;\n}\n\n.charcoal-segmented-control {\n  display: inline-flex;\n  align-items: center;\n\n  background-color: var(--charcoal-surface3);\n  border-radius: 16px;\n}\n\n.charcoal-segmented-control[data-uniform-segment-width='true'],\n.charcoal-segmented-control[data-full-width='true'] {\n  display: inline-grid;\n  grid-auto-columns: minmax(80px, 1fr);\n  grid-auto-rows: 32px;\n  grid-auto-flow: column;\n}\n\n.charcoal-segmented-control[data-full-width='true'] {\n  width: 100%;\n}\n\n.charcoal-segmented-control-radio__label {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  height: 32px;\n\n  padding-right: 16px;\n  padding-left: 16px;\n  border-radius: 16px;\n  color: var(--charcoal-text2);\n\n  font-size: 14px;\n  line-height: 22px;\n}\n\n.charcoal-segmented-control-radio__label[aria-disabled]:not(\n    [aria-disabled='false']\n  ) {\n  cursor: default;\n  opacity: 0.32;\n}\n\n.charcoal-segmented-control-radio__label[data-checked='true'] {\n  background-color: var(--charcoal-brand);\n  color: var(--charcoal-text5);\n}\n\n.charcoal-segmented-control-radio__label[data-uniform-segment-width='true'],\n.charcoal-segmented-control-radio__label[data-full-width='true'] {\n  justify-content: center;\n  white-space: nowrap;\n}\n\n.charcoal-segmented-control-radio__input {\n  position: absolute;\n\n  height: 0px;\n  width: 0px;\n  padding: 0;\n  margin: 0;\n\n  appearance: none;\n  box-sizing: border-box;\n  overflow: hidden;\n  white-space: nowrap;\n  opacity: 0;\n}\n\n.charcoal-checkbox__label {\n  position: relative;\n  cursor: pointer;\n  display: flex;\n  gap: 4px;\n}\n\n.charcoal-checkbox__label[aria-disabled='true'] {\n  cursor: default;\n  opacity: 0.32;\n}\n\n.charcoal-checkbox__label[aria-disabled='true'] > input {\n  opacity: 1;\n}\n\n.charcoal-checkbox__label_div {\n  flex: 1;\n  color: var(--charcoal-text2);\n  font-size: 14px;\n  line-height: 20px;\n}\n\n.charcoal-checkbox-input {\n  appearance: none;\n  display: flex;\n  cursor: pointer;\n  margin: 0;\n  width: 20px;\n  height: 20px;\n  border-radius: 4px;\n  transition:\n    0.2s box-shadow,\n    0.2s background-color;\n  position: relative;\n  box-sizing: border-box;\n}\n\n.charcoal-checkbox-input:disabled,\n.charcoal-checkbox-input[readonly] {\n  opacity: 0.32;\n  cursor: default;\n}\n\n.charcoal-checkbox-input:checked {\n  background-color: var(--charcoal-brand);\n}\n\n.charcoal-checkbox-input:checked::after {\n  content: '';\n  background-color: white;\n  display: flex;\n  margin: auto;\n  width: 16px;\n  height: 16px;\n  clip-path: path(\n    'M10.6 5a1.3 1.3 0 0 1 1.8 1.9l-5.7 5.6-3-2.9a1.3 1.3 0 1 1 2-1.9l1 1z'\n  );\n}\n\n.charcoal-checkbox-input:not(:checked) {\n  border-width: 2px;\n  border-style: solid;\n  border-color: var(--charcoal-text4);\n}\n\n.charcoal-checkbox-input:not(:disabled):focus {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n.charcoal-checkbox-input:not(:disabled):focus-visible {\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n.charcoal-checkbox-input:not(:disabled):focus:not(:focus-visible) {\n  box-shadow: none;\n}\n\n.charcoal-checkbox-input:checked:not(:disabled):hover {\n  background-color: var(--charcoal-brand-hover);\n}\n.charcoal-checkbox-input:checked:not(:disabled):active {\n  background-color: var(--charcoal-brand-press);\n}\n\n.charcoal-checkbox-input[aria-invalid='true'],\n.charcoal-checkbox-input[aria-invalid='true']:not(:disabled):focus {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-checkbox-input[data-rounded='true'] {\n  border-radius: 10px;\n  background-color: var(--charcoal-surface3);\n  border: 2px solid transparent;\n}\n\n.charcoal-checkbox-input[data-rounded='true']:checked {\n  background-color: var(--charcoal-brand);\n}\n\n.charcoal-checkbox-input[data-rounded='true']:not(:disabled):hover {\n  background-color: var(--charcoal-surface3-hover);\n}\n.charcoal-checkbox-input[data-rounded='true']:not(:disabled):active {\n  background-color: var(--charcoal-surface3-press);\n}\n\n.charcoal-checkbox-input[data-rounded='true']:not(:disabled):focus-visible {\n  box-shadow: 0 0 0 6px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-checkbox-input[data-rounded='true']:checked:not(:disabled):hover {\n  background-color: var(--charcoal-brand-hover);\n}\n.charcoal-checkbox-input[data-rounded='true']:checked:not(:disabled):active {\n  background-color: var(--charcoal-brand-press);\n}\n\n.charcoal-checkbox-input[data-rounded='true'][aria-invalid='true'],\n.charcoal-checkbox-input[data-rounded='true'][aria-invalid='true']:not(\n    :disabled\n  ):focus {\n  box-shadow: 0 0 0 6px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-checkbox-input[data-rounded='true']::before {\n  content: '';\n  width: 24px;\n  height: 24px;\n  position: absolute;\n  top: -4px;\n  left: -4px;\n  border-radius: 12px;\n  border: 2px solid #fff;\n  box-sizing: border-box;\n}\n\n.charcoal-tag-item {\n  --charcoal-tag-item-color: var(--charcoal-text5);\n  --charcoal-tag-item-size: 40px;\n  --charcoal-tag-item-padding-left: 24px;\n  --charcoal-tag-item-padding-right: 24px;\n\n  isolation: isolate;\n  position: relative;\n\n  appearance: none;\n  outline: none;\n  border-style: none;\n\n  display: inline-flex;\n  gap: 8px;\n  align-items: center;\n  justify-content: center;\n\n  text-decoration: none;\n  cursor: pointer;\n  overflow: hidden;\n\n  color: var(--charcoal-tag-item-color);\n  height: var(--charcoal-tag-item-size);\n  padding-top: 4px;\n  padding-bottom: 4px;\n  padding-left: var(--charcoal-tag-item-padding-left);\n  padding-right: var(--charcoal-tag-item-padding-right);\n  box-sizing: border-box;\n  border-radius: 4px;\n\n  transition: 0.2s box-shadow;\n}\n\n.charcoal-tag-item[data-size='M'] {\n  --charcoal-tag-item-size: 40px;\n  --charcoal-tag-item-padding-left: 24px;\n  --charcoal-tag-item-padding-right: 24px;\n}\n.charcoal-tag-item[data-size='S'] {\n  --charcoal-tag-item-size: 32px;\n  --charcoal-tag-item-padding-left: 16px;\n  --charcoal-tag-item-padding-right: 16px;\n}\n.charcoal-tag-item[data-state='inactive'] {\n  --charcoal-tag-item-color: var(--charcoal-text2);\n}\n.charcoal-tag-item[data-state='active'] {\n  --charcoal-tag-item-padding-left: 16px;\n  --charcoal-tag-item-padding-right: 8px;\n}\n\n.charcoal-tag-item:disabled,\n.charcoal-tag-item[aria-disabled]:not([aria-disabled='false']) {\n  opacity: 0.32;\n  cursor: default;\n}\n.charcoal-tag-item:not(:disabled):not([aria-disabled]):focus-visible,\n.charcoal-tag-item[aria-disabled='false']:focus-visible {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n.charcoal-tag-item:not(:disabled):not([aria-disabled]):focus,\n.charcoal-tag-item[aria-disabled='false']:focus {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n.charcoal-tag-item:not(:disabled):not([aria-disabled]):focus:not(\n    :focus-visible\n  ),\n.charcoal-tag-item[aria-disabled='false']:focus:not(:focus-visible) {\n  box-shadow: none;\n}\n\n.charcoal-tag-item__bg {\n  background-color: var(--charcoal-tag-item-bg);\n}\n\n.charcoal-tag-item__bg[data-bg-variant='image'] {\n  background-color: var(--charcoal-surface4);\n}\n\n.charcoal-tag-item__bg[data-bg-variant='image']::before {\n  content: '';\n  position: absolute;\n  z-index: 1;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-position: center;\n  background-size: cover;\n  background-image: var(--charcoal-tag-item-bg);\n  mix-blend-mode: overlay;\n}\n\n.charcoal-tag-item__bg[data-state='inactive'] {\n  background-color: var(--charcoal-surface3);\n}\n\n.charcoal-tag-item__label {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.charcoal-tag-item__label[data-has-translate='true'] {\n  justify-content: space-between;\n}\n\n.charcoal-tag-item__label__translated {\n  --charcoal-tag-item-text-font-size: 12px;\n  --charcoal-tag-item-text-line-height: 20px;\n  font-weight: bold;\n}\n.charcoal-tag-item__label__translated::before {\n  display: none;\n}\n\n.charcoal-tag-item__label__text {\n  --charcoal-tag-item-text-font-size: 14px;\n  --charcoal-tag-item-text-line-height: 22px;\n\n  max-width: 152px;\n  overflow: hidden;\n  font-weight: bold;\n\n  color: inherit;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n.charcoal-tag-item__label__text[data-has-translate='true'] {\n  --charcoal-tag-item-text-font-size: 10px;\n  --charcoal-tag-item-text-line-height: 14px;\n  font-weight: normal;\n}\n.charcoal-tag-item__labe__text[data-has-translate='true']::after {\n  display: none;\n}\n\n.charcoal-hint-text {\n  background-color: var(--charcoal-surface3);\n  border-radius: 8px;\n  padding: 12px 16px;\n  display: flex;\n  align-items: flex-start;\n}\n\n.charcoal-hint-text[data-context='page'] {\n  justify-content: center;\n}\n\n@media (min-width: 744px) {\n  .charcoal-hint-text[data-context='page'] {\n    padding: 20px 40px;\n  }\n}\n\n.charcoal-hint-text-icon {\n  display: flex;\n  align-items: center;\n  color: var(--charcoal-text3);\n  height: 22px;\n  margin: 0 4px 0 0;\n}\n\n.charcoal-hint-text-message {\n  color: var(--charcoal-text2);\n  font-size: 14px;\n  line-height: 22px;\n  display: flow-root;\n  margin: 0;\n  min-width: 0;\n  overflow-wrap: break-word;\n}\n\n.charcoal-text-ellipsis {\n  overflow: hidden;\n  overflow-wrap: break-word;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: var(--charcoal-text-ellipsis-line-limit);\n}\n\n.charcoal-text-ellipsis[data-has-line-height='true'] {\n  line-height: var(--charcoal-text-ellipsis-line-height);\n}\n\n.charcoal-text-ellipsis[data-has-line-height='false'] {\n  line-height: inherit;\n}\n\n.charcoal-text-ellipsis[data-line-limit='1'][data-use-nowrap='true'] {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.charcoal-pagination {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.charcoal-pagination-button {\n  cursor: pointer;\n  appearance: none;\n  padding: 0;\n  border-style: none;\n  outline: none;\n  text-decoration: none;\n  font: inherit;\n  margin: 0;\n  user-select: none;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 22px;\n\n  /* HACK:\n   * Safari doesn't correctly repaint the elements when they're reordered in response to interaction.\n   * This forces it to repaint them. This doesn't work if put on the parents either, has to be here.\n   */\n  /* stylelint-disable-next-line property-no-vendor-prefix */\n  -webkit-transform: translateZ(0);\n\n  color: var(--charcoal-text3);\n  background-color: var(--charcoal-transparent);\n  border-radius: 20px;\n  transition:\n    0.2s background-color,\n    0.2s box-shadow;\n}\n\n.charcoal-pagination-button:focus {\n  outline: none;\n}\n\n.charcoal-pagination-button::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n.charcoal-pagination[data-size='S'] .charcoal-pagination-button {\n  min-width: 32px;\n  min-height: 32px;\n}\n\n.charcoal-pagination[data-size='M'] .charcoal-pagination-button {\n  min-width: 40px;\n  min-height: 40px;\n}\n\n.charcoal-pagination-button[hidden] {\n  visibility: hidden;\n  display: block;\n}\n\n.charcoal-pagination-button:not(:disabled):not([aria-disabled]):hover,\n.charcoal-pagination-button[aria-disabled='false']:hover {\n  color: var(--charcoal-text3);\n  background-color: var(--charcoal-surface3);\n}\n\n.charcoal-pagination-button:not(:disabled):not([aria-disabled]):active,\n.charcoal-pagination-button[aria-disabled='false']:active {\n  color: var(--charcoal-text3);\n  background-color: var(--charcoal-surface10);\n}\n\n.charcoal-pagination-button:not(:disabled):not([aria-disabled]):focus,\n.charcoal-pagination-button[aria-disabled='false']:focus {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-pagination-button:not(:disabled):not([aria-disabled]):focus-visible,\n.charcoal-pagination-button[aria-disabled='false']:focus-visible {\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-pagination-button:not(:disabled):not([aria-disabled]):focus:not(\n    :focus-visible\n  ),\n.charcoal-pagination-button[aria-disabled='false']:focus:not(:focus-visible) {\n  box-shadow: none;\n}\n\n.charcoal-pagination-button[aria-current] {\n  cursor: default;\n  background-color: var(--charcoal-surface6);\n  color: var(--charcoal-text5);\n}\n\n.charcoal-pagination-button[aria-current]:not(:disabled):not(\n    [aria-disabled]\n  ):hover,\n.charcoal-pagination-button[aria-current]:not(:disabled):not(\n    [aria-disabled]\n  ):active {\n  background-color: var(--charcoal-surface6);\n  color: var(--charcoal-text5);\n}\n\n.charcoal-pagination-nav-button[hidden] {\n  visibility: hidden;\n  display: block;\n}\n\n.charcoal-pagination-spacer,\n.charcoal-pagination-spacer:hover,\n.charcoal-pagination-spacer:active {\n  cursor: default;\n  color: var(--charcoal-text3);\n  background: none;\n}\n\n.charcoal-pagination-spacer.charcoal-icon-button:disabled {\n  opacity: 1;\n}\n\n\n/*# sourceMappingURL=index.css.map*/"]}