polaris-react-extended 13.10.3

package/build/esnext/components/ActionMenu/components/MenuGroup/MenuGroup.esnext

@@ -0,0 +1,55 @@
+import React, { useCallback } from 'react';
+import styles from './MenuGroup.css.esnext';
+import { Popover } from '../../../Popover/Popover.esnext';
+import { ActionList } from '../../../ActionList/ActionList.esnext';
+import { SecondaryAction } from '../SecondaryAction/SecondaryAction.esnext';
+
+function MenuGroup({
+  accessibilityLabel,
+  active,
+  actions,
+  details,
+  title,
+  icon,
+  disabled,
+  onClick,
+  onClose,
+  onOpen,
+  sections
+}) {
+  const handleClose = useCallback(() => {
+    onClose(title);
+  }, [onClose, title]);
+  const handleOpen = useCallback(() => {
+    onOpen(title);
+  }, [onOpen, title]);
+  const handleClick = useCallback(() => {
+    if (onClick) {
+      onClick(handleOpen);
+    } else {
+      handleOpen();
+    }
+  }, [onClick, handleOpen]);
+  const popoverActivator = /*#__PURE__*/React.createElement(SecondaryAction, {
+    disclosure: true,
+    disabled: disabled,
+    icon: icon,
+    accessibilityLabel: accessibilityLabel,
+    onClick: handleClick
+  }, title);
+  return /*#__PURE__*/React.createElement(Popover, {
+    active: Boolean(active),
+    activator: popoverActivator,
+    preferredAlignment: "left",
+    onClose: handleClose,
+    hideOnPrint: true
+  }, /*#__PURE__*/React.createElement(ActionList, {
+    items: actions,
+    sections: sections,
+    onActionAnyItem: handleClose
+  }), details && /*#__PURE__*/React.createElement("div", {
+    className: styles.Details
+  }, details));
+}
+
+export { MenuGroup };

package/build/esnext/components/ActionMenu/components/MenuGroup/MenuGroup.out.css

@@ -0,0 +1,4 @@
+.Polaris-MenuGroup__Details_1bdkj{
+  margin-top:calc(var(--p-space-400)*-1);
+  padding:var(--p-space-400);
+}

package/build/esnext/components/ActionMenu/components/RollupActions/RollupActions.css.esnext

@@ -0,0 +1,7 @@
+import './RollupActions.out.css';
+
+var styles = {
+  "RollupActivator": "Polaris-RollupActions__RollupActivator_88nso"
+};
+
+export { styles as default };

package/build/esnext/components/ActionMenu/components/RollupActions/RollupActions.esnext

@@ -0,0 +1,43 @@
+import React from 'react';
+import { MenuHorizontalIcon } from '@shopify/polaris-icons';
+import { useToggle } from '../../../../utilities/use-toggle.esnext';
+import styles from './RollupActions.css.esnext';
+import { useI18n } from '../../../../utilities/i18n/hooks.esnext';
+import { Button } from '../../../Button/Button.esnext';
+import { Popover } from '../../../Popover/Popover.esnext';
+import { ActionList } from '../../../ActionList/ActionList.esnext';
+
+function RollupActions({
+  accessibilityLabel,
+  items = [],
+  sections = []
+}) {
+  const i18n = useI18n();
+  const {
+    value: rollupOpen,
+    toggle: toggleRollupOpen
+  } = useToggle(false);
+  if (items.length === 0 && sections.length === 0) {
+    return null;
+  }
+  const activatorMarkup = /*#__PURE__*/React.createElement("div", {
+    className: styles.RollupActivator
+  }, /*#__PURE__*/React.createElement(Button, {
+    icon: MenuHorizontalIcon,
+    accessibilityLabel: accessibilityLabel || i18n.translate('Polaris.ActionMenu.RollupActions.rollupButton'),
+    onClick: toggleRollupOpen
+  }));
+  return /*#__PURE__*/React.createElement(Popover, {
+    active: rollupOpen,
+    activator: activatorMarkup,
+    preferredAlignment: "right",
+    onClose: toggleRollupOpen,
+    hideOnPrint: true
+  }, /*#__PURE__*/React.createElement(ActionList, {
+    items: items,
+    sections: sections,
+    onActionAnyItem: toggleRollupOpen
+  }));
+}
+
+export { RollupActions };

package/build/esnext/components/ActionMenu/components/RollupActions/RollupActions.out.css

@@ -0,0 +1,24 @@
+.Polaris-RollupActions__RollupActivator_88nso{
+  text-align:right;
+}
+.Polaris-RollupActions__RollupActivator_88nso button[type='button']{
+    background:var(--p-color-bg-fill-tertiary);
+    border-radius:var(--p-border-radius-200);
+    border:none;
+    box-shadow:none;
+    margin:0;
+  }
+.Polaris-RollupActions__RollupActivator_88nso button[type='button']:active{
+      background:var(--p-color-bg-fill-tertiary-active);
+    }
+.Polaris-RollupActions__RollupActivator_88nso button[type='button']:focus:not(:active){
+      outline:var(--p-border-width-050) solid var(--p-color-border-focus);
+      outline-offset:var(--p-space-050);
+      background:var(--p-color-bg-fill-tertiary-active);
+    }
+.Polaris-RollupActions__RollupActivator_88nso button[type='button']:focus:not(:active)::after{
+    content:none;
+  }
+.Polaris-RollupActions__RollupActivator_88nso button[type='button']:hover{
+      background:var(--p-color-bg-fill-tertiary-hover);
+    }

package/build/esnext/components/ActionMenu/components/SecondaryAction/SecondaryAction.css.esnext

@@ -0,0 +1,8 @@
+import './SecondaryAction.out.css';
+
+var styles = {
+  "SecondaryAction": "Polaris-SecondaryAction_1dl4i",
+  "critical": "Polaris-SecondaryAction--critical_uivil"
+};
+
+export { styles as default };

package/build/esnext/components/ActionMenu/components/SecondaryAction/SecondaryAction.esnext

@@ -0,0 +1,28 @@
+import React from 'react';
+import { classNames } from '../../../../utilities/css.esnext';
+import styles from './SecondaryAction.css.esnext';
+import { Button } from '../../../Button/Button.esnext';
+import { Tooltip } from '../../../Tooltip/Tooltip.esnext';
+
+function SecondaryAction({
+  children,
+  tone,
+  helpText,
+  onAction,
+  destructive,
+  ...rest
+}) {
+  const buttonMarkup = /*#__PURE__*/React.createElement(Button, Object.assign({
+    onClick: onAction,
+    tone: destructive ? 'critical' : undefined
+  }, rest), children);
+  const actionMarkup = helpText ? /*#__PURE__*/React.createElement(Tooltip, {
+    preferredPosition: "below",
+    content: helpText
+  }, buttonMarkup) : buttonMarkup;
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames(styles.SecondaryAction, tone === 'critical' && styles.critical)
+  }, actionMarkup);
+}
+
+export { SecondaryAction };

package/build/esnext/components/ActionMenu/components/SecondaryAction/SecondaryAction.out.css

@@ -0,0 +1,80 @@
+.Polaris-SecondaryAction_1dl4i{
+  --pc-secondary-action-button-spacing:var(--p-space-300);
+}
+.Polaris-SecondaryAction_1dl4i a,
+  .Polaris-SecondaryAction_1dl4i button{
+    position: relative;
+    --pc-button-padding-block:var(--p-space-100);
+    --pc-button-padding-inline:var(--p-space-300);
+    background:var(--p-color-bg-fill-tertiary) !important;
+    box-shadow:none !important;
+    border:none;
+    border-radius:var(--p-border-radius-200) !important;
+    min-height:1.75rem;
+  }
+.Polaris-SecondaryAction_1dl4i a::after, .Polaris-SecondaryAction_1dl4i button::after {
+  content: '';
+  position: absolute;
+  z-index: 1;
+  top: -0.125rem;
+  right: -0.125rem;
+  bottom: -0.125rem;
+  left: -0.125rem;
+  display: block;
+  pointer-events: none;
+  box-shadow: 0 0 0 -0.125rem var(--p-color-border-focus);
+  border-radius: var(--p-border-radius-100);
+}
+.Polaris-SecondaryAction_1dl4i a:is(:hover, :focus), .Polaris-SecondaryAction_1dl4i button:is(:hover, :focus){
+      background-color:var(--p-color-bg-fill-tertiary-hover) !important;
+    }
+.Polaris-SecondaryAction_1dl4i a:active,
+    .Polaris-SecondaryAction_1dl4i button:active,
+    .Polaris-SecondaryAction_1dl4i a[aria-expanded='true'],
+    .Polaris-SecondaryAction_1dl4i button[aria-expanded='true']{
+      background-color:var(--p-color-bg-fill-tertiary-active) !important;
+      box-shadow:var(--p-shadow-inset-200) !important;
+    }
+.Polaris-SecondaryAction_1dl4i a:focus-visible, .Polaris-SecondaryAction_1dl4i button:focus-visible{
+      outline:var(--p-border-width-050) solid var(--p-color-border-focus);
+      outline-offset:var(--p-space-050);
+    }
+.Polaris-SecondaryAction_1dl4i a:focus-visible::after, .Polaris-SecondaryAction_1dl4i button:focus-visible::after{
+    content:none;
+  }
+.Polaris-SecondaryAction_1dl4i a[aria-disabled='true'], .Polaris-SecondaryAction_1dl4i button[aria-disabled='true']{
+      background-color:var(--p-color-bg-fill-disabled) !important;
+    }
+@media (min-width: 48em){
+  .Polaris-SecondaryAction_1dl4i a,
+  .Polaris-SecondaryAction_1dl4i button{
+      border:none !important;
+      position: relative;
+  }
+      .Polaris-SecondaryAction_1dl4i a::after, .Polaris-SecondaryAction_1dl4i button::after {
+    content: '';
+    position: absolute;
+    z-index: 1;
+    top: -0.0625rem;
+    right: -0.0625rem;
+    bottom: -0.0625rem;
+    left: -0.0625rem;
+    display: block;
+    pointer-events: none;
+    box-shadow: 0 0 0 -0.0625rem var(--p-color-border-focus);
+    border-radius: var(--p-border-radius-100);
+  }
+    }
+.Polaris-SecondaryAction_1dl4i.Polaris-SecondaryAction--critical_uivil a,
+    .Polaris-SecondaryAction_1dl4i.Polaris-SecondaryAction--critical_uivil button{
+      color:var(--p-color-text-critical) !important;
+    }
+.Polaris-SecondaryAction_1dl4i.Polaris-SecondaryAction--critical_uivil a svg, .Polaris-SecondaryAction_1dl4i.Polaris-SecondaryAction--critical_uivil button svg{
+        fill:var(--p-color-text-critical);
+      }
+.Polaris-SecondaryAction_1dl4i.Polaris-SecondaryAction--critical_uivil a:is(:hover, :focus), .Polaris-SecondaryAction_1dl4i.Polaris-SecondaryAction--critical_uivil button:is(:hover, :focus){
+        background-color:var(--p-color-bg-fill-tertiary-hover) !important;
+      }
+.Polaris-SecondaryAction_1dl4i.Polaris-SecondaryAction--critical_uivil a:active, .Polaris-SecondaryAction_1dl4i.Polaris-SecondaryAction--critical_uivil button:active{
+        background-color:var(--p-color-bg-fill-tertiary-active) !important;
+      }

package/build/esnext/components/AfterInitialMount/AfterInitialMount.esnext

@@ -0,0 +1,19 @@
+import React, { useEffect } from 'react';
+import { useIsAfterInitialMount } from '../../utilities/use-is-after-initial-mount.esnext';
+
+function AfterInitialMount({
+  children,
+  onMount,
+  fallback = null
+}) {
+  const isMounted = useIsAfterInitialMount();
+  const content = isMounted ? children : fallback;
+  useEffect(() => {
+    if (isMounted && onMount) {
+      onMount();
+    }
+  }, [isMounted, onMount]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, content);
+}
+
+export { AfterInitialMount };

package/build/esnext/components/AppProvider/AppProvider.esnext

@@ -0,0 +1,118 @@
+import React, { Component } from 'react';
+import { themeNames, createThemeClassName, themeNameDefault } from '@shopify/polaris-tokens';
+import { ThemeNameContext, ThemeContext, getTheme } from '../../utilities/use-theme.esnext';
+import './global.out.css';
+import { StickyManager } from '../../utilities/sticky-manager/sticky-manager.esnext';
+import { ScrollLockManager } from '../../utilities/scroll-lock-manager/scroll-lock-manager.esnext';
+import { I18n } from '../../utilities/i18n/I18n.esnext';
+import { FeaturesContext } from '../../utilities/features/context.esnext';
+import { I18nContext } from '../../utilities/i18n/context.esnext';
+import { ScrollLockManagerContext } from '../../utilities/scroll-lock-manager/context.esnext';
+import { StickyManagerContext } from '../../utilities/sticky-manager/context.esnext';
+import { LinkContext } from '../../utilities/link/context.esnext';
+import { MediaQueryProvider } from '../MediaQueryProvider/MediaQueryProvider.esnext';
+import { PortalsManager } from '../PortalsManager/PortalsManager.esnext';
+import { FocusManager } from '../FocusManager/FocusManager.esnext';
+import { EphemeralPresenceManager } from '../EphemeralPresenceManager/EphemeralPresenceManager.esnext';
+
+const MAX_SCROLLBAR_WIDTH = 20;
+const SCROLLBAR_TEST_ELEMENT_PARENT_SIZE = 30;
+const SCROLLBAR_TEST_ELEMENT_CHILD_SIZE = SCROLLBAR_TEST_ELEMENT_PARENT_SIZE + 10;
+function measureScrollbars() {
+  const parentEl = document.createElement('div');
+  parentEl.setAttribute('style', `position: absolute; opacity: 0; transform: translate3d(-9999px, -9999px, 0); pointer-events: none; width:${SCROLLBAR_TEST_ELEMENT_PARENT_SIZE}px; height:${SCROLLBAR_TEST_ELEMENT_PARENT_SIZE}px;`);
+  const child = document.createElement('div');
+  child.setAttribute('style', `width:100%; height: ${SCROLLBAR_TEST_ELEMENT_CHILD_SIZE}; overflow:scroll; scrollbar-width: thin;`);
+  parentEl.appendChild(child);
+  document.body.appendChild(parentEl);
+  const scrollbarWidth = SCROLLBAR_TEST_ELEMENT_PARENT_SIZE - (parentEl.firstElementChild?.clientWidth ?? 0);
+  const scrollbarWidthWithSafetyHatch = Math.min(scrollbarWidth, MAX_SCROLLBAR_WIDTH);
+  document.documentElement.style.setProperty('--pc-app-provider-scrollbar-width', `${scrollbarWidthWithSafetyHatch}px`);
+  document.body.removeChild(parentEl);
+}
+class AppProvider extends Component {
+  constructor(props) {
+    super(props);
+    this.stickyManager = new StickyManager();
+    this.scrollLockManager = new ScrollLockManager();
+    const {
+      i18n,
+      linkComponent
+    } = this.props;
+
+    // eslint-disable-next-line react/state-in-constructor
+    this.state = {
+      link: linkComponent,
+      intl: new I18n(i18n)
+    };
+  }
+  componentDidMount() {
+    if (document != null) {
+      this.stickyManager.setContainer(document);
+      this.setBodyStyles();
+      this.setRootAttributes();
+      const isSafari16 = navigator.userAgent.includes('Safari') && !navigator.userAgent.includes('Chrome') && (navigator.userAgent.includes('Version/16.1') || navigator.userAgent.includes('Version/16.2') || navigator.userAgent.includes('Version/16.3'));
+      const isMobileApp16 = navigator.userAgent.includes('Shopify Mobile/iOS') && (navigator.userAgent.includes('OS 16_1') || navigator.userAgent.includes('OS 16_2') || navigator.userAgent.includes('OS 16_3'));
+      if (isSafari16 || isMobileApp16) {
+        document.documentElement.classList.add('Polaris-Safari-16-Font-Optical-Sizing-Patch');
+      }
+    }
+    measureScrollbars();
+  }
+  componentDidUpdate({
+    i18n: prevI18n,
+    linkComponent: prevLinkComponent
+  }) {
+    const {
+      i18n,
+      linkComponent
+    } = this.props;
+    this.setRootAttributes();
+    if (i18n === prevI18n && linkComponent === prevLinkComponent) {
+      return;
+    }
+    this.setState({
+      link: linkComponent,
+      intl: new I18n(i18n)
+    });
+  }
+  setBodyStyles = () => {
+    document.body.style.backgroundColor = 'var(--p-color-bg)';
+    document.body.style.color = 'var(--p-color-text)';
+  };
+  setRootAttributes = () => {
+    const activeThemeName = this.getThemeName();
+    themeNames.forEach(themeName => {
+      document.documentElement.classList.toggle(createThemeClassName(themeName), themeName === activeThemeName);
+    });
+  };
+  getThemeName = () => this.props.theme ?? themeNameDefault;
+  render() {
+    const {
+      children,
+      features = {}
+    } = this.props;
+    const themeName = this.getThemeName();
+    const {
+      intl,
+      link
+    } = this.state;
+    return /*#__PURE__*/React.createElement(ThemeNameContext.Provider, {
+      value: themeName
+    }, /*#__PURE__*/React.createElement(ThemeContext.Provider, {
+      value: getTheme(themeName)
+    }, /*#__PURE__*/React.createElement(FeaturesContext.Provider, {
+      value: features
+    }, /*#__PURE__*/React.createElement(I18nContext.Provider, {
+      value: intl
+    }, /*#__PURE__*/React.createElement(ScrollLockManagerContext.Provider, {
+      value: this.scrollLockManager
+    }, /*#__PURE__*/React.createElement(StickyManagerContext.Provider, {
+      value: this.stickyManager
+    }, /*#__PURE__*/React.createElement(LinkContext.Provider, {
+      value: link
+    }, /*#__PURE__*/React.createElement(MediaQueryProvider, null, /*#__PURE__*/React.createElement(PortalsManager, null, /*#__PURE__*/React.createElement(FocusManager, null, /*#__PURE__*/React.createElement(EphemeralPresenceManager, null, children)))))))))));
+  }
+}
+
+export { AppProvider };

package/build/esnext/components/AppProvider/global.out.css

@@ -0,0 +1,158 @@
+@charset "UTF-8";
+
+:root,.p-theme-light{--p-border-radius-0:0rem;--p-border-radius-050:0.125rem;--p-border-radius-100:0.25rem;--p-border-radius-150:0.375rem;--p-border-radius-200:0.5rem;--p-border-radius-300:0.75rem;--p-border-radius-400:1rem;--p-border-radius-500:1.25rem;--p-border-radius-750:1.875rem;--p-border-radius-full:624.9375rem;--p-border-width-0:0rem;--p-border-width-0165:0.04125rem;--p-border-width-025:0.0625rem;--p-border-width-050:0.125rem;--p-border-width-100:0.25rem;--p-breakpoints-xs:0rem;--p-breakpoints-sm:30.625rem;--p-breakpoints-md:48rem;--p-breakpoints-lg:65rem;--p-breakpoints-xl:90rem;color-scheme:light;--p-color-bg:rgba(241, 241, 241, 1);--p-color-bg-inverse:rgba(26, 26, 26, 1);--p-color-bg-surface:rgba(255, 255, 255, 1);--p-color-bg-surface-hover:rgba(247, 247, 247, 1);--p-color-bg-surface-active:rgba(243, 243, 243, 1);--p-color-bg-surface-selected:rgba(241, 241, 241, 1);--p-color-bg-surface-disabled:rgba(0, 0, 0, 0.05);--p-color-bg-surface-secondary:rgba(247, 247, 247, 1);--p-color-bg-surface-secondary-hover:rgba(241, 241, 241, 1);--p-color-bg-surface-secondary-active:rgba(235, 235, 235, 1);--p-color-bg-surface-secondary-selected:rgba(235, 235, 235, 1);--p-color-bg-surface-tertiary:rgba(243, 243, 243, 1);--p-color-bg-surface-tertiary-hover:rgba(235, 235, 235, 1);--p-color-bg-surface-tertiary-active:rgba(227, 227, 227, 1);--p-color-bg-surface-brand:rgba(227, 227, 227, 1);--p-color-bg-surface-brand-hover:rgba(235, 235, 235, 1);--p-color-bg-surface-brand-active:rgba(241, 241, 241, 1);--p-color-bg-surface-brand-selected:rgba(241, 241, 241, 1);--p-color-bg-surface-info:rgba(234, 244, 255, 1);--p-color-bg-surface-info-hover:rgba(224, 240, 255, 1);--p-color-bg-surface-info-active:rgba(202, 230, 255, 1);--p-color-bg-surface-success:rgba(205, 254, 212, 1);--p-color-bg-surface-success-hover:rgba(175, 254, 191, 1);--p-color-bg-surface-success-active:rgba(146, 252, 172, 1);--p-color-bg-surface-caution:rgba(255, 248, 219, 1);--p-color-bg-surface-caution-hover:rgba(255, 244, 191, 1);--p-color-bg-surface-caution-active:rgba(255, 239, 157, 1);--p-color-bg-surface-warning:rgba(255, 241, 227, 1);--p-color-bg-surface-warning-hover:rgba(255, 235, 213, 1);--p-color-bg-surface-warning-active:rgba(255, 228, 198, 1);--p-color-bg-surface-critical:rgba(254, 232, 235, 1);--p-color-bg-surface-critical-hover:rgba(254, 225, 230, 1);--p-color-bg-surface-critical-active:rgba(254, 217, 223, 1);--p-color-bg-surface-emphasis:rgba(240, 242, 255, 1);--p-color-bg-surface-emphasis-hover:rgba(234, 237, 255, 1);--p-color-bg-surface-emphasis-active:rgba(226, 231, 255, 1);--p-color-bg-surface-magic:rgba(248, 247, 255, 1);--p-color-bg-surface-magic-hover:rgba(243, 241, 255, 1);--p-color-bg-surface-magic-active:rgba(233, 229, 255, 1);--p-color-bg-surface-inverse:rgba(48, 48, 48, 1);--p-color-bg-surface-transparent:rgba(0, 0, 0, 0);--p-color-bg-fill:rgba(255, 255, 255, 1);--p-color-bg-fill-hover:rgba(250, 250, 250, 1);--p-color-bg-fill-active:rgba(247, 247, 247, 1);--p-color-bg-fill-selected:rgba(204, 204, 204, 1);--p-color-bg-fill-disabled:rgba(0, 0, 0, 0.05);--p-color-bg-fill-secondary:rgba(241, 241, 241, 1);--p-color-bg-fill-secondary-hover:rgba(235, 235, 235, 1);--p-color-bg-fill-secondary-active:rgba(227, 227, 227, 1);--p-color-bg-fill-secondary-selected:rgba(227, 227, 227, 1);--p-color-bg-fill-tertiary:rgba(227, 227, 227, 1);--p-color-bg-fill-tertiary-hover:rgba(212, 212, 212, 1);--p-color-bg-fill-tertiary-active:rgba(204, 204, 204, 1);--p-color-bg-fill-brand:rgba(48, 48, 48, 1);--p-color-bg-fill-brand-hover:rgba(26, 26, 26, 1);--p-color-bg-fill-brand-active:rgba(26, 26, 26, 1);--p-color-bg-fill-brand-selected:rgba(48, 48, 48, 1);--p-color-bg-fill-brand-disabled:rgba(0, 0, 0, 0.17);--p-color-bg-fill-info:rgba(145, 208, 255, 1);--p-color-bg-fill-info-hover:rgba(81, 192, 255, 1);--p-color-bg-fill-info-active:rgba(0, 148, 213, 1);--p-color-bg-fill-info-secondary:rgba(213, 235, 255, 1);--p-color-bg-fill-success:rgba(4, 123, 93, 1);--p-color-bg-fill-success-hover:rgba(3, 94, 76, 1);--p-color-bg-fill-success-active:rgba(1, 75, 64, 1);--p-color-bg-fill-success-secondary:rgba(175, 254, 191, 1);--p-color-bg-fill-warning:rgba(255, 184, 0, 1);--p-color-bg-fill-warning-hover:rgba(229, 165, 0, 1);--p-color-bg-fill-warning-active:rgba(178, 132, 0, 1);--p-color-bg-fill-warning-secondary:rgba(255, 214, 164, 1);--p-color-bg-fill-caution:rgba(255, 230, 0, 1);--p-color-bg-fill-caution-hover:rgba(234, 211, 0, 1);--p-color-bg-fill-caution-active:rgba(225, 203, 0, 1);--p-color-bg-fill-caution-secondary:rgba(255, 235, 120, 1);--p-color-bg-fill-critical:rgba(199, 10, 36, 1);--p-color-bg-fill-critical-hover:rgba(163, 10, 36, 1);--p-color-bg-fill-critical-active:rgba(142, 11, 33, 1);--p-color-bg-fill-critical-selected:rgba(142, 11, 33, 1);--p-color-bg-fill-critical-secondary:rgba(254, 209, 215, 1);--p-color-bg-fill-emphasis:rgba(0, 91, 211, 1);--p-color-bg-fill-emphasis-hover:rgba(0, 66, 153, 1);--p-color-bg-fill-emphasis-active:rgba(0, 46, 106, 1);--p-color-bg-fill-magic:rgba(128, 81, 255, 1);--p-color-bg-fill-magic-secondary:rgba(233, 229, 255, 1);--p-color-bg-fill-magic-secondary-hover:rgba(228, 222, 255, 1);--p-color-bg-fill-magic-secondary-active:rgba(223, 217, 255, 1);--p-color-bg-fill-inverse:rgba(48, 48, 48, 1);--p-color-bg-fill-inverse-hover:rgba(74, 74, 74, 1);--p-color-bg-fill-inverse-active:rgba(97, 97, 97, 1);--p-color-bg-fill-transparent:rgba(0, 0, 0, 0.02);--p-color-bg-fill-transparent-hover:rgba(0, 0, 0, 0.05);--p-color-bg-fill-transparent-active:rgba(0, 0, 0, 0.08);--p-color-bg-fill-transparent-selected:rgba(0, 0, 0, 0.08);--p-color-bg-fill-transparent-secondary:rgba(0, 0, 0, 0.06);--p-color-bg-fill-transparent-secondary-hover:rgba(0, 0, 0, 0.08);--p-color-bg-fill-transparent-secondary-active:rgba(0, 0, 0, 0.11);--p-color-text:rgba(48, 48, 48, 1);--p-color-text-secondary:rgba(97, 97, 97, 1);--p-color-text-disabled:rgba(181, 181, 181, 1);--p-color-text-link:rgba(0, 91, 211, 1);--p-color-text-link-hover:rgba(0, 66, 153, 1);--p-color-text-link-active:rgba(0, 46, 106, 1);--p-color-text-brand:rgba(74, 74, 74, 1);--p-color-text-brand-hover:rgba(48, 48, 48, 1);--p-color-text-brand-on-bg-fill:rgba(255, 255, 255, 1);--p-color-text-brand-on-bg-fill-hover:rgba(227, 227, 227, 1);--p-color-text-brand-on-bg-fill-active:rgba(204, 204, 204, 1);--p-color-text-brand-on-bg-fill-disabled:rgba(255, 255, 255, 1);--p-color-text-info:rgba(0, 58, 90, 1);--p-color-text-info-hover:rgba(0, 58, 90, 1);--p-color-text-info-active:rgba(0, 33, 51, 1);--p-color-text-info-secondary:rgba(0, 124, 180, 1);--p-color-text-info-on-bg-fill:rgba(0, 33, 51, 1);--p-color-text-success:rgba(1, 75, 64, 1);--p-color-text-success-hover:rgba(7, 54, 48, 1);--p-color-text-success-active:rgba(2, 38, 34, 1);--p-color-text-success-secondary:rgba(4, 123, 93, 1);--p-color-text-success-on-bg-fill:rgba(250, 255, 251, 1);--p-color-text-caution:rgba(79, 71, 0, 1);--p-color-text-caution-hover:rgba(51, 46, 0, 1);--p-color-text-caution-active:rgba(31, 28, 0, 1);--p-color-text-caution-secondary:rgba(130, 117, 0, 1);--p-color-text-caution-on-bg-fill:rgba(51, 46, 0, 1);--p-color-text-warning:rgba(94, 66, 0, 1);--p-color-text-warning-hover:rgba(65, 45, 0, 1);--p-color-text-warning-active:rgba(37, 26, 0, 1);--p-color-text-warning-secondary:rgba(149, 111, 0, 1);--p-color-text-warning-on-bg-fill:rgba(37, 26, 0, 1);--p-color-text-critical:rgba(142, 11, 33, 1);--p-color-text-critical-hover:rgba(95, 7, 22, 1);--p-color-text-critical-active:rgba(47, 4, 11, 1);--p-color-text-critical-secondary:rgba(199, 10, 36, 1);--p-color-text-critical-on-bg-fill:rgba(255, 250, 251, 1);--p-color-text-emphasis:rgba(0, 91, 211, 1);--p-color-text-emphasis-hover:rgba(0, 66, 153, 1);--p-color-text-emphasis-active:rgba(0, 46, 106, 1);--p-color-text-emphasis-on-bg-fill:rgba(252, 253, 255, 1);--p-color-text-emphasis-on-bg-fill-hover:rgba(226, 231, 255, 1);--p-color-text-emphasis-on-bg-fill-active:rgba(213, 220, 255, 1);--p-color-text-magic:rgba(87, 0, 209, 1);--p-color-text-magic-secondary:rgba(113, 38, 255, 1);--p-color-text-magic-on-bg-fill:rgba(253, 253, 255, 1);--p-color-text-inverse:rgba(227, 227, 227, 1);--p-color-text-inverse-secondary:rgba(181, 181, 181, 1);--p-color-text-link-inverse:rgba(197, 208, 255, 1);--p-color-border:rgba(227, 227, 227, 1);--p-color-border-hover:rgba(204, 204, 204, 1);--p-color-border-disabled:rgba(235, 235, 235, 1);--p-color-border-secondary:rgba(235, 235, 235, 1);--p-color-border-tertiary:rgba(204, 204, 204, 1);--p-color-border-focus:rgba(0, 91, 211, 1);--p-color-border-brand:rgba(227, 227, 227, 1);--p-color-border-info:rgba(168, 216, 255, 1);--p-color-border-success:rgba(146, 252, 172, 1);--p-color-border-caution:rgba(255, 235, 120, 1);--p-color-border-warning:rgba(255, 200, 121, 1);--p-color-border-critical:rgba(254, 193, 199, 1);--p-color-border-critical-secondary:rgba(142, 11, 33, 1);--p-color-border-emphasis:rgba(0, 91, 211, 1);--p-color-border-emphasis-hover:rgba(0, 66, 153, 1);--p-color-border-emphasis-active:rgba(0, 46, 106, 1);--p-color-border-magic:rgba(228, 222, 255, 1);--p-color-border-magic-secondary:rgba(148, 116, 255, 1);--p-color-border-magic-secondary-hover:rgba(128, 81, 255, 1);--p-color-border-inverse:rgba(97, 97, 97, 1);--p-color-border-inverse-hover:rgba(204, 204, 204, 1);--p-color-border-inverse-active:rgba(227, 227, 227, 1);--p-color-tooltip-tail-down-border:rgba(212, 212, 212, 1);--p-color-tooltip-tail-up-border:rgba(227, 227, 227, 1);--p-color-icon:rgba(74, 74, 74, 1);--p-color-icon-hover:rgba(48, 48, 48, 1);--p-color-icon-active:rgba(26, 26, 26, 1);--p-color-icon-disabled:rgba(204, 204, 204, 1);--p-color-icon-secondary:rgba(138, 138, 138, 1);--p-color-icon-secondary-hover:rgba(97, 97, 97, 1);--p-color-icon-secondary-active:rgba(74, 74, 74, 1);--p-color-icon-brand:rgba(26, 26, 26, 1);--p-color-icon-info:rgba(0, 148, 213, 1);--p-color-icon-success:rgba(4, 123, 93, 1);--p-color-icon-caution:rgba(153, 138, 0, 1);--p-color-icon-warning:rgba(178, 132, 0, 1);--p-color-icon-critical:rgba(226, 44, 56, 1);--p-color-icon-emphasis:rgba(0, 91, 211, 1);--p-color-icon-emphasis-hover:rgba(0, 66, 153, 1);--p-color-icon-emphasis-active:rgba(0, 46, 106, 1);--p-color-icon-magic:rgba(128, 81, 255, 1);--p-color-icon-inverse:rgba(227, 227, 227, 1);--p-color-avatar-bg-fill:rgba(181, 181, 181, 1);--p-color-avatar-five-bg-fill:rgba(253, 75, 146, 1);--p-color-avatar-five-text-on-bg-fill:rgba(255, 246, 248, 1);--p-color-avatar-four-bg-fill:rgba(81, 192, 255, 1);--p-color-avatar-four-text-on-bg-fill:rgba(0, 33, 51, 1);--p-color-avatar-one-bg-fill:rgba(197, 48, 197, 1);--p-color-avatar-one-text-on-bg-fill:rgba(253, 239, 253, 1);--p-color-avatar-seven-bg-fill:rgba(148, 116, 255, 1);--p-color-avatar-seven-text-on-bg-fill:rgba(248, 247, 255, 1);--p-color-avatar-six-bg-fill:rgba(37, 232, 43, 1);--p-color-avatar-six-text-on-bg-fill:rgba(3, 61, 5, 1);--p-color-avatar-text-on-bg-fill:rgba(255, 255, 255, 1);--p-color-avatar-three-bg-fill:rgba(44, 224, 212, 1);--p-color-avatar-three-text-on-bg-fill:rgba(3, 60, 57, 1);--p-color-avatar-two-bg-fill:rgba(82, 244, 144, 1);--p-color-avatar-two-text-on-bg-fill:rgba(1, 75, 64, 1);--p-color-backdrop-bg:rgba(0, 0, 0, 0.71);--p-color-button-gradient-bg-fill:linear-gradient(180deg, rgba(48, 48, 48, 0) 63.53%, rgba(255, 255, 255, 0.15) 100%);--p-color-checkbox-bg-surface-disabled:rgba(0, 0, 0, 0.08);--p-color-checkbox-icon-disabled:rgba(255, 255, 255, 1);--p-color-input-bg-surface:rgba(253, 253, 253, 1);--p-color-input-bg-surface-hover:rgba(250, 250, 250, 1);--p-color-input-bg-surface-active:rgba(247, 247, 247, 1);--p-color-input-border:rgba(138, 138, 138, 1);--p-color-input-border-hover:rgba(97, 97, 97, 1);--p-color-input-border-active:rgba(26, 26, 26, 1);--p-color-nav-bg:rgba(235, 235, 235, 1);--p-color-nav-bg-surface:rgba(0, 0, 0, 0.02);--p-color-nav-bg-surface-hover:rgba(241, 241, 241, 1);--p-color-nav-bg-surface-active:rgba(250, 250, 250, 1);--p-color-nav-bg-surface-selected:rgba(250, 250, 250, 1);--p-color-radio-button-bg-surface-disabled:rgba(0, 0, 0, 0.08);--p-color-radio-button-icon-disabled:rgba(255, 255, 255, 1);--p-color-video-thumbnail-play-button-bg-fill-hover:rgba(0, 0, 0, 0.81);--p-color-video-thumbnail-play-button-bg-fill:rgba(0, 0, 0, 0.71);--p-color-video-thumbnail-play-button-text-on-bg-fill:rgba(255, 255, 255, 1);--p-color-scrollbar-thumb-bg-hover:rgba(138, 138, 138, 1);--p-color-scrollbar-thumb-bg:rgba(181, 181, 181, 1);--p-font-family-sans:'Inter', -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;--p-font-family-mono:ui-monospace, SFMono-Regular, 'SF Mono', Consolas, 'Liberation Mono', Menlo, monospace;--p-font-size-275:0.6875rem;--p-font-size-300:0.75rem;--p-font-size-325:0.8125rem;--p-font-size-350:0.875rem;--p-font-size-400:1rem;--p-font-size-450:1.125rem;--p-font-size-500:1.25rem;--p-font-size-550:1.375rem;--p-font-size-600:1.5rem;--p-font-size-750:1.875rem;--p-font-size-800:2rem;--p-font-size-900:2.25rem;--p-font-size-1000:2.5rem;--p-font-weight-regular:450;--p-font-weight-medium:550;--p-font-weight-semibold:650;--p-font-weight-bold:700;--p-font-letter-spacing-densest:-0.03375rem;--p-font-letter-spacing-denser:-0.01875rem;--p-font-letter-spacing-dense:-0.0125rem;--p-font-letter-spacing-normal:0rem;--p-font-line-height-300:0.75rem;--p-font-line-height-400:1rem;--p-font-line-height-500:1.25rem;--p-font-line-height-600:1.5rem;--p-font-line-height-700:1.75rem;--p-font-line-height-800:2rem;--p-font-line-height-1000:2.5rem;--p-font-line-height-1200:3rem;--p-height-0:0rem;--p-height-025:0.0625rem;--p-height-050:0.125rem;--p-height-100:0.25rem;--p-height-150:0.375rem;--p-height-200:0.5rem;--p-height-300:0.75rem;--p-height-400:1rem;--p-height-500:1.25rem;--p-height-600:1.5rem;--p-height-700:1.75rem;--p-height-800:2rem;--p-height-900:2.25rem;--p-height-1000:2.5rem;--p-height-1200:3rem;--p-height-1600:4rem;--p-height-2000:5rem;--p-height-2400:6rem;--p-height-2800:7rem;--p-height-3200:8rem;--p-motion-duration-0:0ms;--p-motion-duration-50:50ms;--p-motion-duration-100:100ms;--p-motion-duration-150:150ms;--p-motion-duration-200:200ms;--p-motion-duration-250:250ms;--p-motion-duration-300:300ms;--p-motion-duration-350:350ms;--p-motion-duration-400:400ms;--p-motion-duration-450:450ms;--p-motion-duration-500:500ms;--p-motion-duration-5000:5000ms;--p-motion-ease:cubic-bezier(0.25, 0.1, 0.25, 1);--p-motion-ease-in:cubic-bezier(0.42, 0, 1, 1);--p-motion-ease-out:cubic-bezier(0.19, 0.91, 0.38, 1);--p-motion-ease-in-out:cubic-bezier(0.42, 0, 0.58, 1);--p-motion-linear:cubic-bezier(0, 0, 1, 1);--p-motion-keyframes-bounce:p-motion-keyframes-bounce;--p-motion-keyframes-fade-in:p-motion-keyframes-fade-in;--p-motion-keyframes-pulse:p-motion-keyframes-pulse;--p-motion-keyframes-spin:p-motion-keyframes-spin;--p-motion-keyframes-appear-above:p-motion-keyframes-appear-above;--p-motion-keyframes-appear-below:p-motion-keyframes-appear-below;--p-shadow-0:none;--p-shadow-100:0rem 0.0625rem 0rem 0rem rgba(26, 26, 26, 0.07);--p-shadow-200:0rem 0.1875rem 0.0625rem -0.0625rem rgba(26, 26, 26, 0.07);--p-shadow-300:0rem 0.25rem 0.375rem -0.125rem rgba(26, 26, 26, 0.20);--p-shadow-400:0rem 0.5rem 1rem -0.25rem rgba(26, 26, 26, 0.22);--p-shadow-500:0rem 0.75rem 1.25rem -0.5rem rgba(26, 26, 26, 0.24);--p-shadow-600:0rem 1.25rem 1.25rem -0.5rem rgba(26, 26, 26, 0.28);--p-shadow-bevel-100:0.0625rem 0rem 0rem 0rem rgba(0, 0, 0, 0.13) inset, -0.0625rem 0rem 0rem 0rem rgba(0, 0, 0, 0.13) inset, 0rem -0.0625rem 0rem 0rem rgba(0, 0, 0, 0.17) inset, 0rem 0.0625rem 0rem 0rem rgba(204, 204, 204, 0.5) inset;--p-shadow-inset-100:0rem 0.0625rem 0.125rem 0rem rgba(26, 26, 26, 0.15) inset, 0rem 0.0625rem 0.0625rem 0rem rgba(26, 26, 26, 0.15) inset;--p-shadow-inset-200:0rem 0.125rem 0.0625rem 0rem rgba(26, 26, 26, 0.20) inset, 0.0625rem 0rem 0.0625rem 0rem rgba(26, 26, 26, 0.12) inset, -0.0625rem 0rem 0.0625rem 0rem rgba(26, 26, 26, 0.12) inset;--p-shadow-button:0rem -0.0625rem 0rem 0rem #b5b5b5 inset, 0rem 0rem 0rem 0.0625rem rgba(0, 0, 0, 0.1) inset, 0rem 0.03125rem 0rem 0.09375rem #FFF inset;--p-shadow-button-hover:0rem 0.0625rem 0rem 0rem #EBEBEB inset, -0.0625rem 0rem 0rem 0rem #EBEBEB inset, 0.0625rem 0rem 0rem 0rem #EBEBEB inset, 0rem -0.0625rem 0rem 0rem #CCC inset;--p-shadow-button-inset:-0.0625rem 0rem 0.0625rem 0rem rgba(26, 26, 26, 0.122) inset, 0.0625rem 0rem 0.0625rem 0rem rgba(26, 26, 26, 0.122) inset, 0rem 0.125rem 0.0625rem 0rem rgba(26, 26, 26, 0.2) inset;--p-shadow-button-primary:0rem -0.0625rem 0rem 0.0625rem rgba(0, 0, 0, 0.8) inset, 0rem 0rem 0rem 0.0625rem rgba(48, 48, 48, 1) inset, 0rem 0.03125rem 0rem 0.09375rem rgba(255, 255, 255, 0.25) inset;--p-shadow-button-primary-hover:0rem 0.0625rem 0rem 0rem rgba(255, 255, 255, 0.24) inset, 0.0625rem 0rem 0rem 0rem rgba(255, 255, 255, 0.20) inset, -0.0625rem 0rem 0rem 0rem rgba(255, 255, 255, 0.20) inset, 0rem -0.0625rem 0rem 0rem #000 inset, 0rem -0.0625rem 0rem 0.0625rem #1A1A1A;--p-shadow-button-primary-inset:0rem 0.1875rem 0rem 0rem rgb(0, 0, 0) inset;--p-shadow-button-primary-critical:0rem -0.0625rem 0rem 0.0625rem rgba(142, 31, 11, 0.8) inset, 0rem 0rem 0rem 0.0625rem rgba(181, 38, 11, 0.8) inset, 0rem 0.03125rem 0rem 0.09375rem rgba(255, 255, 255, 0.349) inset;--p-shadow-button-primary-critical-hover:0rem 0.0625rem 0rem 0rem rgba(255, 255, 255, 0.48) inset, 0.0625rem 0rem 0rem 0rem rgba(255, 255, 255, 0.20) inset, -0.0625rem 0rem 0rem 0rem rgba(255, 255, 255, 0.20) inset, 0rem -0.09375rem 0rem 0rem rgba(0, 0, 0, 0.25) inset;--p-shadow-button-primary-critical-inset:-0.0625rem 0rem 0.0625rem 0rem rgba(0, 0, 0, 0.2) inset, 0.0625rem 0rem 0.0625rem 0rem rgba(0, 0, 0, 0.2) inset, 0rem 0.125rem 0rem 0rem rgba(0, 0, 0, 0.6) inset;--p-shadow-button-primary-success:0rem -0.0625rem 0rem 0.0625rem rgba(12, 81, 50, 0.8) inset, 0rem 0rem 0rem 0.0625rem rgba(19, 111, 69, 0.8) inset, 0rem 0.03125rem 0rem 0.09375rem rgba(255, 255, 255, 0.251) inset;--p-shadow-button-primary-success-hover:0rem 0.0625rem 0rem 0rem rgba(255, 255, 255, 0.48) inset, 0.0625rem 0rem 0rem 0rem rgba(255, 255, 255, 0.20) inset, -0.0625rem 0rem 0rem 0rem rgba(255, 255, 255, 0.20) inset, 0rem -0.09375rem 0rem 0rem rgba(0, 0, 0, 0.25) inset;--p-shadow-button-primary-success-inset:-0.0625rem 0rem 0.0625rem 0rem rgba(0, 0, 0, 0.2) inset, 0.0625rem 0rem 0.0625rem 0rem rgba(0, 0, 0, 0.2) inset, 0rem 0.125rem 0rem 0rem rgba(0, 0, 0, 0.6) inset;--p-shadow-border-inset:0rem 0rem 0rem 0.0625rem rgba(0, 0, 0, 0.08) inset;--p-space-0:0rem;--p-space-025:0.0625rem;--p-space-050:0.125rem;--p-space-100:0.25rem;--p-space-150:0.375rem;--p-space-200:0.5rem;--p-space-300:0.75rem;--p-space-400:1rem;--p-space-500:1.25rem;--p-space-600:1.5rem;--p-space-800:2rem;--p-space-1000:2.5rem;--p-space-1200:3rem;--p-space-1600:4rem;--p-space-2000:5rem;--p-space-2400:6rem;--p-space-2800:7rem;--p-space-3200:8rem;--p-space-button-group-gap:var(--p-space-200);--p-space-card-gap:var(--p-space-400);--p-space-card-padding:var(--p-space-400);--p-space-table-cell-padding:var(--p-space-150);--p-text-heading-3xl-font-family:var(--p-font-family-sans);--p-text-heading-3xl-font-size:var(--p-font-size-900);--p-text-heading-3xl-font-weight:var(--p-font-weight-bold);--p-text-heading-3xl-font-letter-spacing:var(--p-font-letter-spacing-densest);--p-text-heading-3xl-font-line-height:var(--p-font-line-height-1200);--p-text-heading-2xl-font-family:var(--p-font-family-sans);--p-text-heading-2xl-font-size:var(--p-font-size-750);--p-text-heading-2xl-font-weight:var(--p-font-weight-bold);--p-text-heading-2xl-font-letter-spacing:var(--p-font-letter-spacing-denser);--p-text-heading-2xl-font-line-height:var(--p-font-line-height-1000);--p-text-heading-xl-font-family:var(--p-font-family-sans);--p-text-heading-xl-font-size:var(--p-font-size-600);--p-text-heading-xl-font-weight:var(--p-font-weight-bold);--p-text-heading-xl-font-letter-spacing:var(--p-font-letter-spacing-dense);--p-text-heading-xl-font-line-height:var(--p-font-line-height-800);--p-text-heading-lg-font-family:var(--p-font-family-sans);--p-text-heading-lg-font-size:var(--p-font-size-500);--p-text-heading-lg-font-weight:var(--p-font-weight-semibold);--p-text-heading-lg-font-letter-spacing:var(--p-font-letter-spacing-dense);--p-text-heading-lg-font-line-height:var(--p-font-line-height-600);--p-text-heading-md-font-family:var(--p-font-family-sans);--p-text-heading-md-font-size:var(--p-font-size-350);--p-text-heading-md-font-weight:var(--p-font-weight-semibold);--p-text-heading-md-font-letter-spacing:var(--p-font-letter-spacing-normal);--p-text-heading-md-font-line-height:var(--p-font-line-height-500);--p-text-heading-sm-font-family:var(--p-font-family-sans);--p-text-heading-sm-font-size:var(--p-font-size-325);--p-text-heading-sm-font-weight:var(--p-font-weight-semibold);--p-text-heading-sm-font-letter-spacing:var(--p-font-letter-spacing-normal);--p-text-heading-sm-font-line-height:var(--p-font-line-height-500);--p-text-heading-xs-font-family:var(--p-font-family-sans);--p-text-heading-xs-font-size:var(--p-font-size-300);--p-text-heading-xs-font-weight:var(--p-font-weight-semibold);--p-text-heading-xs-font-letter-spacing:var(--p-font-letter-spacing-normal);--p-text-heading-xs-font-line-height:var(--p-font-line-height-400);--p-text-body-lg-font-family:var(--p-font-family-sans);--p-text-body-lg-font-size:var(--p-font-size-350);--p-text-body-lg-font-weight:var(--p-font-weight-regular);--p-text-body-lg-font-letter-spacing:var(--p-font-letter-spacing-normal);--p-text-body-lg-font-line-height:var(--p-font-line-height-500);--p-text-body-md-font-family:var(--p-font-family-sans);--p-text-body-md-font-size:var(--p-font-size-325);--p-text-body-md-font-weight:var(--p-font-weight-regular);--p-text-body-md-font-letter-spacing:var(--p-font-letter-spacing-normal);--p-text-body-md-font-line-height:var(--p-font-line-height-500);--p-text-body-sm-font-family:var(--p-font-family-sans);--p-text-body-sm-font-size:var(--p-font-size-300);--p-text-body-sm-font-weight:var(--p-font-weight-regular);--p-text-body-sm-font-letter-spacing:var(--p-font-letter-spacing-normal);--p-text-body-sm-font-line-height:var(--p-font-line-height-400);--p-text-body-xs-font-family:var(--p-font-family-sans);--p-text-body-xs-font-size:var(--p-font-size-275);--p-text-body-xs-font-weight:var(--p-font-weight-regular);--p-text-body-xs-font-letter-spacing:var(--p-font-letter-spacing-normal);--p-text-body-xs-font-line-height:var(--p-font-line-height-300);--p-width-0:0rem;--p-width-025:0.0625rem;--p-width-050:0.125rem;--p-width-100:0.25rem;--p-width-150:0.375rem;--p-width-200:0.5rem;--p-width-300:0.75rem;--p-width-400:1rem;--p-width-500:1.25rem;--p-width-600:1.5rem;--p-width-700:1.75rem;--p-width-800:2rem;--p-width-900:2.25rem;--p-width-1000:2.5rem;--p-width-1200:3rem;--p-width-1600:4rem;--p-width-2000:5rem;--p-width-2400:6rem;--p-width-2800:7rem;--p-width-3200:8rem;--p-z-index-0:auto;--p-z-index-1:100;--p-z-index-2:400;--p-z-index-3:510;--p-z-index-4:512;--p-z-index-5:513;--p-z-index-6:514;--p-z-index-7:515;--p-z-index-8:516;--p-z-index-9:517;--p-z-index-10:518;--p-z-index-11:519;--p-z-index-12:520;}
+
+.p-theme-light-mobile{--p-color-button-gradient-bg-fill:none;--p-shadow-100:none;--p-shadow-bevel-100:none;--p-shadow-button:0 0 0 var(--p-border-width-025) var(--p-color-border) inset;--p-shadow-button-hover:0 0 0 var(--p-border-width-025) var(--p-color-border) inset;--p-shadow-button-inset:0 0 0 var(--p-border-width-025) var(--p-color-border) inset;--p-shadow-button-primary:none;--p-shadow-button-primary-hover:none;--p-shadow-button-primary-inset:none;--p-shadow-button-primary-critical:none;--p-shadow-button-primary-critical-hover:none;--p-shadow-button-primary-critical-inset:none;--p-shadow-button-primary-success:none;--p-shadow-button-primary-success-hover:none;--p-shadow-button-primary-success-inset:none;--p-space-card-gap:var(--p-space-200);--p-text-heading-2xl-font-size:var(--p-font-size-800);--p-text-heading-xl-font-size:var(--p-font-size-550);--p-text-heading-xl-font-line-height:var(--p-font-line-height-700);--p-text-heading-lg-font-size:var(--p-font-size-450);--p-text-heading-md-font-size:var(--p-font-size-400);--p-text-heading-sm-font-size:var(--p-font-size-350);--p-text-body-lg-font-size:var(--p-font-size-450);--p-text-body-lg-font-line-height:var(--p-font-line-height-700);--p-text-body-md-font-size:var(--p-font-size-400);--p-text-body-md-font-line-height:var(--p-font-line-height-600);--p-text-body-sm-font-size:var(--p-font-size-350);--p-text-body-sm-font-line-height:var(--p-font-line-height-500);--p-text-body-xs-font-size:var(--p-font-size-300);--p-text-body-xs-font-line-height:var(--p-font-line-height-400);}
+
+.p-theme-light-high-contrast-experimental{--p-color-text:rgba(26, 26, 26, 1);--p-color-text-secondary:rgba(26, 26, 26, 1);--p-color-text-brand:rgba(26, 26, 26, 1);--p-color-icon-secondary:rgba(74, 74, 74, 1);--p-color-border:rgba(138, 138, 138, 1);--p-color-input-border:rgba(74, 74, 74, 1);--p-color-border-secondary:rgba(138, 138, 138, 1);--p-color-bg-surface-secondary:rgba(241, 241, 241, 1);--p-shadow-bevel-100:0rem 0.0625rem 0rem 0rem rgba(26, 26, 26, 0.07), 0rem 0.0625rem 0rem 0rem rgba(208, 208, 208, 0.40) inset, 0.0625rem 0rem 0rem 0rem #CCC inset, -0.0625rem 0rem 0rem 0rem #CCC inset, 0rem -0.0625rem 0rem 0rem #999 inset;}
+
+.p-theme-dark-experimental{color-scheme:dark;--p-color-bg:rgba(26, 26, 26, 1);--p-color-bg-surface:rgba(48, 48, 48, 1);--p-color-bg-fill:rgba(48, 48, 48, 1);--p-color-icon:rgba(227, 227, 227, 1);--p-color-icon-secondary:rgba(181, 181, 181, 1);--p-color-icon-disabled:rgba(74, 74, 74, 1);--p-color-text:rgba(227, 227, 227, 1);--p-color-text-secondary:rgba(181, 181, 181, 1);--p-color-text-disabled:rgba(74, 74, 74, 1);--p-color-bg-surface-secondary-active:rgba(255, 255, 255, 0.14);--p-color-bg-surface-secondary-hover:rgba(255, 255, 255, 0.06);--p-color-bg-fill-transparent:rgba(255, 255, 255, 0.11);--p-color-bg-fill-brand:rgba(255, 255, 255, 1);--p-color-text-brand-on-bg-fill:rgba(48, 48, 48, 1);--p-color-bg-surface-hover:rgba(74, 74, 74, 1);--p-color-bg-fill-hover:rgba(255, 255, 255, 0.05);--p-color-bg-fill-transparent-hover:rgba(255, 255, 255, 0.14);--p-color-bg-fill-brand-hover:rgba(243, 243, 243, 1);--p-color-bg-surface-selected:rgba(97, 97, 97, 1);--p-color-bg-fill-selected:rgba(97, 97, 97, 1);--p-color-bg-fill-transparent-selected:rgba(255, 255, 255, 0.22);--p-color-bg-fill-brand-selected:rgba(212, 212, 212, 1);--p-color-bg-surface-active:rgba(97, 97, 97, 1);--p-color-bg-fill-active:rgba(97, 97, 97, 1);--p-color-bg-fill-transparent-active:rgba(255, 255, 255, 0.17);--p-color-bg-fill-brand-active:rgba(247, 247, 247, 1);--p-color-bg-fill-secondary:rgba(255, 255, 255, 0.08);--p-color-bg-fill-secondary-hover:rgba(255, 255, 255, 0.11);--p-color-bg-fill-secondary-selected:rgba(255, 255, 255, 0.17);--p-color-bg-surface-brand-selected:rgba(74, 74, 74, 1);--p-color-border-secondary:rgba(74, 74, 74, 1);--p-color-bg-surface-tertiary:rgba(255, 255, 255, 0.08);--p-color-icon-brand:rgba(74, 74, 74, 1);--p-color-bg-fill-disabled:rgba(255, 255, 255, 0.05);--p-color-text-brand-on-bg-fill-disabled:rgba(138, 138, 138, 1);--p-color-bg-fill-brand-disabled:rgba(255, 255, 255, 0.22);--p-color-bg-fill-tertiary:rgba(48, 48, 48, 1);--p-color-tooltip-tail-down-border:rgba(60, 60, 60, 1);--p-color-tooltip-tail-up-border:rgba(71, 71, 71, 1);--p-shadow-bevel-100:0.0625rem 0rem 0rem 0rem rgba(204, 204, 204, 0.08) inset, -0.0625rem 0rem 0rem 0rem rgba(204, 204, 204, 0.08) inset, 0rem -0.0625rem 0rem 0rem rgba(204, 204, 204, 0.08) inset, 0rem 0.0625rem 0rem 0rem rgba(204, 204, 204, 0.16) inset;}
+
+@keyframes p-motion-keyframes-bounce{ from, 65%, 85%{ transform:scale(1) } 75%{ transform:scale(0.85) } 82.5%{ transform:scale(1.05) } }
+
+@keyframes p-motion-keyframes-fade-in{ to{ opacity:1 } }
+
+@keyframes p-motion-keyframes-pulse{ from, 75%{ transform:scale(0.85); opacity:1; } to{ transform:scale(2.5); opacity:0; } }
+
+@keyframes p-motion-keyframes-spin{ to{ transform:rotate(1turn) } }
+
+@keyframes p-motion-keyframes-appear-above{ from{ transform:translateY(var(--p-space-100)); opacity:0; } to{ transform:none; opacity:1; } }
+
+@keyframes p-motion-keyframes-appear-below{ from{ transform:translateY(calc(var(--p-space-100)*-1)); opacity:0; } to{ transform:none; opacity:1; } }
+
+:root{
+  --polaris-version-number:'13.10.2';
+
+  --pg-navigation-width:15rem;
+  --pg-dangerous-magic-space-4:1rem;
+  --pg-dangerous-magic-space-5:1.25rem;
+  --pg-dangerous-magic-space-8:2rem;
+
+  --pg-layout-width-primary-min:30rem;
+  --pg-layout-width-primary-max:41.375rem;
+  --pg-layout-width-secondary-min:15rem;
+  --pg-layout-width-secondary-max:20rem;
+  --pg-layout-width-one-half-width-base:28.125rem;
+  --pg-layout-width-one-third-width-base:15rem;
+  --pg-layout-width-nav-base:var(--pg-navigation-width);
+  --pg-layout-width-page-content-partially-condensed:28.125rem;
+  --pg-layout-width-inner-spacing-base:var(--pg-dangerous-magic-space-4);
+  --pg-layout-width-outer-spacing-min:var(--pg-dangerous-magic-space-5);
+  --pg-layout-width-outer-spacing-max:var(--pg-dangerous-magic-space-8);
+  --pg-layout-relative-size:2;
+
+  --pg-dismiss-icon-size:2rem;
+
+  --pg-top-bar-height:3.5rem;
+
+  --pg-mobile-nav-width:calc(100vw - var(--pg-dismiss-icon-size) - var(--pg-dangerous-magic-space-8));
+
+  --pg-control-height:2rem;
+  --pg-control-vertical-padding:calc((2.25rem - var(--p-font-line-height-600) - var(--p-space-050))/2);
+}
+
+html,
+body{
+  font-size:var(--p-font-size-325);
+  line-height:var(--p-font-line-height-500);
+  font-weight:var(--p-font-weight-regular);
+  font-feature-settings:'calt' 0;
+  letter-spacing:initial;
+  color:var(--p-color-text);
+  -webkit-tap-highlight-color:transparent;
+}
+
+html,
+body,
+button{
+  font-family:var(--p-font-family-sans);
+}
+
+html{
+  position:relative;
+  font-size:100%;
+  -webkit-font-smoothing:antialiased;
+  -moz-osx-font-smoothing:grayscale;
+
+  -webkit-text-size-adjust:100%;
+
+     -moz-text-size-adjust:100%;
+
+          text-size-adjust:100%;
+  text-rendering:optimizeLegibility;
+  scrollbar-width:thin;
+  scrollbar-color:var(--p-color-bg) var(--p-color-bg);
+  transition:scrollbar-color var(--p-motion-duration-100) var(--p-motion-ease-in);
+}
+
+html::-webkit-scrollbar{
+    width:0.6875rem;
+    background-color:var(--p-color-bg);
+  }
+
+html::-webkit-scrollbar-thumb{
+    background-color:var(--p-color-bg);
+    border:var(--p-border-width-050) solid transparent;
+    border-radius:var(--p-border-radius-300);
+    background-clip:content-box;
+  }
+
+html:hover{
+    scrollbar-color:var(--p-color-scrollbar-thumb-bg-hover) var(--p-color-bg);
+  }
+
+html:hover::-webkit-scrollbar-thumb{
+      background-color:var(--p-color-scrollbar-thumb-bg-hover);
+    }
+
+@supports (font: -apple-system-body){
+  @media (max-width: 30.6225em){
+    html{
+      font:-apple-system-body;
+    }
+  }
+}
+
+body{
+  min-height:100%;
+  margin:0;
+  padding:0;
+  background-color:rgba(241, 242, 244, 1);
+  scrollbar-color:var(--p-color-scrollbar-thumb-bg-hover) transparent;
+}
+
+@media print{
+
+body{
+    background-color:transparent !important;
+}
+  }
+
+*,
+*::before,
+*::after{
+  box-sizing:border-box;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p{
+  margin:0;
+  font-size:1em;
+  font-weight:var(--p-font-weight-regular);
+}
+
+button::-moz-focus-inner,
+[type='button']::-moz-focus-inner,
+[type='reset']::-moz-focus-inner,
+[type='submit']::-moz-focus-inner{
+  border-style:none;
+}
+
+html[class~='Polaris-Safari-16-Font-Optical-Sizing-Patch']{
+  font-variation-settings:'opsz' 14;
+}

package/build/esnext/components/Autocomplete/Autocomplete.css.esnext

@@ -0,0 +1,8 @@
+import './Autocomplete.out.css';
+
+var styles = {
+  "Loading": "Polaris-Autocomplete__Loading_1brcv",
+  "SectionWrapper": "Polaris-Autocomplete__SectionWrapper_1b5l1"
+};
+
+export { styles as default };