@hopper-ui/styled-system 0.0.0 → 0.1.0

package/CHANGELOG.md

@@ -0,0 +1,7 @@
+# @hopper-ui/styled-system
+
+## 0.1.0
+
+### Minor Changes
+
+- 7ef9681: Updated styled system exports

package/README.md

@@ -1,19 +1,40 @@
 # @hopper-ui/styled-system
 
-Ideas from PandaCSS
-- Patterns/JSX Patterns (HStack VStack Truncate)
-    - divider
-    - flex
-    - gloat
-    - grid
-    - gridItem
-    - hstack
-    - stack
-    - truncate
-    - vstack
-    - wrap
-- CSS Variables in style
-    - either a vars prop, cssVars props, or style={{vars: {}}}
-- Negative values for token scale
-    -   margin={-2} should be valid
-- Pseudos could be generated from usage and added to a style tag dynamically, like the GlobalStyleProvider
+Hopper's styled-system offers a collection of utility functions that add style props to your React components. These style props are in sync on hopper-ui's design tokens, are type safe, and support responsive styles.
+
+[![License](https://img.shields.io/badge/License-Apache_2.0-blue.svg)](../../LICENSE)
+[![npm version](https://img.shields.io/npm/v/@hopper-ui/styled-system)](https://www.npmjs.com/package/@hopper-ui/styled-system)
+
+## Installation
+
+Install the following packages:
+
+**With pnpm**
+
+```shell
+pnpm add @hopper-ui/styled-system
+```
+
+**With yarn**
+
+```shell
+yarn add -D @hopper-ui/styled-system
+```
+
+**With npm**
+
+```shell
+npm install -D @hopper-ui/styled-system
+```
+
+## Usage
+
+View the [user's documentation](https://hopper.workleap.design/).
+
+## 🤝 Contributing
+
+View the [contributor's documentation](https://github.com/gsoft-inc/wl-hopper/blob/main/CONTRIBUTING.md).
+
+## License
+
+Copyright © 2023, Workleap. This code is licensed under the Apache License, Version 2.0. You may obtain a copy of this license at https://github.com/gsoft-inc/workleap-license/blob/master/LICENSE.

package/dist/Breakpoints-9e8a6597.d.ts

@@ -0,0 +1,10 @@
+declare const Breakpoints: {
+    readonly xs: 640;
+    readonly sm: 768;
+    readonly md: 1024;
+    readonly lg: 1280;
+    readonly xl: 1440;
+};
+type Breakpoint = keyof typeof Breakpoints | "base";
+
+export { Breakpoint as B, Breakpoints as a };

package/dist/StyledSystemProvider-27d1981a.d.ts

@@ -0,0 +1,52 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { ReactNode, ComponentProps } from 'react';
+import { B as Breakpoint } from './Breakpoints-9e8a6597.js';
+
+type ColorScheme = "light" | "dark";
+type ColorSchemeOrSystem = ColorScheme | "system";
+interface ColorSchemeContextType {
+    colorScheme: ColorScheme;
+    setColorScheme: (newColorScheme: ColorScheme) => void;
+}
+declare const ColorSchemeContext: react.Context<ColorSchemeContextType>;
+declare function useColorSchemeContext(): ColorSchemeContextType;
+
+declare const DefaultUnsupportedMatchMediaBreakpoint: Breakpoint;
+interface BreakpointProviderProps {
+    children: ReactNode;
+    unsupportedMatchMediaBreakpoint?: Breakpoint;
+}
+declare function BreakpointProvider({ children, unsupportedMatchMediaBreakpoint }: BreakpointProviderProps): react_jsx_runtime.JSX.Element;
+
+interface StyledSystemProviderProps extends BreakpointProviderProps, ComponentProps<"div"> {
+    /** The children of the component */
+    children: ReactNode;
+    /**
+     * Determines whether the styles should be added to the document's body
+     * By default, it is set to `false`. If set to `true`, it will apply additional styling to the document's body.
+    */
+    withBodyStyle?: boolean;
+    /**
+     * The color scheme to use.
+     */
+    colorScheme: ColorSchemeOrSystem;
+    /**
+     * Default color scheme to use when a user preferred color scheme (system) is not available.
+     */
+    defaultColorScheme?: ColorScheme;
+    /**
+     * Determines whether token CSS variables should be added to the document's head
+     * By default, it is set to `true`, you should not change it unless you want to manage CSS variables via `.css` files
+    */
+    withCssVariables?: boolean;
+}
+/**
+ * StyledSystemProvider is required to be rendered at the root of your application. It is responsible for:
+ * - Adding CSS variables to the document
+ * - Managing color scheme (light, dark, auto)
+ * - Optionally adding body styles to the document
+ */
+declare function StyledSystemProvider({ children, withBodyStyle, withCssVariables, colorScheme, defaultColorScheme, unsupportedMatchMediaBreakpoint, className, ...rest }: StyledSystemProviderProps): react_jsx_runtime.JSX.Element;
+
+export { BreakpointProviderProps as B, ColorSchemeOrSystem as C, DefaultUnsupportedMatchMediaBreakpoint as D, StyledSystemProviderProps as S, ColorScheme as a, ColorSchemeContextType as b, ColorSchemeContext as c, BreakpointProvider as d, StyledSystemProvider as e, useColorSchemeContext as u };

package/dist/StyledSystemProvider.d.ts

@@ -1,28 +1,4 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ComponentProps, ReactNode } from 'react';
-
-interface StyledSystemProviderProps extends ComponentProps<"div"> {
-    /** The children of the component */
-    children: ReactNode;
-    /**
-     * Determines whether the styles should be added to the document's body
-     * By default, it is set to `false`. If set to `true`, it will apply additional styling to the document's body.
-    */
-    withBodyStyle?: boolean;
-    /** The color scheme to use. */
-    colorScheme?: "light" | "dark";
-    /**
-     * Determines whether token CSS variables should be added to the document's head
-     * By default, it is set to `true`, you should not change it unless you want to manage CSS variables via `.css` files
-    */
-    withCssVariables?: boolean;
-}
-/**
- * StyledSystemProvider is required to be rendered at the root of your application. It is responsible for:
- * - Adding CSS variables to the document
- * - Managing color scheme (light, dark, auto)
- * - Optionally adding body styles to the document
- */
-declare function StyledSystemProvider({ children, withBodyStyle, withCssVariables, colorScheme, className, ...rest }: StyledSystemProviderProps): react_jsx_runtime.JSX.Element;
-
-export { StyledSystemProvider, StyledSystemProviderProps };
+import 'react/jsx-runtime';
+import 'react';
+export { e as StyledSystemProvider, S as StyledSystemProviderProps } from './StyledSystemProvider-27d1981a.js';
+import './Breakpoints-9e8a6597.js';

package/dist/StyledSystemProvider.js

@@ -1,11 +1,13 @@
-import { useRef, useState, useLayoutEffect, useEffect, useInsertionEffect } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import co from 'clsx';
+import { createContext, useState, useCallback, useRef, useEffect, useContext, useLayoutEffect, useInsertionEffect } from 'react';
+import { useIsSSR } from 'react-aria';
+import { jsx, jsxs } from 'react/jsx-runtime';
 
-var l={name:"@hopper-ui/styled-system",author:"Workleap",version:"0.0.0",description:"The styled-system package.",license:"Apache-2.0",repository:{type:"git",url:"git+https://github.com/gsoft-inc/wl-hopper.git",directory:"packages/styled-system"},publishConfig:{access:"public",provenance:!0},type:"module",sideEffects:["*.css"],exports:"./dist/index.js",types:"./dist/index.d.ts",files:["/dist","CHANGELOG.md","README.md"],scripts:{dev:"tsup --config ./tsup.dev.ts",build:"tsup --config ./tsup.build.ts",test:"jest"},peerDependencies:{react:"*","react-dom":"*"},dependencies:{"react-aria":"3.29.1"},devDependencies:{"@swc/core":"1.3.95","@swc/helpers":"0.5.3","@swc/jest":"0.2.29","@testing-library/jest-dom":"6.1.4","@testing-library/react":"14.0.0","@types/jest":"29.5.6","@types/react":"18.2.32","@types/react-dom":"18.2.14","@types/react-test-renderer":"18.0.5","@workleap/eslint-plugin":"3.0.0","@workleap/swc-configs":"2.1.2","@workleap/typescript-configs":"3.0.2",jest:"29.7.0","jest-environment-jsdom":"29.7.0",react:"18.2.0","react-dom":"18.2.0","react-test-renderer":"18.2.0","ts-jest":"29.1.1","ts-node":"10.9.1",tsup:"7.2.0",typescript:"5.2.2"},engines:{node:">=18.0.0"}};var c="hop",p=`${c}-${l.version.replaceAll(".","-")}`;function j(o){return o==null}function P(o){return typeof o>"u"||o===void 0}function h(o){return j(o)||P(o)}var m=typeof window<"u"?useInsertionEffect:useEffect;function i(o,e,r=!0){m(()=>{let a=document.getElementById(o);if(h(a)){if(!h(e))return a=document.createElement("style"),a.id=o,document.head.appendChild(a),a.innerText=g(e),()=>{a?.remove();}}else r&&(a.innerText=g(e));},[o,e]);}function g(o){return o?.replace(/(\r\n|\n|\r|\s\s)/gm,"")??""}var y=typeof window<"u"?useLayoutEffect:useEffect;var v=class{#o;#e;constructor(e,r){this.#o=e,this.#e=r;}getThemeElement(){let e=this.#o.current?.closest(this.#e);if(h(e))throw new Error("Cannot find a theme element, is the scope assigned to a DOM element?");return e}getPropertyValue(e){return window.getComputedStyle(this.getThemeElement()).getPropertyValue(e)}};var n={color:"--hop-neutral-text",backgroundColor:"--hop-neutral-surface",lineHeight:"--hop-body-md-line-height",fontFamily:"--hop-body-md-font-family",fontSize:"--hop-body-md-font-size"};function k(){let o=useRef(null),[e,r]=useState(void 0);return y(()=>{if(o.current){let a=new v(o,`.${p}`),t=a.getPropertyValue(n.color),s=a.getPropertyValue(n.backgroundColor),u=a.getPropertyValue(n.fontFamily),$=a.getPropertyValue(n.lineHeight),T=a.getPropertyValue(n.fontSize);r({color:t,backgroundColor:s,lineHeight:$,fontFamily:u,fontSize:T});}},[o]),i(`hop-body-styles-${p}`,h(e)?"":N(e)),jsx("div",{ref:o})}function N({color:o,backgroundColor:e,fontFamily:r,lineHeight:a,fontSize:t}){return `
+var z=createContext({colorScheme:"light",setColorScheme:()=>{}});function q(){return useContext(z)}var u=typeof window<"u"&&typeof window.matchMedia=="function";function w(o){let[e,a]=useState(()=>u?window.matchMedia(o).matches:!1);return useEffect(()=>{if(!u)return;let t=window.matchMedia(o),p=h=>{a(h.matches);};return t.addEventListener("change",p),()=>{t.removeEventListener("change",p);}},[o]),useIsSSR()?!1:e}function S(o,e){let a=w("(prefers-color-scheme: light)"),r=w("(prefers-color-scheme: dark)");return o==="system"?a?"light":r?"dark":e??"light":o}var C={name:"@hopper-ui/styled-system",author:"Workleap",version:"0.1.0",description:"The styled-system package.",license:"Apache-2.0",repository:{type:"git",url:"git+https://github.com/gsoft-inc/wl-hopper.git",directory:"packages/styled-system"},publishConfig:{access:"public",provenance:!0},type:"module",sideEffects:["*.css"],exports:{".":{import:"./dist/index.js",types:"./dist/index.d.ts",default:"./dist/index.js"},"./index.css":"./dist/index.css"},files:["/dist","CHANGELOG.md","README.md"],scripts:{dev:"tsup --config ./tsup.dev.ts",build:"tsup --config ./tsup.build.ts",test:"jest"},peerDependencies:{react:"*","react-dom":"*"},dependencies:{clsx:"2.0.0","react-aria":"3.30.0"},devDependencies:{"@hopper-ui/tokens":"workspace:*","@swc/core":"1.3.96","@swc/helpers":"0.5.3","@swc/jest":"0.2.29","@testing-library/jest-dom":"6.1.4","@testing-library/react":"14.1.0","@types/jest":"29.5.8","@types/react-dom":"18.2.15","@types/react-test-renderer":"18.0.6","@types/react":"18.2.37","@workleap/eslint-plugin":"3.0.0","@workleap/swc-configs":"2.1.2","@workleap/tsup-configs":"3.0.1","@workleap/typescript-configs":"3.0.2","identity-obj-proxy":"3.0.0","jest-environment-jsdom":"29.7.0",jest:"29.7.0","postcss-modules":"6.0.0",postcss:"8.4.31","react-dom":"18.2.0","react-test-renderer":"18.2.0",react:"18.2.0","ts-jest":"29.1.1",tsup:"7.2.0","type-fest":"4.7.1",typescript:"5.2.2"},engines:{node:">=18.0.0"}};var g="hop",i=`${g}-${C.version.replaceAll(".","-")}`;function G(o){return o==null}function J(o){return typeof o>"u"||o===void 0}function v(o){return G(o)||J(o)}var B=typeof window<"u"?useInsertionEffect:useEffect;function d(o,e,a=!0){B(()=>{let r=document.getElementById(o);if(v(r)){if(!v(e))return r=document.createElement("style"),r.id=o,document.head.appendChild(r),r.innerText=P(e),()=>{r?.remove();}}else a&&(r.innerText=P(e));},[o,e]);}function P(o){return o?.replace(/(\r\n|\n|\r|\s\s)/gm,"")??""}var E=typeof window<"u"?useLayoutEffect:useEffect;var l=class{#o;#e;constructor(e,a){this.#o=e,this.#e=a;}getThemeElement(){let e=this.#o.current?.closest(this.#e);if(v(e))throw new Error("Cannot find a theme element, is the scope assigned to a DOM element?");return e}getPropertyValue(e){return window.getComputedStyle(this.getThemeElement()).getPropertyValue(e)}};var f={color:"--hop-neutral-text",backgroundColor:"--hop-neutral-surface",lineHeight:"--hop-body-md-line-height",fontFamily:"--hop-body-md-font-family",fontSize:"--hop-body-md-font-size"};function T(){let o=useRef(null),{colorScheme:e}=q(),[a,r]=useState(void 0);return E(()=>{if(o.current){let t=new l(o,`.${i}`),p=t.getPropertyValue(f.color),h=t.getPropertyValue(f.backgroundColor),s=t.getPropertyValue(f.fontFamily),n=t.getPropertyValue(f.lineHeight),c=t.getPropertyValue(f.fontSize);r({colorScheme:e,color:p,backgroundColor:h,lineHeight:n,fontFamily:s,fontSize:c});}},[o,e]),d(`hop-body-styles-${i}`,v(a)?"":eo(a)),jsx("div",{ref:o})}function eo({color:o,backgroundColor:e,fontFamily:a,lineHeight:r,fontSize:t}){return `
             body {
                 -webkit-font-smoothing: antialiased;
-                font-family: ${r}, Arial, sans-serif;
-                line-height: ${a};
+                font-family: ${a}, Arial, sans-serif;
+                line-height: ${r};
                 font-size: ${t};
                 color: ${o};
                 background-color: ${e};
@@ -18,7 +20,7 @@ var l={name:"@hopper-ui/styled-system",author:"Workleap",version:"0.0.0",descrip
                     scroll-behavior: smooth;
                 }
             }
-        `}var b={"--hop-upsell-border-active":"var(--hop-sunken-treasure-500)","--hop-upsell-text-active":"var(--hop-sunken-treasure-300)","--hop-upsell-icon-weakest":"var(--hop-sunken-treasure-100)","--hop-upsell-icon-weak":"var(--hop-sunken-treasure-300)","--hop-upsell-border":"var(--hop-sunken-treasure-200)","--hop-upsell-surface-hover":"var(--hop-sunken-treasure-600)","--hop-upsell-border-disabled":"var(--hop-sunken-treasure-700)","--hop-upsell-icon-active":"var(--hop-sunken-treasure-300)","--hop-upsell-surface-weak":"var(--hop-sunken-treasure-800)","--hop-upsell-surface-disabled":"var(--hop-sunken-treasure-700)","--hop-upsell-text":"var(--hop-sunken-treasure-900)","--hop-upsell-icon":"var(--hop-sunken-treasure-900)","--hop-upsell-text-hover":"var(--hop-sunken-treasure-700)","--hop-upsell-text-disabled":"var(--hop-sunken-treasure-300)","--hop-upsell-surface-active":"var(--hop-sunken-treasure-800)","--hop-upsell-surface":"var(--hop-sunken-treasure-50)","--hop-danger-border-active":"var(--hop-amanita-400)","--hop-danger-icon-active":"var(--hop-amanita-300)","--hop-danger-text-active":"var(--hop-amanita-300)","--hop-danger-surface":"var(--hop-amanita-200)","--hop-danger-text-hover":"var(--hop-amanita-200)","--hop-danger-surface-disabled":"var(--hop-amanita-600)","--hop-danger-surface-hover":"var(--hop-amanita-200)","--hop-danger-surface-strong":"var(--hop-amanita-300)","--hop-danger-surface-strong-hover":"var(--hop-amanita-200)","--hop-danger-surface-weak":"var(--hop-amanita-900)","--hop-danger-border-strong":"var(--hop-amanita-300)","--hop-danger-icon":"var(--hop-amanita-900)","--hop-danger-icon-weak":"var(--hop-amanita-100)","--hop-danger-text":"var(--hop-amanita-900)","--hop-danger-surface-active":"var(--hop-amanita-800)","--hop-danger-text-weak":"var(--hop-amanita-100)","--hop-danger-text-strong":"var(--hop-samoyed)","--hop-danger-text-strong-hover":"var(--hop-samoyed)","--hop-danger-icon-strong":"var(--hop-samoyed)","--hop-danger-icon-hover":"var(--hop-amanita-200)","--hop-danger-text-disabled":"var(--hop-amanita-600)","--hop-danger-icon-disabled":"var(--hop-amanita-600)","--hop-danger-border":"var(--hop-amanita-500)","--hop-primary-icon-active":"var(--hop-sapphire-200)","--hop-primary-border-active":"var(--hop-sapphire-300)","--hop-primary-text-active":"var(--hop-sapphire-200)","--hop-primary-icon-strong":"var(--hop-samoyed)","--hop-primary-icon-strong-hover":"var(--hop-sapphire-300)","--hop-primary-icon":"var(--hop-sapphire-200)","--hop-primary-border-focus":"var(--hop-sapphire-200)","--hop-primary-border":"var(--hop-sapphire-300)","--hop-primary-icon-hover":"var(--hop-sapphire-300)","--hop-primary-icon-disabled":"var(--hop-sapphire-700)","--hop-primary-surface-disabled":"var(--hop-sapphire-700)","--hop-primary-surface-focus":"var(--hop-sapphire-900)","--hop-primary-text-disabled":"var(--hop-sapphire-700)","--hop-primary-surface":"var(--hop-sapphire-200)","--hop-primary-surface-weak":"var(--hop-sapphire-800)","--hop-primary-surface-strong":"var(--hop-sapphire-400)","--hop-primary-surface-strong-hover":"var(--hop-sapphire-200)","--hop-primary-surface-strong-active":"var(--hop-sapphire-800)","--hop-primary-text":"var(--hop-sapphire-200)","--hop-primary-surface-hover":"var(--hop-sapphire-200)","--hop-primary-text-strong":"var(--hop-samoyed)","--hop-primary-text-strong-hover":"var(--hop-sapphire-300)","--hop-primary-text-hover":"var(--hop-sapphire-300)","--hop-primary-surface-active":"var(--hop-sapphire-800)","--hop-decorative-option9-border":"var(--hop-rock-400)","--hop-decorative-option9-icon":"var(--hop-samoyed)","--hop-decorative-option9-surface-weakest":"var(--hop-rock-25)","--hop-decorative-option9-surface-weak":"var(--hop-rock-50)","--hop-decorative-option9-surface-strong":"var(--hop-rock-800)","--hop-decorative-option9-surface-hover":"var(--hop-rock-500)","--hop-decorative-option9-surface":"var(--hop-rock-400)","--hop-decorative-option9-text":"var(--hop-samoyed)","--hop-decorative-option9-text-weak":"var(--hop-rock-300)","--hop-decorative-option8-border":"var(--hop-amanita-400)","--hop-decorative-option8-icon":"var(--hop-amanita-900)","--hop-decorative-option8-surface-weakest":"var(--hop-amanita-25)","--hop-decorative-option8-surface-weak":"var(--hop-amanita-50)","--hop-decorative-option8-surface-strong":"var(--hop-amanita-100)","--hop-decorative-option8-surface-hover":"var(--hop-amanita-200)","--hop-decorative-option8-text-weak":"var(--hop-amanita-300)","--hop-decorative-option8-surface":"var(--hop-amanita-100)","--hop-decorative-option8-text":"var(--hop-amanita-900)","--hop-decorative-option7-border":"var(--hop-toad-400)","--hop-decorative-option7-icon":"var(--hop-toad-900)","--hop-decorative-option7-surface-weakest":"var(--hop-toad-25)","--hop-decorative-option7-surface-weak":"var(--hop-toad-50)","--hop-decorative-option7-surface-strong":"var(--hop-toad-75)","--hop-decorative-option7-surface-hover":"var(--hop-toad-75)","--hop-decorative-option7-surface":"var(--hop-toad-50)","--hop-decorative-option7-text-weak":"var(--hop-toad-500)","--hop-decorative-option7-text":"var(--hop-toad-900)","--hop-decorative-option5-text-weak":"var(--hop-coastal-300)","--hop-decorative-option5-text":"var(--hop-coastal-900)","--hop-decorative-option5-surface-weakest":"var(--hop-coastal-25)","--hop-decorative-option5-surface-weak":"var(--hop-coastal-50)","--hop-decorative-option5-surface-strong":"var(--hop-coastal-100)","--hop-decorative-option5-surface-hover":"var(--hop-coastal-100)","--hop-decorative-option5-surface":"var(--hop-coastal-75)","--hop-decorative-option5-border":"var(--hop-coastal-400)","--hop-decorative-option5-icon":"var(--hop-coastal-900)","--hop-decorative-option6-surface-weakest":"var(--hop-sunken-treasure-25)","--hop-decorative-option6-surface-weak":"var(--hop-sunken-treasure-50)","--hop-decorative-option6-surface-strong":"var(--hop-sunken-treasure-100)","--hop-decorative-option6-surface-hover":"var(--hop-sunken-treasure-100)","--hop-decorative-option6-surface":"var(--hop-sunken-treasure-75)","--hop-decorative-option6-border":"var(--hop-sunken-treasure-400)","--hop-decorative-option6-icon":"var(--hop-sunken-treasure-900)","--hop-decorative-option6-text":"var(--hop-sunken-treasure-900)","--hop-decorative-option6-text-weak":"var(--hop-sunken-treasure-200)","--hop-decorative-option4-surface-weakest":"var(--hop-moss-25)","--hop-decorative-option4-surface-weak":"var(--hop-moss-50)","--hop-decorative-option4-surface-strong":"var(--hop-moss-100)","--hop-decorative-option4-surface-hover":"var(--hop-moss-100)","--hop-decorative-option4-surface":"var(--hop-moss-75)","--hop-decorative-option4-border":"var(--hop-moss-400)","--hop-decorative-option4-icon":"var(--hop-moss-900)","--hop-decorative-option4-text-weak":"var(--hop-moss-400)","--hop-decorative-option4-text":"var(--hop-moss-900)","--hop-decorative-option3-surface-strong":"var(--hop-koi-200)","--hop-decorative-option3-surface-weakest":"var(--hop-koi-25)","--hop-decorative-option3-surface-weak":"var(--hop-koi-50)","--hop-decorative-option3-surface-hover":"var(--hop-koi-200)","--hop-decorative-option3-surface":"var(--hop-koi-100)","--hop-decorative-option3-border":"var(--hop-koi-400)","--hop-decorative-option3-icon":"var(--hop-koi-900)","--hop-decorative-option3-text":"var(--hop-koi-900)","--hop-decorative-option3-text-weak":"var(--hop-koi-300)","--hop-decorative-option2-surface-weakest":"var(--hop-quetzal-25)","--hop-decorative-option2-surface-weak":"var(--hop-quetzal-50)","--hop-decorative-option2-surface-strong":"var(--hop-quetzal-100)","--hop-decorative-option2-surface-hover":"var(--hop-quetzal-100)","--hop-decorative-option2-surface":"var(--hop-quetzal-75)","--hop-decorative-option2-text":"var(--hop-quetzal-900)","--hop-decorative-option2-text-weak":"var(--hop-quetzal-300)","--hop-decorative-option2-border":"var(--hop-quetzal-400)","--hop-decorative-option2-icon":"var(--hop-quetzal-900)","--hop-decorative-option1-surface-strong":"var(--hop-sapphire-200)","--hop-decorative-option1-surface-weakest":"var(--hop-sapphire-25)","--hop-decorative-option1-surface-weak":"var(--hop-sapphire-50)","--hop-decorative-option1-surface-hover":"var(--hop-sapphire-200)","--hop-decorative-option1-surface":"var(--hop-sapphire-100)","--hop-decorative-option1-text-weak":"var(--hop-sapphire-300)","--hop-decorative-option1-border":"var(--hop-sapphire-400)","--hop-decorative-option1-icon":"var(--hop-sapphire-900)","--hop-decorative-option1-text":"var(--hop-sapphire-900)","--hop-neutral-text-hover":"var(--hop-rock-50)","--hop-neutral-surface-weakest-hover":"var(--hop-rock-800)","--hop-neutral-text-weak":"var(--hop-rock-200)","--hop-neutral-surface-disabled":"var(--hop-rock-700)","--hop-neutral-surface-active":"var(--hop-toad-25)","--hop-neutral-surface-weak":"var(--hop-rock-800)","--hop-neutral-surface":"var(--hop-abyss)","--hop-neutral-text-disabled":"var(--hop-rock-500)","--hop-neutral-text-active":"var(--hop-rock-900)","--hop-neutral-text-strong":"var(--hop-rock-900)","--hop-neutral-text":"var(--hop-rock-25)","--hop-neutral-text-weakest":"var(--hop-rock-400)","--hop-neutral-border-disabled":"var(--hop-rock-800)","--hop-neutral-border-strong-hover":"var(--hop-samoyed)","--hop-neutral-border-strong":"var(--hop-samoyed)","--hop-neutral-surface-strong":"var(--hop-samoyed)","--hop-neutral-surface-hover":"var(--hop-rock-800)","--hop-neutral-icon-disabled":"var(--hop-rock-500)","--hop-neutral-icon":"var(--hop-rock-25)","--hop-neutral-icon-weak":"var(--hop-rock-200)","--hop-neutral-border":"var(--hop-rock-500)","--hop-neutral-border-weak":"var(--hop-rock-800)","--hop-neutral-icon-weakest":"var(--hop-rock-400)","--hop-neutral-icon-strong":"var(--hop-rock-900)","--hop-neutral-icon-hover":"var(--hop-rock-50)","--hop-neutral-icon-active":"var(--hop-rock-900)","--hop-neutral-border-hover":"var(--hop-rock-300)","--hop-neutral-border-active":"var(--hop-toad-25)","--hop-neutral-surface-weak-hover":"var(--hop-rock-700)","--hop-neutral-border-weakest":"var(--hop-rock-800)","--hop-neutral-surface-weakest":"var(--hop-rock-900)","--hop-warning-icon-weakest":"var(--hop-koi-200)","--hop-warning-icon-weak":"var(--hop-koi-75)","--hop-warning-text-weak":"var(--hop-koi-75)","--hop-warning-surface":"var(--hop-koi-75)","--hop-warning-surface-strong":"var(--hop-koi-300)","--hop-warning-surface-weak":"var(--hop-koi-800)","--hop-warning-border":"var(--hop-koi-500)","--hop-warning-icon":"var(--hop-koi-900)","--hop-warning-text":"var(--hop-koi-900)","--hop-success-border":"var(--hop-moss-500)","--hop-success-icon-weak":"var(--hop-moss-75)","--hop-success-icon-weakest":"var(--hop-moss-200)","--hop-success-text-weak":"var(--hop-moss-75)","--hop-success-surface":"var(--hop-moss-75)","--hop-success-surface-strong":"var(--hop-moss-300)","--hop-success-text-hover":"var(--hop-moss-700)","--hop-success-text":"var(--hop-moss-900)","--hop-success-icon":"var(--hop-moss-900)","--hop-success-surface-weak":"var(--hop-moss-800)","--hop-information-icon-weakest":"var(--hop-coastal-200)","--hop-information-surface-strong":"var(--hop-coastal-300)","--hop-information-icon-weak":"var(--hop-coastal-300)","--hop-information-text":"var(--hop-coastal-900)","--hop-information-surface":"var(--hop-coastal-75)","--hop-information-surface-weak":"var(--hop-coastal-800)","--hop-information-text-weak":"var(--hop-coastal-75)","--hop-information-icon":"var(--hop-coastal-900)","--hop-information-border":"var(--hop-coastal-400)","--hop-status-neutral-surface-strong":"var(--hop-rock-100)","--hop-status-neutral-text":"var(--hop-rock-25)","--hop-status-neutral-icon":"var(--hop-rock-25)","--hop-status-neutral-surface":"var(--hop-abyss)","--hop-status-progress-surface-strong":"var(--hop-sapphire-200)","--hop-status-progress-icon":"var(--hop-sapphire-900)","--hop-status-progress-surface":"var(--hop-sapphire-100)","--hop-status-progress-text":"var(--hop-sapphire-900)","--hop-status-option6-surface-strong":"var(--hop-sunken-treasure-100)","--hop-status-option6-icon":"var(--hop-sunken-treasure-900)","--hop-status-option6-surface":"var(--hop-sunken-treasure-75)","--hop-status-option6-text":"var(--hop-sunken-treasure-900)","--hop-status-option5-surface-strong":"var(--hop-toad-100)","--hop-status-option5-icon":"var(--hop-toad-900)","--hop-status-option5-surface":"var(--hop-toad-200)","--hop-status-option5-text":"var(--hop-toad-900)","--hop-status-option1-surface-strong":"var(--hop-coastal-100)","--hop-status-option1-icon":"var(--hop-coastal-900)","--hop-status-option1-surface":"var(--hop-coastal-200)","--hop-status-option1-text":"var(--hop-coastal-900)","--hop-status-option2-surface-strong":"var(--hop-orchid-bloom-100)","--hop-status-option2-text":"var(--hop-orchid-bloom-900)","--hop-status-option2-surface":"var(--hop-orchid-bloom-200)","--hop-status-option2-icon":"var(--hop-orchid-bloom-900)","--hop-status-option3-surface-strong":"var(--hop-quetzal-100)","--hop-status-option3-icon":"var(--hop-quetzal-900)","--hop-status-option3-surface":"var(--hop-quetzal-200)","--hop-status-option3-text":"var(--hop-quetzal-900)","--hop-status-option4-surface-strong":"var(--hop-fog-100)","--hop-status-option4-icon":"var(--hop-fog-900)","--hop-status-option4-surface":"var(--hop-fog-200)","--hop-status-option4-text":"var(--hop-fog-900)","--hop-status-inactive-surface-strong":"var(--hop-rock-100)","--hop-status-inactive-icon":"var(--hop-rock-800)","--hop-status-inactive-surface":"var(--hop-rock-75)","--hop-status-inactive-text":"var(--hop-rock-900)","--hop-status-caution-surface-strong":"var(--hop-koi-200)","--hop-status-caution-icon":"var(--hop-koi-900)","--hop-status-caution-surface":"var(--hop-koi-75)","--hop-status-caution-text":"var(--hop-koi-900)","--hop-status-negative-surface-strong":"var(--hop-amanita-200)","--hop-status-negative-icon":"var(--hop-amanita-900)","--hop-status-negative-surface":"var(--hop-amanita-75)","--hop-status-negative-text":"var(--hop-amanita-900)","--hop-status-positive-icon":"var(--hop-moss-900)","--hop-status-positive-surface-strong":"var(--hop-moss-200)","--hop-status-positive-surface":"var(--hop-moss-75)","--hop-status-positive-text":"var(--hop-moss-900)"};var w={"--hop-coastal-25":"#f0f8ff","--hop-coastal-50":"#d9efff","--hop-coastal-75":"#bae6ff","--hop-coastal-100":"#9fd2f7","--hop-coastal-200":"#81b9e4","--hop-coastal-300":"#5d9acd","--hop-coastal-400":"#3a7bb2","--hop-coastal-500":"#2e70a8","--hop-coastal-600":"#23669f","--hop-coastal-700":"#0a538b","--hop-coastal-800":"#003d70","--hop-coastal-900":"#00274b","--hop-quetzal-25":"#ddfdf9","--hop-quetzal-50":"#cff4ef","--hop-quetzal-75":"#bde8e1","--hop-quetzal-100":"#a3d6cb","--hop-quetzal-200":"#83beaf","--hop-quetzal-300":"#5da18c","--hop-quetzal-400":"#38836a","--hop-quetzal-500":"#2b795e","--hop-quetzal-600":"#206f54","--hop-quetzal-700":"#055c41","--hop-quetzal-800":"#00452d","--hop-quetzal-900":"#002d1c","--hop-orchid-bloom-25":"#f6f5ff","--hop-orchid-bloom-50":"#eae9fb","--hop-orchid-bloom-75":"#ddddf7","--hop-orchid-bloom-100":"#c8caf0","--hop-orchid-bloom-200":"#aeb3e8","--hop-orchid-bloom-300":"#8d91dc","--hop-orchid-bloom-400":"#6b6ecc","--hop-orchid-bloom-500":"#5f61c5","--hop-orchid-bloom-600":"#5454be","--hop-orchid-bloom-700":"#433fac","--hop-orchid-bloom-800":"#322b8d","--hop-orchid-bloom-900":"#1e1c5d","--hop-sapphire-25":"#f5f6ff","--hop-sapphire-50":"#e6ebff","--hop-sapphire-75":"#d6e0ff","--hop-sapphire-100":"#b9cbff","--hop-sapphire-200":"#95b1ff","--hop-sapphire-300":"#6c8ffd","--hop-sapphire-400":"#4767fe","--hop-sapphire-500":"#3b57ff","--hop-sapphire-600":"#2a43e8","--hop-sapphire-700":"#2040c7","--hop-sapphire-800":"#1b3587","--hop-sapphire-900":"#152450","--hop-fog-25":"#f2f8fa","--hop-fog-50":"#e1eef1","--hop-fog-75":"#d2e3e7","--hop-fog-100":"#bad0d5","--hop-fog-200":"#9cb7be","--hop-fog-300":"#7c9aa3","--hop-fog-400":"#5e7b84","--hop-fog-500":"#557079","--hop-fog-600":"#4e6770","--hop-fog-700":"#40535a","--hop-fog-800":"#313e43","--hop-fog-900":"#20282a","--hop-toad-25":"#fef6ef","--hop-toad-50":"#f0eae3","--hop-toad-75":"#e5ded6","--hop-toad-100":"#d4cbc0","--hop-toad-200":"#bdb1a3","--hop-toad-300":"#a19382","--hop-toad-400":"#837463","--hop-toad-500":"#776a59","--hop-toad-600":"#6e6151","--hop-toad-700":"#594f41","--hop-toad-800":"#433b31","--hop-toad-900":"#2a2620","--hop-sunken-treasure-25":"#fff8d6","--hop-sunken-treasure-50":"#fff2b8","--hop-sunken-treasure-75":"#f7e694","--hop-sunken-treasure-100":"#eac96d","--hop-sunken-treasure-200":"#e2a934","--hop-sunken-treasure-300":"#c28b12","--hop-sunken-treasure-400":"#996f08","--hop-sunken-treasure-500":"#8b6609","--hop-sunken-treasure-600":"#7e5e0a","--hop-sunken-treasure-700":"#654c0d","--hop-sunken-treasure-800":"#4b390f","--hop-sunken-treasure-900":"#2f250d","--hop-koi-25":"#fff5e9","--hop-koi-50":"#ffe8d3","--hop-koi-75":"#ffd8be","--hop-koi-100":"#ffbf92","--hop-koi-200":"#ff9b3f","--hop-koi-300":"#e57723","--hop-koi-400":"#c95109","--hop-koi-500":"#ba4705","--hop-koi-600":"#ab4104","--hop-koi-700":"#8c3504","--hop-koi-800":"#692803","--hop-koi-900":"#451a02","--hop-amanita-25":"#fdf6f6","--hop-amanita-50":"#fde6e5","--hop-amanita-75":"#ffd6d3","--hop-amanita-100":"#ffbcb7","--hop-amanita-200":"#ff8e8e","--hop-amanita-300":"#fa4d59","--hop-amanita-400":"#df3236","--hop-amanita-500":"#cb2e31","--hop-amanita-600":"#ba2d2d","--hop-amanita-700":"#952927","--hop-amanita-800":"#6c2320","--hop-amanita-900":"#431a17","--hop-moss-25":"#f4f9e9","--hop-moss-50":"#e3f3b9","--hop-moss-75":"#cde8ac","--hop-moss-100":"#aad89d","--hop-moss-200":"#7dc291","--hop-moss-300":"#47a584","--hop-moss-400":"#188a71","--hop-moss-500":"#0c796b","--hop-moss-600":"#0a6f64","--hop-moss-700":"#115a52","--hop-moss-800":"#16433d","--hop-moss-900":"#132a27","--hop-abyss":"#1d1d1c","--hop-rock-20":"#fcfbfb","--hop-rock-25":"#f8f6f3","--hop-rock-50":"#ecebe8","--hop-rock-75":"#e0dfdd","--hop-rock-100":"#ccccca","--hop-rock-200":"#b3b3b1","--hop-rock-300":"#959593","--hop-rock-400":"#777775","--hop-rock-500":"#6c6c6b","--hop-rock-600":"#636362","--hop-rock-700":"#505050","--hop-rock-800":"#3c3c3c","--hop-rock-900":"#292929","--hop-samoyed":"#ffffff","--hop-shadow-none":"none","--hop-shadow-sm":"0 1px 6px 0 rgba(60, 60, 60, 0.10)","--hop-shadow-md":"0 4px 10px 4px rgba(60, 60, 60, 0.08)","--hop-shadow-lg":"0 10px 18px 8px rgba(60, 60, 60, 0.08)","--hop-font-family-primary":"ABC Favorit","--hop-font-family-secondary":"Inter","--hop-font-family-tertiary":"ABC Favorit Mono","--hop-font-size-120":"0.75rem","--hop-font-size-140":"0.875rem","--hop-font-size-160":"1rem","--hop-font-size-180":"1.125rem","--hop-font-size-200":"1.25rem","--hop-font-size-240":"1.5rem","--hop-font-size-280":"1.75rem","--hop-font-size-320":"2rem","--hop-font-size-360":"2.25rem","--hop-font-size-480":"3rem","--hop-font-weight-400":"400","--hop-font-weight-410":"410","--hop-font-weight-505":"505","--hop-font-weight-580":"580","--hop-font-weight-590":"590","--hop-font-weight-680":"680","--hop-font-weight-690":"690","--hop-line-height-1-125":"1.125","--hop-line-height-1-14":"1.1428571","--hop-line-height-1-20":"1.2","--hop-line-height-1-25":"1.25","--hop-line-height-1-33":"1.3333333","--hop-line-height-1-4285":"1.4285714","--hop-line-height-1-50":"1.5","--hop-border-radius-0":"0","--hop-border-radius-1":"0.25rem","--hop-border-radius-2":"0.5rem","--hop-border-radius-3":"1rem","--hop-border-radius-4":"1.5rem","--hop-border-radius-9999":"624.9375rem","--hop-space-0":"0","--hop-space-20":"0.125rem","--hop-space-40":"0.25rem","--hop-space-80":"0.5rem","--hop-space-160":"1rem","--hop-space-240":"1.5rem","--hop-space-320":"2rem","--hop-space-400":"2.5rem","--hop-space-480":"3rem","--hop-space-640":"4rem","--hop-space-800":"5rem","--hop-space-960":"6rem","--hop-space-1280":"8rem"},x={"--hop-space-inset-xs":"var(--hop-space-40)","--hop-space-inset-sm":"var(--hop-space-80)","--hop-space-inset-md":"var(--hop-space-160)","--hop-space-inset-lg":"var(--hop-space-240)","--hop-space-inset-xl":"var(--hop-space-320)","--hop-space-inset-squish-sm":"0.25rem var(--hop-space-80)","--hop-space-inset-squish-md":"0.5rem var(--hop-space-160)","--hop-space-inset-squish-lg":"1rem var(--hop-space-320)","--hop-space-inset-stretch-sm":"1rem var(--hop-space-80)","--hop-space-inset-stretch-md":"1.5rem var(--hop-space-160)","--hop-space-inset-stretch-lg":"3rem var(--hop-space-240)","--hop-space-stack-xs":"var(--hop-space-40)","--hop-space-stack-sm":"var(--hop-space-80)","--hop-space-stack-md":"var(--hop-space-160)","--hop-space-stack-lg":"var(--hop-space-240)","--hop-space-stack-xl":"var(--hop-space-320)","--hop-space-inline-xs":"var(--hop-space-40)","--hop-space-inline-sm":"var(--hop-space-80)","--hop-space-inline-md":"var(--hop-space-160)","--hop-space-inline-lg":"var(--hop-space-240)","--hop-space-inline-xl":"var(--hop-space-320)","--hop-upsell-border-active":"var(--hop-sunken-treasure-200)","--hop-upsell-text-active":"var(--hop-sunken-treasure-400)","--hop-upsell-icon-weakest":"var(--hop-sunken-treasure-75)","--hop-upsell-icon-weak":"var(--hop-sunken-treasure-100)","--hop-upsell-border":"var(--hop-sunken-treasure-100)","--hop-upsell-surface-hover":"var(--hop-sunken-treasure-100)","--hop-upsell-border-disabled":"var(--hop-sunken-treasure-75)","--hop-upsell-icon-active":"var(--hop-sunken-treasure-400)","--hop-upsell-surface-weak":"var(--hop-sunken-treasure-25)","--hop-upsell-surface-disabled":"var(--hop-sunken-treasure-75)","--hop-upsell-text":"var(--hop-sunken-treasure-800)","--hop-upsell-icon":"var(--hop-sunken-treasure-800)","--hop-upsell-text-hover":"var(--hop-sunken-treasure-900)","--hop-upsell-text-disabled":"var(--hop-sunken-treasure-400)","--hop-upsell-surface-active":"var(--hop-sunken-treasure-50)","--hop-upsell-surface":"var(--hop-sunken-treasure-25)","--hop-danger-border-active":"var(--hop-amanita-300)","--hop-danger-icon-active":"var(--hop-amanita-400)","--hop-danger-text-active":"var(--hop-amanita-400)","--hop-danger-surface":"var(--hop-amanita-25)","--hop-danger-text-hover":"var(--hop-amanita-500)","--hop-danger-surface-disabled":"var(--hop-amanita-100)","--hop-danger-surface-hover":"var(--hop-amanita-500)","--hop-danger-surface-strong":"var(--hop-amanita-300)","--hop-danger-surface-strong-hover":"var(--hop-amanita-500)","--hop-danger-surface-weak":"var(--hop-amanita-50)","--hop-danger-border-strong":"var(--hop-amanita-300)","--hop-danger-icon":"var(--hop-amanita-700)","--hop-danger-icon-weak":"var(--hop-amanita-300)","--hop-danger-text":"var(--hop-amanita-700)","--hop-danger-surface-active":"var(--hop-amanita-50)","--hop-danger-text-weak":"var(--hop-amanita-300)","--hop-danger-text-strong":"var(--hop-samoyed)","--hop-danger-text-strong-hover":"var(--hop-samoyed)","--hop-danger-icon-strong":"var(--hop-samoyed)","--hop-danger-icon-strong-hover":"var(--hop-samoyed)","--hop-danger-icon-hover":"var(--hop-amanita-500)","--hop-danger-text-disabled":"var(--hop-amanita-100)","--hop-danger-icon-disabled":"var(--hop-amanita-100)","--hop-danger-border":"var(--hop-amanita-100)","--hop-primary-icon-active":"var(--hop-sapphire-500)","--hop-primary-border-active":"var(--hop-sapphire-400)","--hop-primary-text-active":"var(--hop-sapphire-500)","--hop-primary-icon-strong":"var(--hop-samoyed)","--hop-primary-icon-strong-hover":"var(--hop-samoyed)","--hop-primary-icon":"var(--hop-sapphire-500)","--hop-primary-border-focus":"var(--hop-sapphire-500)","--hop-primary-border":"var(--hop-sapphire-400)","--hop-primary-icon-hover":"var(--hop-sapphire-600)","--hop-primary-icon-disabled":"var(--hop-sapphire-200)","--hop-primary-surface-disabled":"var(--hop-sapphire-200)","--hop-primary-surface-focus":"var(--hop-sapphire-25)","--hop-primary-text-disabled":"var(--hop-sapphire-200)","--hop-primary-surface":"var(--hop-sapphire-50)","--hop-primary-surface-weak":"var(--hop-sapphire-25)","--hop-primary-surface-strong":"var(--hop-sapphire-400)","--hop-primary-surface-strong-active":"var(--hop-sapphire-50)","--hop-primary-surface-strong-hover":"var(--hop-sapphire-600)","--hop-primary-text":"var(--hop-sapphire-500)","--hop-primary-surface-hover":"var(--hop-sapphire-600)","--hop-primary-text-strong":"var(--hop-samoyed)","--hop-primary-text-strong-hover":"var(--hop-samoyed)","--hop-primary-text-hover":"var(--hop-sapphire-600)","--hop-primary-surface-active":"var(--hop-sapphire-50)","--hop-decorative-option9-icon":"var(--hop-samoyed)","--hop-decorative-option9-surface":"var(--hop-rock-400)","--hop-decorative-option9-surface-strong":"var(--hop-rock-800)","--hop-decorative-option9-surface-hover":"var(--hop-rock-500)","--hop-decorative-option9-surface-weak":"var(--hop-rock-50)","--hop-decorative-option9-surface-weakest":"var(--hop-rock-25)","--hop-decorative-option9-text":"var(--hop-samoyed)","--hop-decorative-option9-text-weak":"var(--hop-rock-300)","--hop-decorative-option9-border":"var(--hop-rock-100)","--hop-decorative-option8-icon":"var(--hop-amanita-900)","--hop-decorative-option8-surface-weakest":"var(--hop-amanita-25)","--hop-decorative-option8-surface-weak":"var(--hop-amanita-50)","--hop-decorative-option8-surface-hover":"var(--hop-amanita-200)","--hop-decorative-option8-surface-strong":"var(--hop-amanita-100)","--hop-decorative-option8-text-weak":"var(--hop-amanita-300)","--hop-decorative-option8-surface":"var(--hop-amanita-100)","--hop-decorative-option8-text":"var(--hop-amanita-900)","--hop-decorative-option8-border":"var(--hop-amanita-100)","--hop-decorative-option7-icon":"var(--hop-toad-900)","--hop-decorative-option7-surface-weakest":"var(--hop-toad-25)","--hop-decorative-option7-surface-weak":"var(--hop-toad-50)","--hop-decorative-option7-surface-strong":"var(--hop-toad-75)","--hop-decorative-option7-surface-hover":"var(--hop-toad-75)","--hop-decorative-option7-surface":"var(--hop-toad-75)","--hop-decorative-option7-text-weak":"var(--hop-toad-500)","--hop-decorative-option7-text":"var(--hop-toad-900)","--hop-decorative-option7-border":"var(--hop-toad-100)","--hop-decorative-option5-text-weak":"var(--hop-coastal-300)","--hop-decorative-option5-text":"var(--hop-coastal-900)","--hop-decorative-option5-surface-weakest":"var(--hop-coastal-25)","--hop-decorative-option5-surface-weak":"var(--hop-coastal-50)","--hop-decorative-option5-surface-strong":"var(--hop-coastal-100)","--hop-decorative-option5-surface-hover":"var(--hop-coastal-100)","--hop-decorative-option5-surface":"var(--hop-coastal-75)","--hop-decorative-option5-icon":"var(--hop-coastal-900)","--hop-decorative-option5-border":"var(--hop-coastal-100)","--hop-decorative-option6-surface-weakest":"var(--hop-sunken-treasure-25)","--hop-decorative-option6-surface-weak":"var(--hop-sunken-treasure-50)","--hop-decorative-option6-surface-hover":"var(--hop-sunken-treasure-100)","--hop-decorative-option6-surface-strong":"var(--hop-sunken-treasure-100)","--hop-decorative-option6-surface":"var(--hop-sunken-treasure-75)","--hop-decorative-option6-icon":"var(--hop-sunken-treasure-900)","--hop-decorative-option6-text":"var(--hop-sunken-treasure-900)","--hop-decorative-option6-text-weak":"var(--hop-sunken-treasure-200)","--hop-decorative-option6-border":"var(--hop-sunken-treasure-100)","--hop-decorative-option4-surface-weakest":"var(--hop-moss-25)","--hop-decorative-option4-surface-weak":"var(--hop-moss-50)","--hop-decorative-option4-surface-strong":"var(--hop-moss-100)","--hop-decorative-option4-surface-hover":"var(--hop-moss-100)","--hop-decorative-option4-surface":"var(--hop-moss-75)","--hop-decorative-option4-icon":"var(--hop-moss-900)","--hop-decorative-option4-text-weak":"var(--hop-moss-400)","--hop-decorative-option4-text":"var(--hop-moss-900)","--hop-decorative-option4-border":"var(--hop-moss-100)","--hop-decorative-option3-surface-weak":"var(--hop-koi-100)","--hop-decorative-option3-surface-weakest":"var(--hop-koi-25)","--hop-decorative-option3-surface-strong":"var(--hop-koi-200)","--hop-decorative-option3-surface-hover":"var(--hop-koi-200)","--hop-decorative-option3-surface":"var(--hop-koi-200)","--hop-decorative-option3-icon":"var(--hop-koi-900)","--hop-decorative-option3-text":"var(--hop-koi-900)","--hop-decorative-option3-text-weak":"var(--hop-koi-300)","--hop-decorative-option3-border":"var(--hop-koi-100)","--hop-decorative-option2-surface-weakest":"var(--hop-quetzal-25)","--hop-decorative-option2-surface-weak":"var(--hop-quetzal-50)","--hop-decorative-option2-surface-strong":"var(--hop-quetzal-100)","--hop-decorative-option2-surface":"var(--hop-quetzal-75)","--hop-decorative-option2-surface-hover":"var(--hop-quetzal-100)","--hop-decorative-option2-text":"var(--hop-quetzal-900)","--hop-decorative-option2-text-weak":"var(--hop-quetzal-300)","--hop-decorative-option2-icon":"var(--hop-quetzal-900)","--hop-decorative-option2-border":"var(--hop-quetzal-100)","--hop-decorative-option1-surface-weak":"var(--hop-sapphire-50)","--hop-decorative-option1-surface-weakest":"var(--hop-sapphire-25)","--hop-decorative-option1-surface-strong":"var(--hop-sapphire-200)","--hop-decorative-option1-surface-hover":"var(--hop-sapphire-200)","--hop-decorative-option1-surface":"var(--hop-sapphire-100)","--hop-decorative-option1-border":"var(--hop-sapphire-100)","--hop-decorative-option1-text-weak":"var(--hop-sapphire-300)","--hop-decorative-option1-icon":"var(--hop-sapphire-900)","--hop-decorative-option1-text":"var(--hop-sapphire-900)","--hop-neutral-text-hover":"var(--hop-rock-700)","--hop-neutral-surface-weakest-active":"var(--hop-rock-50)","--hop-neutral-surface-weakest-hover":"var(--hop-rock-50)","--hop-neutral-text-weak":"var(--hop-rock-400)","--hop-neutral-surface-disabled":"var(--hop-rock-50)","--hop-neutral-surface-active":"var(--hop-rock-800)","--hop-neutral-surface-weak":"var(--hop-rock-50)","--hop-neutral-surface":"var(--hop-samoyed)","--hop-neutral-text-disabled":"var(--hop-rock-300)","--hop-neutral-text-active":"var(--hop-samoyed)","--hop-neutral-text-strong":"var(--hop-samoyed)","--hop-neutral-text":"var(--hop-rock-800)","--hop-neutral-text-weakest":"var(--hop-rock-200)","--hop-neutral-border-disabled":"var(--hop-rock-50)","--hop-neutral-border-strong":"var(--hop-rock-800)","--hop-neutral-surface-strong":"var(--hop-rock-800)","--hop-neutral-surface-hover":"var(--hop-rock-25)","--hop-neutral-icon-disabled":"var(--hop-rock-300)","--hop-neutral-icon":"var(--hop-rock-800)","--hop-neutral-icon-weak":"var(--hop-rock-400)","--hop-neutral-icon-weak-hover":"var(--hop-rock-700)","--hop-neutral-border":"var(--hop-rock-200)","--hop-neutral-border-weak":"var(--hop-rock-75)","--hop-neutral-icon-weakest":"var(--hop-rock-200)","--hop-neutral-icon-strong":"var(--hop-samoyed)","--hop-neutral-icon-hover":"var(--hop-rock-700)","--hop-neutral-icon-active":"var(--hop-samoyed)","--hop-neutral-border-hover":"var(--hop-rock-300)","--hop-neutral-border-active":"var(--hop-rock-800)","--hop-neutral-surface-weak-hover":"var(--hop-rock-50)","--hop-neutral-border-weakest":"var(--hop-rock-50)","--hop-neutral-surface-weakest":"var(--hop-rock-25)","--hop-warning-icon-weakest":"var(--hop-koi-100)","--hop-warning-icon-weak":"var(--hop-koi-300)","--hop-warning-text-weak":"var(--hop-koi-300)","--hop-warning-surface":"var(--hop-koi-25)","--hop-warning-surface-strong":"var(--hop-koi-100)","--hop-warning-surface-weak":"var(--hop-koi-50)","--hop-warning-border":"var(--hop-koi-100)","--hop-warning-icon":"var(--hop-koi-700)","--hop-warning-text":"var(--hop-koi-700)","--hop-success-border":"var(--hop-moss-100)","--hop-success-icon-weak":"var(--hop-moss-300)","--hop-success-icon-weakest":"var(--hop-moss-100)","--hop-success-text-weak":"var(--hop-moss-300)","--hop-success-surface":"var(--hop-moss-25)","--hop-success-surface-strong":"var(--hop-moss-100)","--hop-success-text-hover":"var(--hop-moss-800)","--hop-success-text":"var(--hop-moss-700)","--hop-success-icon":"var(--hop-moss-700)","--hop-success-surface-weak":"var(--hop-moss-50)","--hop-information-icon-weakest":"var(--hop-coastal-75)","--hop-information-surface-strong":"var(--hop-coastal-100)","--hop-information-icon-weak":"var(--hop-coastal-300)","--hop-information-text":"var(--hop-coastal-800)","--hop-information-surface":"var(--hop-coastal-25)","--hop-information-surface-weak":"var(--hop-coastal-50)","--hop-information-text-weak":"var(--hop-coastal-300)","--hop-information-icon":"var(--hop-coastal-700)","--hop-information-border":"var(--hop-coastal-100)","--hop-status-neutral-surface-strong":"var(--hop-rock-200)","--hop-status-neutral-text":"var(--hop-rock-800)","--hop-status-neutral-icon":"var(--hop-rock-800)","--hop-status-neutral-surface":"var(--hop-samoyed)","--hop-status-progress-surface-strong":"var(--hop-sapphire-200)","--hop-status-progress-icon":"var(--hop-sapphire-500)","--hop-status-progress-surface":"var(--hop-sapphire-50)","--hop-status-progress-text":"var(--hop-sapphire-500)","--hop-status-option6-surface-strong":"var(--hop-sunken-treasure-200)","--hop-status-option6-icon":"var(--hop-sunken-treasure-600)","--hop-status-option6-surface":"var(--hop-sunken-treasure-25)","--hop-status-option6-text":"var(--hop-sunken-treasure-600)","--hop-status-option5-surface-strong":"var(--hop-toad-200)","--hop-status-option5-icon":"var(--hop-toad-600)","--hop-status-option5-surface":"var(--hop-toad-50)","--hop-status-option5-text":"var(--hop-toad-600)","--hop-status-option1-surface-strong":"var(--hop-coastal-200)","--hop-status-option1-icon":"var(--hop-coastal-700)","--hop-status-option1-surface":"var(--hop-coastal-50)","--hop-status-option1-text":"var(--hop-coastal-700)","--hop-status-option2-surface-strong":"var(--hop-orchid-bloom-200)","--hop-status-option2-text":"var(--hop-orchid-bloom-700)","--hop-status-option2-surface":"var(--hop-orchid-bloom-50)","--hop-status-option2-icon":"var(--hop-orchid-bloom-700)","--hop-status-option3-surface-strong":"var(--hop-quetzal-200)","--hop-status-option3-icon":"var(--hop-quetzal-700)","--hop-status-option3-surface":"var(--hop-quetzal-50)","--hop-status-option3-text":"var(--hop-quetzal-700)","--hop-status-option4-surface-strong":"var(--hop-fog-200)","--hop-status-option4-icon":"var(--hop-fog-600)","--hop-status-option4-surface":"var(--hop-fog-50)","--hop-status-option4-text":"var(--hop-fog-600)","--hop-status-caution-surface-strong":"var(--hop-koi-200)","--hop-status-caution-icon":"var(--hop-koi-700)","--hop-status-caution-surface":"var(--hop-koi-50)","--hop-status-caution-text":"var(--hop-koi-700)","--hop-status-negative-surface-strong":"var(--hop-amanita-200)","--hop-status-negative-icon":"var(--hop-amanita-700)","--hop-status-negative-surface":"var(--hop-amanita-50)","--hop-status-negative-text":"var(--hop-amanita-700)","--hop-status-inactive-surface-strong":"var(--hop-rock-100)","--hop-status-inactive-icon":"var(--hop-rock-500)","--hop-status-inactive-surface":"var(--hop-rock-50)","--hop-status-inactive-text":"var(--hop-rock-700)","--hop-status-positive-icon":"var(--hop-moss-700)","--hop-status-positive-surface-strong":"var(--hop-moss-200)","--hop-status-positive-surface":"var(--hop-moss-50)","--hop-status-positive-text":"var(--hop-moss-700)","--hop-elevation-none":"var(--hop-shadow-none)","--hop-elevation-raised":"var(--hop-shadow-sm)","--hop-elevation-lifted":"var(--hop-shadow-md)","--hop-elevation-floating":"var(--hop-shadow-lg)","--hop-heading-3xl-font-family":"var(--hop-font-family-primary)","--hop-heading-3xl-font-size":"var(--hop-font-size-360)","--hop-heading-3xl-font-weight":"var(--hop-font-weight-680)","--hop-heading-3xl-line-height":"var(--hop-line-height-1-33)","--hop-heading-2xl-font-family":"var(--hop-font-family-primary)","--hop-heading-2xl-font-size":"var(--hop-font-size-320)","--hop-heading-2xl-font-weight":"var(--hop-font-weight-580)","--hop-heading-2xl-line-height":"var(--hop-line-height-1-25)","--hop-heading-xl-font-family":"var(--hop-font-family-primary)","--hop-heading-xl-font-size":"var(--hop-font-size-280)","--hop-heading-xl-font-weight":"var(--hop-font-weight-680)","--hop-heading-xl-line-height":"var(--hop-line-height-1-14)","--hop-heading-lg-font-family":"var(--hop-font-family-primary)","--hop-heading-lg-font-size":"var(--hop-font-size-240)","--hop-heading-lg-font-weight":"var(--hop-font-weight-680)","--hop-heading-lg-line-height":"var(--hop-line-height-1-33)","--hop-heading-md-font-family":"var(--hop-font-family-primary)","--hop-heading-md-font-size":"var(--hop-font-size-200)","--hop-heading-md-font-weight":"var(--hop-font-weight-580)","--hop-heading-md-line-height":"var(--hop-line-height-1-20)","--hop-heading-sm-font-family":"var(--hop-font-family-primary)","--hop-heading-sm-font-size":"var(--hop-font-size-180)","--hop-heading-sm-font-weight":"var(--hop-font-weight-580)","--hop-heading-sm-line-height":"var(--hop-line-height-1-50)","--hop-heading-xs-font-family":"var(--hop-font-family-primary)","--hop-heading-xs-font-size":"var(--hop-font-size-160)","--hop-heading-xs-font-weight":"var(--hop-font-weight-410)","--hop-heading-xs-line-height":"var(--hop-line-height-1-50)","--hop-heading-xs-medium-font-family":"var(--hop-font-family-primary)","--hop-heading-xs-medium-font-size":"var(--hop-font-size-160)","--hop-heading-xs-medium-font-weight":"var(--hop-font-weight-580)","--hop-heading-xs-medium-line-height":"var(--hop-line-height-1-50)","--hop-overline-font-family":"var(--hop-font-family-tertiary)","--hop-overline-font-size":"var(--hop-font-size-120)","--hop-overline-font-weight":"var(--hop-font-weight-400)","--hop-overline-line-height":"var(--hop-line-height-1-33)","--hop-body-2xl-font-family":"var(--hop-font-family-secondary)","--hop-body-2xl-font-size":"var(--hop-font-size-320)","--hop-body-2xl-font-weight":"var(--hop-font-weight-410)","--hop-body-2xl-line-height":"var(--hop-line-height-1-125)","--hop-body-xl-font-family":"var(--hop-font-family-secondary)","--hop-body-xl-font-size":"var(--hop-font-size-280)","--hop-body-xl-font-weight":"var(--hop-font-weight-410)","--hop-body-xl-line-height":"var(--hop-line-height-1-14)","--hop-body-lg-font-family":"var(--hop-font-family-secondary)","--hop-body-lg-font-size":"var(--hop-font-size-180)","--hop-body-lg-font-weight":"var(--hop-font-weight-410)","--hop-body-lg-line-height":"var(--hop-line-height-1-33)","--hop-body-lg-medium-font-family":"var(--hop-font-family-secondary)","--hop-body-lg-medium-font-size":"var(--hop-font-size-180)","--hop-body-lg-medium-font-weight":"var(--hop-font-weight-505)","--hop-body-lg-medium-line-height":"var(--hop-line-height-1-33)","--hop-body-lg-semibold-font-family":"var(--hop-font-family-secondary)","--hop-body-lg-semibold-font-size":"var(--hop-font-size-180)","--hop-body-lg-semibold-font-weight":"var(--hop-font-weight-590)","--hop-body-lg-semibold-line-height":"var(--hop-line-height-1-33)","--hop-body-lg-bold-font-family":"var(--hop-font-family-secondary)","--hop-body-lg-bold-font-size":"var(--hop-font-size-180)","--hop-body-lg-bold-font-weight":"var(--hop-font-weight-690)","--hop-body-lg-bold-line-height":"var(--hop-line-height-1-33)","--hop-body-lg-underline-font-family":"var(--hop-font-family-secondary)","--hop-body-lg-underline-font-size":"var(--hop-font-size-180)","--hop-body-lg-underline-font-weight":"var(--hop-font-weight-505)","--hop-body-lg-underline-line-height":"var(--hop-line-height-1-33)","--hop-body-md-font-family":"var(--hop-font-family-secondary)","--hop-body-md-font-size":"var(--hop-font-size-160)","--hop-body-md-font-weight":"var(--hop-font-weight-410)","--hop-body-md-line-height":"var(--hop-line-height-1-50)","--hop-body-md-medium-font-family":"var(--hop-font-family-secondary)","--hop-body-md-medium-font-size":"var(--hop-font-size-160)","--hop-body-md-medium-font-weight":"var(--hop-font-weight-505)","--hop-body-md-medium-line-height":"var(--hop-line-height-1-50)","--hop-body-md-semibold-font-family":"var(--hop-font-family-secondary)","--hop-body-md-semibold-font-size":"var(--hop-font-size-160)","--hop-body-md-semibold-font-weight":"var(--hop-font-weight-590)","--hop-body-md-semibold-line-height":"var(--hop-line-height-1-50)","--hop-body-md-bold-font-family":"var(--hop-font-family-secondary)","--hop-body-md-bold-font-size":"var(--hop-font-size-160)","--hop-body-md-bold-font-weight":"var(--hop-font-weight-690)","--hop-body-md-bold-line-height":"var(--hop-line-height-1-50)","--hop-body-md-underline-font-family":"var(--hop-font-family-secondary)","--hop-body-md-underline-font-size":"var(--hop-font-size-160)","--hop-body-md-underline-font-weight":"var(--hop-font-weight-410)","--hop-body-md-underline-line-height":"var(--hop-line-height-1-50)","--hop-body-sm-font-family":"var(--hop-font-family-secondary)","--hop-body-sm-font-size":"var(--hop-font-size-140)","--hop-body-sm-font-weight":"var(--hop-font-weight-410)","--hop-body-sm-line-height":"var(--hop-line-height-1-4285)","--hop-body-sm-medium-font-family":"var(--hop-font-family-secondary)","--hop-body-sm-medium-font-size":"var(--hop-font-size-140)","--hop-body-sm-medium-font-weight":"var(--hop-font-weight-505)","--hop-body-sm-medium-line-height":"var(--hop-line-height-1-4285)","--hop-body-sm-semibold-font-family":"var(--hop-font-family-secondary)","--hop-body-sm-semibold-font-size":"var(--hop-font-size-140)","--hop-body-sm-semibold-font-weight":"var(--hop-font-weight-590)","--hop-body-sm-semibold-line-height":"var(--hop-line-height-1-4285)","--hop-body-sm-bold-font-family":"var(--hop-font-family-secondary)","--hop-body-sm-bold-font-size":"var(--hop-font-size-140)","--hop-body-sm-bold-font-weight":"var(--hop-font-weight-690)","--hop-body-sm-bold-line-height":"var(--hop-line-height-1-4285)","--hop-body-sm-underline-font-family":"var(--hop-font-family-secondary)","--hop-body-sm-underline-font-size":"var(--hop-font-size-140)","--hop-body-sm-underline-font-weight":"var(--hop-font-weight-505)","--hop-body-sm-underline-line-height":"var(--hop-line-height-1-4285)","--hop-body-xs-font-family":"var(--hop-font-family-secondary)","--hop-body-xs-font-size":"var(--hop-font-size-120)","--hop-body-xs-font-weight":"var(--hop-font-weight-410)","--hop-body-xs-line-height":"var(--hop-line-height-1-33)","--hop-body-xs-medium-font-family":"var(--hop-font-family-secondary)","--hop-body-xs-medium-font-size":"var(--hop-font-size-120)","--hop-body-xs-medium-font-weight":"var(--hop-font-weight-505)","--hop-body-xs-medium-line-height":"var(--hop-line-height-1-33)","--hop-body-xs-semibold-font-family":"var(--hop-font-family-secondary)","--hop-body-xs-semibold-font-size":"var(--hop-font-size-120)","--hop-body-xs-semibold-font-weight":"var(--hop-font-weight-590)","--hop-body-xs-semibold-line-height":"var(--hop-line-height-1-33)","--hop-body-xs-bold-font-family":"var(--hop-font-family-secondary)","--hop-body-xs-bold-font-size":"var(--hop-font-size-120)","--hop-body-xs-bold-font-weight":"var(--hop-font-weight-690)","--hop-body-xs-bold-line-height":"var(--hop-line-height-1-33)","--hop-body-xs-underline-font-family":"var(--hop-font-family-secondary)","--hop-body-xs-underline-font-size":"var(--hop-font-size-120)","--hop-body-xs-underline-font-weight":"var(--hop-font-weight-505)","--hop-body-xs-underline-line-height":"var(--hop-line-height-1-33)","--hop-accent-lg-font-family":"var(--hop-font-family-primary)","--hop-accent-lg-font-size":"var(--hop-font-size-480)","--hop-accent-lg-font-weight":"var(--hop-font-weight-580)","--hop-accent-lg-line-height":"var(--hop-line-height-1-125)","--hop-accent-sm-font-family":"var(--hop-font-family-primary)","--hop-accent-sm-font-size":"var(--hop-font-size-180)","--hop-accent-sm-font-weight":"var(--hop-font-weight-580)","--hop-accent-sm-line-height":"var(--hop-line-height-1-33)","--hop-shape-circle":"var(--hop-border-radius-9999)","--hop-shape-pill":"var(--hop-border-radius-4)","--hop-shape-rounded-lg":"var(--hop-border-radius-3)","--hop-shape-rounded-md":"var(--hop-border-radius-2)","--hop-shape-rounded-sm":"var(--hop-border-radius-1)"};var d={Core:w,Semantic:x,DarkSemantic:b};function z(){return i(`hop-tokens-${p}`,f(`.hop.${p}`,d.Core),!1),i(`hop-tokens-semantic-${p}`,f(`.hop.${p}`,d.Semantic),!1),i(`hop-tokens-semantic-dark-${p}`,f(`.hop.${p}.${p}-dark`,d.DarkSemantic),!1),null}function f(o,e){let r=Object.entries(e).reduce((a,[t,s])=>`${a} ${t}: ${s};`,"");return `${o} {${r}
-}`}function C(o){let e,r,a="";if(typeof o=="string"||typeof o=="number")a+=o;else if(typeof o=="object")if(Array.isArray(o))for(e=0;e<o.length;e++)o[e]&&(r=C(o[e]))&&(a&&(a+=" "),a+=r);else for(e in o)o[e]&&(a&&(a+=" "),a+=e);return a}function B(...o){let e=0,r,a,t="";for(;e<o.length;)(r=o[e++])&&(a=C(r))&&(t&&(t+=" "),t+=a);return t}var S=B;function Co({children:o,withBodyStyle:e=!1,withCssVariables:r=!0,colorScheme:a="light",className:t,...s}){let u=S(`${c} ${c}-${a} ${p} ${p}-${a}`,t);return jsxs("div",{className:u,...s,children:[e&&jsx(k,{}),r&&jsx(z,{}),o]})}
+        `}var R=createContext(void 0);var $={xs:640,sm:768,md:1024,lg:1280,xl:1440};var m="lg";function j({children:o,unsupportedMatchMediaBreakpoint:e=m}){let a=no(e);return jsx(R.Provider,{value:{matchedBreakpoints:a},children:o})}function no(o=m){let e=useCallback(()=>{let p=Object.entries($).sort(([,n],[,c])=>c-n),h=p.map(([,n])=>`(min-width: ${n}px)`),s=[];for(let n in h){let c=h[n];window.matchMedia(c).matches&&s.push(p[n][0]);}return s.push("base"),s},[]),[a,r]=useState(u?e():[o]);return useEffect(()=>{if(!u)return;let p=()=>{let h=e();r(s=>s.length!==h.length||s.some((n,c)=>n!==h[c])?[...h]:s);};return window.addEventListener("resize",p),()=>{window.removeEventListener("resize",p);}},[e]),useIsSSR()?[o]:a}var M={"--hop-upsell-border-active":"var(--hop-sunken-treasure-500)","--hop-upsell-text-active":"var(--hop-sunken-treasure-300)","--hop-upsell-icon-weakest":"var(--hop-sunken-treasure-100)","--hop-upsell-icon-weak":"var(--hop-sunken-treasure-300)","--hop-upsell-border":"var(--hop-sunken-treasure-200)","--hop-upsell-surface-hover":"var(--hop-sunken-treasure-100)","--hop-upsell-border-disabled":"var(--hop-sunken-treasure-700)","--hop-upsell-icon-active":"var(--hop-sunken-treasure-300)","--hop-upsell-surface-weak":"var(--hop-sunken-treasure-800)","--hop-upsell-surface-disabled":"var(--hop-sunken-treasure-700)","--hop-upsell-text":"var(--hop-sunken-treasure-900)","--hop-upsell-icon":"var(--hop-sunken-treasure-900)","--hop-upsell-text-hover":"var(--hop-sunken-treasure-700)","--hop-upsell-text-disabled":"var(--hop-sunken-treasure-300)","--hop-upsell-surface-active":"var(--hop-sunken-treasure-800)","--hop-upsell-surface":"var(--hop-sunken-treasure-50)","--hop-danger-border-active":"var(--hop-amanita-400)","--hop-danger-icon-active":"var(--hop-amanita-300)","--hop-danger-text-active":"var(--hop-amanita-300)","--hop-danger-surface":"var(--hop-amanita-200)","--hop-danger-text-hover":"var(--hop-amanita-200)","--hop-danger-surface-disabled":"var(--hop-amanita-600)","--hop-danger-surface-hover":"var(--hop-amanita-200)","--hop-danger-surface-strong":"var(--hop-amanita-300)","--hop-danger-surface-strong-hover":"var(--hop-amanita-200)","--hop-danger-surface-weak":"var(--hop-amanita-900)","--hop-danger-border-strong":"var(--hop-amanita-300)","--hop-danger-icon":"var(--hop-amanita-900)","--hop-danger-icon-weak":"var(--hop-amanita-100)","--hop-danger-text":"var(--hop-amanita-900)","--hop-danger-surface-active":"var(--hop-amanita-800)","--hop-danger-text-weak":"var(--hop-amanita-100)","--hop-danger-text-strong":"var(--hop-samoyed)","--hop-danger-text-strong-hover":"var(--hop-samoyed)","--hop-danger-icon-strong":"var(--hop-samoyed)","--hop-danger-icon-hover":"var(--hop-amanita-200)","--hop-danger-text-disabled":"var(--hop-amanita-600)","--hop-danger-icon-disabled":"var(--hop-amanita-600)","--hop-danger-border":"var(--hop-amanita-500)","--hop-primary-icon-active":"var(--hop-sapphire-200)","--hop-primary-border-active":"var(--hop-sapphire-300)","--hop-primary-text-active":"var(--hop-sapphire-200)","--hop-primary-icon-strong":"var(--hop-samoyed)","--hop-primary-icon-strong-hover":"var(--hop-sapphire-300)","--hop-primary-icon":"var(--hop-sapphire-200)","--hop-primary-border-focus":"var(--hop-sapphire-200)","--hop-primary-border":"var(--hop-sapphire-300)","--hop-primary-icon-hover":"var(--hop-sapphire-300)","--hop-primary-icon-disabled":"var(--hop-sapphire-700)","--hop-primary-surface-disabled":"var(--hop-sapphire-700)","--hop-primary-surface-focus":"var(--hop-sapphire-900)","--hop-primary-text-disabled":"var(--hop-sapphire-700)","--hop-primary-surface":"var(--hop-sapphire-200)","--hop-primary-surface-weak":"var(--hop-sapphire-800)","--hop-primary-surface-strong":"var(--hop-sapphire-400)","--hop-primary-surface-strong-hover":"var(--hop-sapphire-200)","--hop-primary-surface-strong-active":"var(--hop-sapphire-800)","--hop-primary-text":"var(--hop-sapphire-200)","--hop-primary-surface-hover":"var(--hop-sapphire-200)","--hop-primary-text-strong":"var(--hop-samoyed)","--hop-primary-text-strong-hover":"var(--hop-sapphire-300)","--hop-primary-text-hover":"var(--hop-sapphire-300)","--hop-primary-surface-active":"var(--hop-sapphire-800)","--hop-decorative-option9-border":"var(--hop-rock-400)","--hop-decorative-option9-icon":"var(--hop-samoyed)","--hop-decorative-option9-surface-weakest":"var(--hop-rock-200)","--hop-decorative-option9-surface-weak":"var(--hop-rock-300)","--hop-decorative-option9-surface-weak-hover":"var(--hop-rock-400)","--hop-decorative-option9-surface-strong":"var(--hop-rock-800)","--hop-decorative-option9-surface-hover":"var(--hop-rock-500)","--hop-decorative-option9-surface":"var(--hop-rock-400)","--hop-decorative-option9-text":"var(--hop-samoyed)","--hop-decorative-option9-text-weak":"var(--hop-rock-300)","--hop-decorative-option8-border":"var(--hop-amanita-400)","--hop-decorative-option8-icon":"var(--hop-amanita-900)","--hop-decorative-option8-surface-weakest":"var(--hop-amanita-25)","--hop-decorative-option8-surface-weak":"var(--hop-amanita-50)","--hop-decorative-option8-surface-weak-hover":"var(--hop-amanita-75)","--hop-decorative-option8-surface-strong":"var(--hop-amanita-100)","--hop-decorative-option8-surface-hover":"var(--hop-amanita-200)","--hop-decorative-option8-text-weak":"var(--hop-amanita-300)","--hop-decorative-option8-surface":"var(--hop-amanita-75)","--hop-decorative-option8-text":"var(--hop-amanita-900)","--hop-decorative-option7-border":"var(--hop-toad-400)","--hop-decorative-option7-icon":"var(--hop-toad-900)","--hop-decorative-option7-surface-weakest":"var(--hop-toad-25)","--hop-decorative-option7-surface-weak":"var(--hop-toad-50)","--hop-decorative-option7-surface-weak-hover":"var(--hop-toad-75)","--hop-decorative-option7-surface-strong":"var(--hop-toad-100)","--hop-decorative-option7-surface-hover":"var(--hop-toad-100)","--hop-decorative-option7-surface":"var(--hop-toad-50)","--hop-decorative-option7-text-weak":"var(--hop-toad-500)","--hop-decorative-option7-text":"var(--hop-toad-900)","--hop-decorative-option5-text-weak":"var(--hop-coastal-300)","--hop-decorative-option5-text":"var(--hop-coastal-900)","--hop-decorative-option5-surface-weakest":"var(--hop-coastal-25)","--hop-decorative-option5-surface-weak":"var(--hop-coastal-50)","--hop-decorative-option5-surface-weak-hover":"var(--hop-coastal-75)","--hop-decorative-option5-surface-strong":"var(--hop-coastal-100)","--hop-decorative-option5-surface-hover":"var(--hop-coastal-100)","--hop-decorative-option5-surface":"var(--hop-coastal-75)","--hop-decorative-option5-border":"var(--hop-coastal-400)","--hop-decorative-option5-icon":"var(--hop-coastal-900)","--hop-decorative-option6-surface-weakest":"var(--hop-sunken-treasure-25)","--hop-decorative-option6-surface-weak":"var(--hop-sunken-treasure-50)","--hop-decorative-option6-surface-weak-hover":"var(--hop-sunken-treasure-75)","--hop-decorative-option6-surface-strong":"var(--hop-sunken-treasure-100)","--hop-decorative-option6-surface-hover":"var(--hop-sunken-treasure-100)","--hop-decorative-option6-surface":"var(--hop-sunken-treasure-75)","--hop-decorative-option6-border":"var(--hop-sunken-treasure-400)","--hop-decorative-option6-icon":"var(--hop-sunken-treasure-900)","--hop-decorative-option6-text":"var(--hop-sunken-treasure-900)","--hop-decorative-option6-text-weak":"var(--hop-sunken-treasure-200)","--hop-decorative-option4-surface-weakest":"var(--hop-moss-25)","--hop-decorative-option4-surface-weak":"var(--hop-moss-50)","--hop-decorative-option4-surface-weak-hover":"var(--hop-moss-75)","--hop-decorative-option4-surface-strong":"var(--hop-moss-100)","--hop-decorative-option4-surface-hover":"var(--hop-moss-100)","--hop-decorative-option4-surface":"var(--hop-moss-75)","--hop-decorative-option4-border":"var(--hop-moss-400)","--hop-decorative-option4-icon":"var(--hop-moss-900)","--hop-decorative-option4-text-weak":"var(--hop-moss-400)","--hop-decorative-option4-text":"var(--hop-moss-900)","--hop-decorative-option3-surface-strong":"var(--hop-koi-200)","--hop-decorative-option3-surface-weakest":"var(--hop-koi-25)","--hop-decorative-option3-surface-weak":"var(--hop-koi-50)","--hop-decorative-option3-surface-weak-hover":"var(--hop-koi-75)","--hop-decorative-option3-surface-hover":"var(--hop-koi-200)","--hop-decorative-option3-surface":"var(--hop-koi-100)","--hop-decorative-option3-border":"var(--hop-koi-400)","--hop-decorative-option3-icon":"var(--hop-koi-900)","--hop-decorative-option3-text":"var(--hop-koi-900)","--hop-decorative-option3-text-weak":"var(--hop-koi-300)","--hop-decorative-option2-surface-weakest":"var(--hop-quetzal-25)","--hop-decorative-option2-surface-weak":"var(--hop-quetzal-50)","--hop-decorative-option2-surface-weak-hover":"var(--hop-quetzal-75)","--hop-decorative-option2-surface-strong":"var(--hop-quetzal-100)","--hop-decorative-option2-surface-hover":"var(--hop-quetzal-100)","--hop-decorative-option2-surface":"var(--hop-quetzal-75)","--hop-decorative-option2-text":"var(--hop-quetzal-900)","--hop-decorative-option2-text-weak":"var(--hop-quetzal-300)","--hop-decorative-option2-border":"var(--hop-quetzal-400)","--hop-decorative-option2-icon":"var(--hop-quetzal-900)","--hop-decorative-option1-surface-strong":"var(--hop-sapphire-200)","--hop-decorative-option1-surface-weakest":"var(--hop-sapphire-25)","--hop-decorative-option1-surface-weak":"var(--hop-sapphire-50)","--hop-decorative-option1-surface-weak-hover":"var(--hop-sapphire-75)","--hop-decorative-option1-surface-hover":"var(--hop-sapphire-200)","--hop-decorative-option1-surface":"var(--hop-sapphire-100)","--hop-decorative-option1-text-weak":"var(--hop-sapphire-300)","--hop-decorative-option1-border":"var(--hop-sapphire-400)","--hop-decorative-option1-icon":"var(--hop-sapphire-900)","--hop-decorative-option1-text":"var(--hop-sapphire-900)","--hop-neutral-text-hover":"var(--hop-rock-50)","--hop-neutral-surface-weakest-hover":"var(--hop-rock-800)","--hop-neutral-text-weak":"var(--hop-rock-200)","--hop-neutral-surface-disabled":"var(--hop-rock-700)","--hop-neutral-surface-active":"var(--hop-toad-25)","--hop-neutral-surface-weak":"var(--hop-rock-800)","--hop-neutral-surface":"var(--hop-abyss)","--hop-neutral-text-disabled":"var(--hop-rock-500)","--hop-neutral-text-active":"var(--hop-rock-900)","--hop-neutral-text-strong":"var(--hop-rock-900)","--hop-neutral-text":"var(--hop-rock-25)","--hop-neutral-text-weakest":"var(--hop-rock-400)","--hop-neutral-border-disabled":"var(--hop-rock-800)","--hop-neutral-border-strong-hover":"var(--hop-samoyed)","--hop-neutral-border-strong":"var(--hop-samoyed)","--hop-neutral-surface-strong":"var(--hop-samoyed)","--hop-neutral-surface-hover":"var(--hop-rock-800)","--hop-neutral-icon-disabled":"var(--hop-rock-500)","--hop-neutral-icon":"var(--hop-rock-25)","--hop-neutral-icon-weak":"var(--hop-rock-200)","--hop-neutral-border":"var(--hop-rock-500)","--hop-neutral-border-weak":"var(--hop-rock-800)","--hop-neutral-icon-weakest":"var(--hop-rock-400)","--hop-neutral-icon-strong":"var(--hop-rock-900)","--hop-neutral-icon-hover":"var(--hop-rock-50)","--hop-neutral-icon-active":"var(--hop-rock-900)","--hop-neutral-border-hover":"var(--hop-rock-300)","--hop-neutral-border-active":"var(--hop-toad-25)","--hop-neutral-surface-weak-hover":"var(--hop-rock-700)","--hop-neutral-border-weakest":"var(--hop-rock-800)","--hop-neutral-surface-weakest":"var(--hop-rock-900)","--hop-warning-icon-weakest":"var(--hop-koi-200)","--hop-warning-icon-weak":"var(--hop-koi-75)","--hop-warning-text-weak":"var(--hop-koi-75)","--hop-warning-surface":"var(--hop-koi-75)","--hop-warning-surface-strong":"var(--hop-koi-300)","--hop-warning-surface-weak":"var(--hop-koi-800)","--hop-warning-border":"var(--hop-koi-500)","--hop-warning-icon":"var(--hop-koi-900)","--hop-warning-text":"var(--hop-koi-900)","--hop-success-border":"var(--hop-moss-500)","--hop-success-icon-weak":"var(--hop-moss-75)","--hop-success-icon-weakest":"var(--hop-moss-200)","--hop-success-text-weak":"var(--hop-moss-75)","--hop-success-surface":"var(--hop-moss-75)","--hop-success-surface-strong":"var(--hop-moss-300)","--hop-success-text-hover":"var(--hop-moss-700)","--hop-success-text":"var(--hop-moss-900)","--hop-success-icon":"var(--hop-moss-900)","--hop-success-surface-weak":"var(--hop-moss-800)","--hop-information-icon-weakest":"var(--hop-coastal-200)","--hop-information-surface-strong":"var(--hop-coastal-300)","--hop-information-icon-weak":"var(--hop-coastal-300)","--hop-information-text":"var(--hop-coastal-900)","--hop-information-surface":"var(--hop-coastal-75)","--hop-information-surface-weak":"var(--hop-coastal-800)","--hop-information-text-weak":"var(--hop-coastal-75)","--hop-information-icon":"var(--hop-coastal-900)","--hop-information-border":"var(--hop-coastal-400)","--hop-status-neutral-surface-strong":"var(--hop-rock-100)","--hop-status-neutral-text":"var(--hop-rock-25)","--hop-status-neutral-icon":"var(--hop-rock-25)","--hop-status-neutral-surface":"var(--hop-abyss)","--hop-status-progress-surface-strong":"var(--hop-sapphire-200)","--hop-status-progress-icon":"var(--hop-sapphire-900)","--hop-status-progress-surface":"var(--hop-sapphire-100)","--hop-status-progress-text":"var(--hop-sapphire-900)","--hop-status-option6-surface-strong":"var(--hop-sunken-treasure-100)","--hop-status-option6-icon":"var(--hop-sunken-treasure-900)","--hop-status-option6-surface":"var(--hop-sunken-treasure-75)","--hop-status-option6-text":"var(--hop-sunken-treasure-900)","--hop-status-option5-surface-strong":"var(--hop-toad-100)","--hop-status-option5-icon":"var(--hop-toad-900)","--hop-status-option5-surface":"var(--hop-toad-200)","--hop-status-option5-text":"var(--hop-toad-900)","--hop-status-option1-surface-strong":"var(--hop-coastal-100)","--hop-status-option1-icon":"var(--hop-coastal-900)","--hop-status-option1-surface":"var(--hop-coastal-200)","--hop-status-option1-text":"var(--hop-coastal-900)","--hop-status-option2-surface-strong":"var(--hop-orchid-bloom-100)","--hop-status-option2-text":"var(--hop-orchid-bloom-900)","--hop-status-option2-surface":"var(--hop-orchid-bloom-200)","--hop-status-option2-icon":"var(--hop-orchid-bloom-900)","--hop-status-option3-surface-strong":"var(--hop-quetzal-100)","--hop-status-option3-icon":"var(--hop-quetzal-900)","--hop-status-option3-surface":"var(--hop-quetzal-200)","--hop-status-option3-text":"var(--hop-quetzal-900)","--hop-status-option4-surface-strong":"var(--hop-fog-100)","--hop-status-option4-icon":"var(--hop-fog-900)","--hop-status-option4-surface":"var(--hop-fog-200)","--hop-status-option4-text":"var(--hop-fog-900)","--hop-status-inactive-surface-strong":"var(--hop-rock-100)","--hop-status-inactive-icon":"var(--hop-rock-800)","--hop-status-inactive-surface":"var(--hop-rock-75)","--hop-status-inactive-text":"var(--hop-rock-900)","--hop-status-caution-surface-strong":"var(--hop-koi-200)","--hop-status-caution-icon":"var(--hop-koi-900)","--hop-status-caution-surface":"var(--hop-koi-75)","--hop-status-caution-text":"var(--hop-koi-900)","--hop-status-negative-surface-strong":"var(--hop-amanita-200)","--hop-status-negative-icon":"var(--hop-amanita-900)","--hop-status-negative-surface":"var(--hop-amanita-75)","--hop-status-negative-text":"var(--hop-amanita-900)","--hop-status-positive-icon":"var(--hop-moss-900)","--hop-status-positive-surface-strong":"var(--hop-moss-200)","--hop-status-positive-surface":"var(--hop-moss-75)","--hop-status-positive-text":"var(--hop-moss-900)","--hop-dataviz-unavailable":"var(--hop-rock-600)","--hop-dataviz-unavailable-weak":"var(--hop-rock-400)","--hop-dataviz-unavailable-strong":"var(--hop-rock-700)","--hop-dataviz-text-onlight":"var(--hop-rock-800)","--hop-dataviz-text-ondark":"var(--hop-samoyed)"};var O={"--hop-coastal-25":"#f0f8ff","--hop-coastal-50":"#d9efff","--hop-coastal-75":"#bae6ff","--hop-coastal-100":"#9fd2f7","--hop-coastal-200":"#81b9e4","--hop-coastal-300":"#5d9acd","--hop-coastal-400":"#3a7bb2","--hop-coastal-500":"#2e70a8","--hop-coastal-600":"#23669f","--hop-coastal-700":"#0a538b","--hop-coastal-800":"#003d70","--hop-coastal-900":"#00274b","--hop-quetzal-25":"#ddfdf9","--hop-quetzal-50":"#cff4ef","--hop-quetzal-75":"#bde8e1","--hop-quetzal-100":"#a3d6cb","--hop-quetzal-200":"#83beaf","--hop-quetzal-300":"#5da18c","--hop-quetzal-400":"#38836a","--hop-quetzal-500":"#2b795e","--hop-quetzal-600":"#206f54","--hop-quetzal-700":"#055c41","--hop-quetzal-800":"#00452d","--hop-quetzal-900":"#002d1c","--hop-orchid-bloom-25":"#f6f5ff","--hop-orchid-bloom-50":"#eae9fb","--hop-orchid-bloom-75":"#ddddf7","--hop-orchid-bloom-100":"#c8caf0","--hop-orchid-bloom-200":"#aeb3e8","--hop-orchid-bloom-300":"#8d91dc","--hop-orchid-bloom-400":"#6b6ecc","--hop-orchid-bloom-500":"#5f61c5","--hop-orchid-bloom-600":"#5454be","--hop-orchid-bloom-700":"#433fac","--hop-orchid-bloom-800":"#322b8d","--hop-orchid-bloom-900":"#1e1c5d","--hop-sapphire-25":"#f5f6ff","--hop-sapphire-50":"#e6ebff","--hop-sapphire-75":"#d6e0ff","--hop-sapphire-100":"#b9cbff","--hop-sapphire-200":"#95b1ff","--hop-sapphire-300":"#6c8ffd","--hop-sapphire-400":"#4767fe","--hop-sapphire-500":"#3b57ff","--hop-sapphire-600":"#2a43e8","--hop-sapphire-700":"#2040c7","--hop-sapphire-800":"#1b3587","--hop-sapphire-900":"#152450","--hop-fog-25":"#f2f8fa","--hop-fog-50":"#e1eef1","--hop-fog-75":"#d2e3e7","--hop-fog-100":"#bad0d5","--hop-fog-200":"#9cb7be","--hop-fog-300":"#7c9aa3","--hop-fog-400":"#5e7b84","--hop-fog-500":"#557079","--hop-fog-600":"#4e6770","--hop-fog-700":"#40535a","--hop-fog-800":"#313e43","--hop-fog-900":"#20282a","--hop-toad-25":"#fef6ef","--hop-toad-50":"#f0eae3","--hop-toad-75":"#e5ded6","--hop-toad-100":"#d4cbc0","--hop-toad-200":"#bdb1a3","--hop-toad-300":"#a19382","--hop-toad-400":"#837463","--hop-toad-500":"#776a59","--hop-toad-600":"#6e6151","--hop-toad-700":"#594f41","--hop-toad-800":"#433b31","--hop-toad-900":"#2a2620","--hop-sunken-treasure-25":"#fff8d6","--hop-sunken-treasure-50":"#fff2b8","--hop-sunken-treasure-75":"#f7e694","--hop-sunken-treasure-100":"#eac96d","--hop-sunken-treasure-200":"#e2a934","--hop-sunken-treasure-300":"#c28b12","--hop-sunken-treasure-400":"#996f08","--hop-sunken-treasure-500":"#8b6609","--hop-sunken-treasure-600":"#7e5e0a","--hop-sunken-treasure-700":"#654c0d","--hop-sunken-treasure-800":"#4b390f","--hop-sunken-treasure-900":"#2f250d","--hop-koi-25":"#fff5e9","--hop-koi-50":"#ffe8d3","--hop-koi-75":"#ffd8be","--hop-koi-100":"#ffbf92","--hop-koi-200":"#ff9b3f","--hop-koi-300":"#e57723","--hop-koi-400":"#c95109","--hop-koi-500":"#ba4705","--hop-koi-600":"#ab4104","--hop-koi-700":"#8c3504","--hop-koi-800":"#692803","--hop-koi-900":"#451a02","--hop-amanita-25":"#fdf6f6","--hop-amanita-50":"#fde6e5","--hop-amanita-75":"#ffd6d3","--hop-amanita-100":"#ffbcb7","--hop-amanita-200":"#ff8e8e","--hop-amanita-300":"#fa4d59","--hop-amanita-400":"#df3236","--hop-amanita-500":"#cb2e31","--hop-amanita-600":"#ba2d2d","--hop-amanita-700":"#952927","--hop-amanita-800":"#6c2320","--hop-amanita-900":"#431a17","--hop-moss-25":"#f4f9e9","--hop-moss-50":"#e3f3b9","--hop-moss-75":"#cde8ac","--hop-moss-100":"#aad89d","--hop-moss-200":"#7dc291","--hop-moss-300":"#47a584","--hop-moss-400":"#188a71","--hop-moss-500":"#0c796b","--hop-moss-600":"#0a6f64","--hop-moss-700":"#115a52","--hop-moss-800":"#16433d","--hop-moss-900":"#132a27","--hop-abyss":"#1d1d1c","--hop-rock-20":"#fcfbfb","--hop-rock-25":"#f8f6f3","--hop-rock-50":"#ecebe8","--hop-rock-75":"#e0dfdd","--hop-rock-100":"#ccccca","--hop-rock-200":"#b3b3b1","--hop-rock-300":"#959593","--hop-rock-400":"#777775","--hop-rock-500":"#6c6c6b","--hop-rock-600":"#636362","--hop-rock-700":"#505050","--hop-rock-800":"#3c3c3c","--hop-rock-900":"#292929","--hop-samoyed":"#ffffff","--hop-shadow-none":"none","--hop-shadow-sm":"0 1px 6px 0 rgba(60, 60, 60, 0.10)","--hop-shadow-md":"0 4px 10px 4px rgba(60, 60, 60, 0.08)","--hop-shadow-lg":"0 10px 18px 8px rgba(60, 60, 60, 0.08)","--hop-font-family-primary":"ABC Favorit","--hop-font-family-secondary":"Inter","--hop-font-family-tertiary":"ABC Favorit Mono","--hop-font-size-120":"0.75rem","--hop-font-size-140":"0.875rem","--hop-font-size-160":"1rem","--hop-font-size-180":"1.125rem","--hop-font-size-200":"1.25rem","--hop-font-size-240":"1.5rem","--hop-font-size-280":"1.75rem","--hop-font-size-320":"2rem","--hop-font-size-360":"2.25rem","--hop-font-size-480":"3rem","--hop-font-weight-400":"400","--hop-font-weight-410":"410","--hop-font-weight-505":"505","--hop-font-weight-580":"580","--hop-font-weight-590":"590","--hop-font-weight-680":"680","--hop-font-weight-690":"690","--hop-line-height-1-125":"1.125","--hop-line-height-1-14":"1.1428571","--hop-line-height-1-20":"1.2","--hop-line-height-1-25":"1.25","--hop-line-height-1-33":"1.3333333","--hop-line-height-1-4285":"1.4285714","--hop-line-height-1-50":"1.5","--hop-border-radius-0":"0","--hop-border-radius-1":"0.25rem","--hop-border-radius-2":"0.5rem","--hop-border-radius-3":"1rem","--hop-border-radius-4":"1.5rem","--hop-border-radius-9999":"624.9375rem","--hop-space-0":"0","--hop-space-20":"0.125rem","--hop-space-40":"0.25rem","--hop-space-80":"0.5rem","--hop-space-160":"1rem","--hop-space-240":"1.5rem","--hop-space-320":"2rem","--hop-space-400":"2.5rem","--hop-space-480":"3rem","--hop-space-640":"4rem","--hop-space-800":"5rem","--hop-space-960":"6rem","--hop-space-1280":"8rem"},H={"--hop-space-inset-xs":"var(--hop-space-40)","--hop-space-inset-sm":"var(--hop-space-80)","--hop-space-inset-md":"var(--hop-space-160)","--hop-space-inset-lg":"var(--hop-space-240)","--hop-space-inset-xl":"var(--hop-space-320)","--hop-space-inset-squish-sm":"0.25rem var(--hop-space-80)","--hop-space-inset-squish-md":"0.5rem var(--hop-space-160)","--hop-space-inset-squish-lg":"1rem var(--hop-space-320)","--hop-space-inset-stretch-sm":"1rem var(--hop-space-80)","--hop-space-inset-stretch-md":"1.5rem var(--hop-space-160)","--hop-space-inset-stretch-lg":"3rem var(--hop-space-240)","--hop-space-stack-xs":"var(--hop-space-40)","--hop-space-stack-sm":"var(--hop-space-80)","--hop-space-stack-md":"var(--hop-space-160)","--hop-space-stack-lg":"var(--hop-space-240)","--hop-space-stack-xl":"var(--hop-space-320)","--hop-space-inline-xs":"var(--hop-space-40)","--hop-space-inline-sm":"var(--hop-space-80)","--hop-space-inline-md":"var(--hop-space-160)","--hop-space-inline-lg":"var(--hop-space-240)","--hop-space-inline-xl":"var(--hop-space-320)","--hop-upsell-border-active":"var(--hop-sunken-treasure-200)","--hop-upsell-text-active":"var(--hop-sunken-treasure-400)","--hop-upsell-icon-weakest":"var(--hop-sunken-treasure-75)","--hop-upsell-icon-weak":"var(--hop-sunken-treasure-100)","--hop-upsell-border":"var(--hop-sunken-treasure-100)","--hop-upsell-surface-hover":"var(--hop-sunken-treasure-100)","--hop-upsell-border-disabled":"var(--hop-sunken-treasure-75)","--hop-upsell-icon-active":"var(--hop-sunken-treasure-400)","--hop-upsell-surface-weak":"var(--hop-sunken-treasure-25)","--hop-upsell-surface-disabled":"var(--hop-sunken-treasure-75)","--hop-upsell-text":"var(--hop-sunken-treasure-800)","--hop-upsell-icon":"var(--hop-sunken-treasure-800)","--hop-upsell-text-hover":"var(--hop-sunken-treasure-900)","--hop-upsell-text-disabled":"var(--hop-sunken-treasure-400)","--hop-upsell-surface-active":"var(--hop-sunken-treasure-50)","--hop-upsell-surface":"var(--hop-sunken-treasure-25)","--hop-danger-border-active":"var(--hop-amanita-300)","--hop-danger-icon-active":"var(--hop-amanita-400)","--hop-danger-text-active":"var(--hop-amanita-400)","--hop-danger-surface":"var(--hop-amanita-25)","--hop-danger-text-hover":"var(--hop-amanita-500)","--hop-danger-surface-disabled":"var(--hop-amanita-100)","--hop-danger-surface-hover":"var(--hop-amanita-500)","--hop-danger-surface-strong":"var(--hop-amanita-300)","--hop-danger-surface-strong-hover":"var(--hop-amanita-500)","--hop-danger-surface-weak":"var(--hop-amanita-50)","--hop-danger-border-strong":"var(--hop-amanita-300)","--hop-danger-icon":"var(--hop-amanita-700)","--hop-danger-icon-weak":"var(--hop-amanita-300)","--hop-danger-text":"var(--hop-amanita-700)","--hop-danger-surface-active":"var(--hop-amanita-50)","--hop-danger-text-weak":"var(--hop-amanita-300)","--hop-danger-text-strong":"var(--hop-samoyed)","--hop-danger-text-strong-hover":"var(--hop-samoyed)","--hop-danger-icon-strong":"var(--hop-samoyed)","--hop-danger-icon-strong-hover":"var(--hop-samoyed)","--hop-danger-icon-hover":"var(--hop-amanita-500)","--hop-danger-text-disabled":"var(--hop-amanita-100)","--hop-danger-icon-disabled":"var(--hop-amanita-100)","--hop-danger-border":"var(--hop-amanita-100)","--hop-primary-icon-active":"var(--hop-sapphire-500)","--hop-primary-border-active":"var(--hop-sapphire-400)","--hop-primary-text-active":"var(--hop-sapphire-500)","--hop-primary-icon-strong":"var(--hop-samoyed)","--hop-primary-icon-strong-hover":"var(--hop-samoyed)","--hop-primary-icon":"var(--hop-sapphire-500)","--hop-primary-border-focus":"var(--hop-sapphire-500)","--hop-primary-border":"var(--hop-sapphire-400)","--hop-primary-icon-hover":"var(--hop-sapphire-600)","--hop-primary-icon-disabled":"var(--hop-sapphire-200)","--hop-primary-surface-disabled":"var(--hop-sapphire-200)","--hop-primary-surface-focus":"var(--hop-sapphire-25)","--hop-primary-text-disabled":"var(--hop-sapphire-200)","--hop-primary-surface":"var(--hop-sapphire-50)","--hop-primary-surface-weak":"var(--hop-sapphire-25)","--hop-primary-surface-strong":"var(--hop-sapphire-400)","--hop-primary-surface-strong-active":"var(--hop-sapphire-50)","--hop-primary-surface-strong-hover":"var(--hop-sapphire-600)","--hop-primary-text":"var(--hop-sapphire-500)","--hop-primary-surface-hover":"var(--hop-sapphire-600)","--hop-primary-text-strong":"var(--hop-samoyed)","--hop-primary-text-strong-hover":"var(--hop-samoyed)","--hop-primary-text-hover":"var(--hop-sapphire-600)","--hop-primary-surface-active":"var(--hop-sapphire-50)","--hop-decorative-option9-icon":"var(--hop-samoyed)","--hop-decorative-option9-surface":"var(--hop-rock-400)","--hop-decorative-option9-surface-strong":"var(--hop-rock-800)","--hop-decorative-option9-surface-hover":"var(--hop-rock-500)","--hop-decorative-option9-surface-weak":"var(--hop-rock-300)","--hop-decorative-option9-surface-weak-hover":"var(--hop-rock-400)","--hop-decorative-option9-surface-weakest":"var(--hop-rock-200)","--hop-decorative-option9-text":"var(--hop-samoyed)","--hop-decorative-option9-text-weak":"var(--hop-rock-300)","--hop-decorative-option9-border":"var(--hop-rock-100)","--hop-decorative-option8-icon":"var(--hop-amanita-900)","--hop-decorative-option8-surface-weakest":"var(--hop-amanita-25)","--hop-decorative-option8-surface-weak":"var(--hop-amanita-50)","--hop-decorative-option8-surface-weak-hover":"var(--hop-amanita-75)","--hop-decorative-option8-surface-hover":"var(--hop-amanita-100)","--hop-decorative-option8-surface-strong":"var(--hop-amanita-100)","--hop-decorative-option8-text-weak":"var(--hop-amanita-300)","--hop-decorative-option8-surface":"var(--hop-amanita-75)","--hop-decorative-option8-text":"var(--hop-amanita-900)","--hop-decorative-option8-border":"var(--hop-amanita-100)","--hop-decorative-option7-icon":"var(--hop-toad-900)","--hop-decorative-option7-surface-weakest":"var(--hop-toad-25)","--hop-decorative-option7-surface-weak":"var(--hop-toad-50)","--hop-decorative-option7-surface-weak-hover":"var(--hop-toad-75)","--hop-decorative-option7-surface-strong":"var(--hop-toad-100)","--hop-decorative-option7-surface-hover":"var(--hop-toad-100)","--hop-decorative-option7-surface":"var(--hop-toad-75)","--hop-decorative-option7-text-weak":"var(--hop-toad-500)","--hop-decorative-option7-text":"var(--hop-toad-900)","--hop-decorative-option7-border":"var(--hop-toad-100)","--hop-decorative-option5-text-weak":"var(--hop-coastal-300)","--hop-decorative-option5-text":"var(--hop-coastal-900)","--hop-decorative-option5-surface-weakest":"var(--hop-coastal-25)","--hop-decorative-option5-surface-weak":"var(--hop-coastal-50)","--hop-decorative-option5-surface-strong":"var(--hop-coastal-100)","--hop-decorative-option5-surface-hover":"var(--hop-coastal-100)","--hop-decorative-option5-surface":"var(--hop-coastal-75)","--hop-decorative-option5-icon":"var(--hop-coastal-900)","--hop-decorative-option5-border":"var(--hop-coastal-100)","--hop-decorative-option6-surface-weakest":"var(--hop-sunken-treasure-25)","--hop-decorative-option6-surface-weak":"var(--hop-sunken-treasure-50)","--hop-decorative-option6-surface-weak-hover":"var(--hop-sunken-treasure-75)","--hop-decorative-option6-surface-hover":"var(--hop-sunken-treasure-100)","--hop-decorative-option6-surface-strong":"var(--hop-sunken-treasure-100)","--hop-decorative-option6-surface":"var(--hop-sunken-treasure-75)","--hop-decorative-option6-icon":"var(--hop-sunken-treasure-900)","--hop-decorative-option6-text":"var(--hop-sunken-treasure-900)","--hop-decorative-option6-text-weak":"var(--hop-sunken-treasure-200)","--hop-decorative-option6-border":"var(--hop-sunken-treasure-100)","--hop-decorative-option4-surface-weakest":"var(--hop-moss-25)","--hop-decorative-option4-surface-weak":"var(--hop-moss-50)","--hop-decorative-option4-surface-weak-hover":"var(--hop-moss-75)","--hop-decorative-option4-surface-strong":"var(--hop-moss-100)","--hop-decorative-option4-surface-hover":"var(--hop-moss-100)","--hop-decorative-option4-surface":"var(--hop-moss-75)","--hop-decorative-option4-icon":"var(--hop-moss-900)","--hop-decorative-option4-text-weak":"var(--hop-moss-400)","--hop-decorative-option4-text":"var(--hop-moss-900)","--hop-decorative-option4-border":"var(--hop-moss-100)","--hop-decorative-option3-surface-weak":"var(--hop-koi-50)","--hop-decorative-option3-surface-weak-hover":"var(--hop-koi-75)","--hop-decorative-option3-surface-weakest":"var(--hop-koi-25)","--hop-decorative-option3-surface-strong":"var(--hop-koi-200)","--hop-decorative-option3-surface-hover":"var(--hop-koi-200)","--hop-decorative-option3-surface":"var(--hop-koi-100)","--hop-decorative-option3-icon":"var(--hop-koi-900)","--hop-decorative-option3-text":"var(--hop-koi-900)","--hop-decorative-option3-text-weak":"var(--hop-koi-300)","--hop-decorative-option3-border":"var(--hop-koi-100)","--hop-decorative-option2-surface-weakest":"var(--hop-quetzal-25)","--hop-decorative-option2-surface-weak":"var(--hop-quetzal-50)","--hop-decorative-option2-surface-weak-hover":"var(--hop-quetzal-75)","--hop-decorative-option2-surface-strong":"var(--hop-quetzal-100)","--hop-decorative-option2-surface":"var(--hop-quetzal-75)","--hop-decorative-option2-surface-hover":"var(--hop-quetzal-100)","--hop-decorative-option2-text":"var(--hop-quetzal-900)","--hop-decorative-option2-text-weak":"var(--hop-quetzal-300)","--hop-decorative-option2-icon":"var(--hop-quetzal-900)","--hop-decorative-option2-border":"var(--hop-quetzal-100)","--hop-decorative-option1-surface-weak":"var(--hop-sapphire-50)","--hop-decorative-option1-surface-weak-hover":"var(--hop-sapphire-75)","--hop-decorative-option1-surface-weakest":"var(--hop-sapphire-25)","--hop-decorative-option1-surface-strong":"var(--hop-sapphire-200)","--hop-decorative-option1-surface-hover":"var(--hop-sapphire-200)","--hop-decorative-option1-surface":"var(--hop-sapphire-100)","--hop-decorative-option1-border":"var(--hop-sapphire-100)","--hop-decorative-option1-text-weak":"var(--hop-sapphire-300)","--hop-decorative-option1-icon":"var(--hop-sapphire-900)","--hop-decorative-option1-text":"var(--hop-sapphire-900)","--hop-neutral-text-hover":"var(--hop-rock-700)","--hop-neutral-surface-weakest-active":"var(--hop-rock-50)","--hop-neutral-surface-weakest-hover":"var(--hop-rock-50)","--hop-neutral-text-weak":"var(--hop-rock-400)","--hop-neutral-surface-disabled":"var(--hop-rock-50)","--hop-neutral-surface-active":"var(--hop-rock-800)","--hop-neutral-surface-weak":"var(--hop-rock-50)","--hop-neutral-surface":"var(--hop-samoyed)","--hop-neutral-text-disabled":"var(--hop-rock-300)","--hop-neutral-text-active":"var(--hop-samoyed)","--hop-neutral-text-strong":"var(--hop-samoyed)","--hop-neutral-text":"var(--hop-rock-800)","--hop-neutral-text-weakest":"var(--hop-rock-200)","--hop-neutral-border-disabled":"var(--hop-rock-50)","--hop-neutral-border-strong-hover":"var(--hop-rock-700)","--hop-neutral-border-strong":"var(--hop-rock-800)","--hop-neutral-surface-strong":"var(--hop-rock-800)","--hop-neutral-surface-hover":"var(--hop-rock-25)","--hop-neutral-icon-disabled":"var(--hop-rock-300)","--hop-neutral-icon":"var(--hop-rock-800)","--hop-neutral-icon-weak":"var(--hop-rock-400)","--hop-neutral-icon-weak-hover":"var(--hop-rock-700)","--hop-neutral-border":"var(--hop-rock-200)","--hop-neutral-border-weak":"var(--hop-rock-75)","--hop-neutral-icon-weakest":"var(--hop-rock-200)","--hop-neutral-icon-strong":"var(--hop-samoyed)","--hop-neutral-icon-hover":"var(--hop-rock-700)","--hop-neutral-icon-active":"var(--hop-samoyed)","--hop-neutral-border-hover":"var(--hop-rock-300)","--hop-neutral-border-active":"var(--hop-rock-800)","--hop-neutral-surface-weak-hover":"var(--hop-rock-75)","--hop-neutral-border-weakest":"var(--hop-rock-50)","--hop-neutral-surface-weakest":"var(--hop-rock-25)","--hop-warning-icon-weakest":"var(--hop-koi-100)","--hop-warning-icon-weak":"var(--hop-koi-300)","--hop-warning-text-weak":"var(--hop-koi-300)","--hop-warning-surface":"var(--hop-koi-25)","--hop-warning-surface-strong":"var(--hop-koi-100)","--hop-warning-surface-weak":"var(--hop-koi-50)","--hop-warning-border":"var(--hop-koi-100)","--hop-warning-icon":"var(--hop-koi-700)","--hop-warning-text":"var(--hop-koi-700)","--hop-success-border":"var(--hop-moss-100)","--hop-success-icon-weak":"var(--hop-moss-300)","--hop-success-icon-weakest":"var(--hop-moss-100)","--hop-success-text-weak":"var(--hop-moss-300)","--hop-success-surface":"var(--hop-moss-25)","--hop-success-surface-strong":"var(--hop-moss-100)","--hop-success-text-hover":"var(--hop-moss-800)","--hop-success-text":"var(--hop-moss-700)","--hop-success-icon":"var(--hop-moss-700)","--hop-success-surface-weak":"var(--hop-moss-50)","--hop-information-icon-weakest":"var(--hop-coastal-75)","--hop-information-surface-strong":"var(--hop-coastal-100)","--hop-information-icon-weak":"var(--hop-coastal-300)","--hop-information-text":"var(--hop-coastal-800)","--hop-information-surface":"var(--hop-coastal-25)","--hop-information-surface-weak":"var(--hop-coastal-50)","--hop-information-text-weak":"var(--hop-coastal-300)","--hop-information-icon":"var(--hop-coastal-700)","--hop-information-border":"var(--hop-coastal-100)","--hop-status-neutral-surface-strong":"var(--hop-rock-200)","--hop-status-neutral-text":"var(--hop-rock-800)","--hop-status-neutral-icon":"var(--hop-rock-800)","--hop-status-neutral-surface":"var(--hop-samoyed)","--hop-status-progress-surface-strong":"var(--hop-sapphire-200)","--hop-status-progress-icon":"var(--hop-sapphire-500)","--hop-status-progress-surface":"var(--hop-sapphire-50)","--hop-status-progress-text":"var(--hop-sapphire-500)","--hop-status-option6-surface-strong":"var(--hop-sunken-treasure-200)","--hop-status-option6-icon":"var(--hop-sunken-treasure-600)","--hop-status-option6-surface":"var(--hop-sunken-treasure-25)","--hop-status-option6-text":"var(--hop-sunken-treasure-600)","--hop-status-option5-surface-strong":"var(--hop-toad-200)","--hop-status-option5-icon":"var(--hop-toad-600)","--hop-status-option5-surface":"var(--hop-toad-50)","--hop-status-option5-text":"var(--hop-toad-600)","--hop-status-option1-surface-strong":"var(--hop-coastal-200)","--hop-status-option1-icon":"var(--hop-coastal-700)","--hop-status-option1-surface":"var(--hop-coastal-50)","--hop-status-option1-text":"var(--hop-coastal-700)","--hop-status-option2-surface-strong":"var(--hop-orchid-bloom-200)","--hop-status-option2-text":"var(--hop-orchid-bloom-700)","--hop-status-option2-surface":"var(--hop-orchid-bloom-50)","--hop-status-option2-icon":"var(--hop-orchid-bloom-700)","--hop-status-option3-surface-strong":"var(--hop-quetzal-200)","--hop-status-option3-icon":"var(--hop-quetzal-700)","--hop-status-option3-surface":"var(--hop-quetzal-50)","--hop-status-option3-text":"var(--hop-quetzal-700)","--hop-status-option4-surface-strong":"var(--hop-fog-200)","--hop-status-option4-icon":"var(--hop-fog-600)","--hop-status-option4-surface":"var(--hop-fog-50)","--hop-status-option4-text":"var(--hop-fog-600)","--hop-status-caution-surface-strong":"var(--hop-koi-200)","--hop-status-caution-icon":"var(--hop-koi-700)","--hop-status-caution-surface":"var(--hop-koi-50)","--hop-status-caution-text":"var(--hop-koi-700)","--hop-status-negative-surface-strong":"var(--hop-amanita-200)","--hop-status-negative-icon":"var(--hop-amanita-700)","--hop-status-negative-surface":"var(--hop-amanita-50)","--hop-status-negative-text":"var(--hop-amanita-700)","--hop-status-inactive-surface-strong":"var(--hop-rock-100)","--hop-status-inactive-icon":"var(--hop-rock-500)","--hop-status-inactive-surface":"var(--hop-rock-50)","--hop-status-inactive-text":"var(--hop-rock-700)","--hop-status-positive-icon":"var(--hop-moss-700)","--hop-status-positive-surface-strong":"var(--hop-moss-200)","--hop-status-positive-surface":"var(--hop-moss-50)","--hop-status-positive-text":"var(--hop-moss-700)","--hop-dataviz-monochromatic-primary-25":"#f5f6ff","--hop-dataviz-monochromatic-primary-50":"#e6ebff","--hop-dataviz-monochromatic-primary-75":"#d6e0ff","--hop-dataviz-monochromatic-primary-100":"#b9cbff","--hop-dataviz-monochromatic-primary-200":"#95b1ff","--hop-dataviz-monochromatic-primary-300":"#6c8ffd","--hop-dataviz-monochromatic-primary-400":"#4767fe","--hop-dataviz-monochromatic-primary-500":"#3b57ff","--hop-dataviz-monochromatic-primary-600":"#2a43e8","--hop-dataviz-monochromatic-primary-700":"#2040c7","--hop-dataviz-monochromatic-primary-800":"#1b3587","--hop-dataviz-monochromatic-primary-900":"#152450","--hop-dataviz-monochromatic-primary-25-hover":"#e6ebff","--hop-dataviz-monochromatic-primary-50-hover":"#d6e0ff","--hop-dataviz-monochromatic-primary-75-hover":"#b9cbff","--hop-dataviz-monochromatic-primary-100-hover":"#95b1ff","--hop-dataviz-monochromatic-primary-200-hover":"#6c8ffd","--hop-dataviz-monochromatic-primary-300-hover":"#4767fe","--hop-dataviz-monochromatic-primary-400-hover":"#3b57ff","--hop-dataviz-monochromatic-primary-500-hover":"#2a43e8","--hop-dataviz-monochromatic-primary-600-hover":"#2040c7","--hop-dataviz-monochromatic-primary-700-hover":"#1b3587","--hop-dataviz-monochromatic-primary-800-hover":"#152450","--hop-dataviz-monochromatic-primary-900-hover":"#0b173a","--hop-dataviz-monochromatic-positive-25":"#f4f9e9","--hop-dataviz-monochromatic-positive-50":"#e3f3b9","--hop-dataviz-monochromatic-positive-75":"#cde8ac","--hop-dataviz-monochromatic-positive-100":"#aad89d","--hop-dataviz-monochromatic-positive-200":"#7dc291","--hop-dataviz-monochromatic-positive-300":"#47a584","--hop-dataviz-monochromatic-positive-400":"#188a71","--hop-dataviz-monochromatic-positive-500":"#0c796b","--hop-dataviz-monochromatic-positive-600":"#0a6f64","--hop-dataviz-monochromatic-positive-700":"#115a52","--hop-dataviz-monochromatic-positive-800":"#16433d","--hop-dataviz-monochromatic-positive-900":"#132a27","--hop-dataviz-monochromatic-positive-25-hover":"#e3f3b9","--hop-dataviz-monochromatic-positive-50-hover":"#cde8ac","--hop-dataviz-monochromatic-positive-75-hover":"#aad89d","--hop-dataviz-monochromatic-positive-100-hover":"#7dc291","--hop-dataviz-monochromatic-positive-200-hover":"#47a584","--hop-dataviz-monochromatic-positive-300-hover":"#188a71","--hop-dataviz-monochromatic-positive-400-hover":"#0c796b","--hop-dataviz-monochromatic-positive-500-hover":"#0a6f64","--hop-dataviz-monochromatic-positive-600-hover":"#115a52","--hop-dataviz-monochromatic-positive-700-hover":"#16433d","--hop-dataviz-monochromatic-positive-800-hover":"#132a27","--hop-dataviz-monochromatic-positive-900-hover":"#0a1716","--hop-dataviz-monochromatic-negative-25":"#fdf6f6","--hop-dataviz-monochromatic-negative-50":"#fde6e5","--hop-dataviz-monochromatic-negative-75":"#ffd6d3","--hop-dataviz-monochromatic-negative-100":"#ffbcb7","--hop-dataviz-monochromatic-negative-200":"#ff8e8e","--hop-dataviz-monochromatic-negative-300":"#f56263","--hop-dataviz-monochromatic-negative-400":"#df3236","--hop-dataviz-monochromatic-negative-500":"#cb2e31","--hop-dataviz-monochromatic-negative-600":"#ba2d2d","--hop-dataviz-monochromatic-negative-700":"#952927","--hop-dataviz-monochromatic-negative-800":"#6c2320","--hop-dataviz-monochromatic-negative-900":"#431a17","--hop-dataviz-monochromatic-negative-25-hover":"#fde6e5","--hop-dataviz-monochromatic-negative-50-hover":"#ffd6d3","--hop-dataviz-monochromatic-negative-75-hover":"#ffbcb7","--hop-dataviz-monochromatic-negative-100-hover":"#ff8e8e","--hop-dataviz-monochromatic-negative-200-hover":"#f56263","--hop-dataviz-monochromatic-negative-300-hover":"#df3236","--hop-dataviz-monochromatic-negative-400-hover":"#cb2e31","--hop-dataviz-monochromatic-negative-500-hover":"#ba2d2d","--hop-dataviz-monochromatic-negative-600-hover":"#952927","--hop-dataviz-monochromatic-negative-700-hover":"#6c2320","--hop-dataviz-monochromatic-negative-800-hover":"#431a17","--hop-dataviz-monochromatic-negative-900-hover":"#2d100d","--hop-dataviz-diverging-sequence-1-positive9":"#16433d","--hop-dataviz-diverging-sequence-1-positive9-hover":"#132a27","--hop-dataviz-diverging-sequence-1-positive8":"#115a52","--hop-dataviz-diverging-sequence-1-positive8-hover":"#16433d","--hop-dataviz-diverging-sequence-1-positive7":"#0a6f64","--hop-dataviz-diverging-sequence-1-positive7-hover":"#115a52","--hop-dataviz-diverging-sequence-1-positive6":"#0c796b","--hop-dataviz-diverging-sequence-1-positive6-hover":"#0a6f64","--hop-dataviz-diverging-sequence-1-positive5":"#188a71","--hop-dataviz-diverging-sequence-1-positive5-hover":"#0c796b","--hop-dataviz-diverging-sequence-1-positive4":"#47a584","--hop-dataviz-diverging-sequence-1-positive-4-hover":"#188a71","--hop-dataviz-diverging-sequence-1-positive3":"#7dc291","--hop-dataviz-diverging-sequence-1-positive3-hover":"#47a584","--hop-dataviz-diverging-sequence-1-positive2":"#aad89d","--hop-dataviz-diverging-sequence-1-positive2-hover":"#7dc291","--hop-dataviz-diverging-sequence-1-positive1":"#cde8ac","--hop-dataviz-diverging-sequence-1-positive1-hover":"#aad89d","--hop-dataviz-diverging-sequence-1-neutral":"#f7e694","--hop-dataviz-diverging-sequence-1-neutral-hover":"#eac96d","--hop-dataviz-diverging-sequence-1-negative1":"#ffd8be","--hop-dataviz-diverging-sequence-1-negative1-hover":"#ffbcb7","--hop-dataviz-diverging-sequence-1-negative2":"#ffbcb7","--hop-dataviz-diverging-sequence-1-negative2-hover":"#ff8e8e","--hop-dataviz-diverging-sequence-1-negative3":"#ff8e8e","--hop-dataviz-diverging-sequence-1-negative3-hover":"#f56263","--hop-dataviz-diverging-sequence-1-negative4":"#f56263","--hop-dataviz-diverging-sequence-1-negative4-hover":"#df3236","--hop-dataviz-diverging-sequence-1-negative5":"#df3236","--hop-dataviz-diverging-sequence-1-negative5-hover":"#cb2e31","--hop-dataviz-diverging-sequence-1-negative6":"#cb2e31","--hop-dataviz-diverging-sequence-1-negative6-hover":"#ba2d2d","--hop-dataviz-diverging-sequence-1-negative7":"#ba2d2d","--hop-dataviz-diverging-sequence-1-negative7-hover":"#952927","--hop-dataviz-diverging-sequence-1-negative8":"#952927","--hop-dataviz-diverging-sequence-1-negative8-hover":"#6c2320","--hop-dataviz-diverging-sequence-1-negative9":"#6c2320","--hop-dataviz-diverging-sequence-1-negative9-hover":"#431a17","--hop-dataviz-diverging-sequence-2-positive10":"#16433d","--hop-dataviz-diverging-sequence-2-positive10-hover":"#132a27","--hop-dataviz-diverging-sequence-2-positive9":"#115a52","--hop-dataviz-diverging-sequence-2-positive9-hover":"#16433d","--hop-dataviz-diverging-sequence-2-positive8":"#0a6f64","--hop-dataviz-diverging-sequence-2-positive8-hover":"#115a52","--hop-dataviz-diverging-sequence-2-positive7":"#0c796b","--hop-dataviz-diverging-sequence-2-positive7-hover":"#0a6f64","--hop-dataviz-diverging-sequence-2-positive6":"#188a71","--hop-dataviz-diverging-sequence-2-positive6-hover":"#0c796b","--hop-dataviz-diverging-sequence-2-positive5":"#47a584","--hop-dataviz-diverging-sequence-2-positive5-hover":"#188a71","--hop-dataviz-diverging-sequence-2-positive4":"#7dc291","--hop-dataviz-diverging-sequence-2-positive4-hover":"#47a584","--hop-dataviz-diverging-sequence-2-positive3":"#aad89d","--hop-dataviz-diverging-sequence-2-positive3-hover":"#7dc291","--hop-dataviz-diverging-sequence-2-positive2":"#cde8ac","--hop-dataviz-diverging-sequence-2-positive2-hover":"#aad89d","--hop-dataviz-diverging-sequence-2-positive1":"#e3f3b9","--hop-dataviz-diverging-sequence-2-positive1-hover":"#cde8ac","--hop-dataviz-diverging-sequence-2-negative1":"#fde6e5","--hop-dataviz-diverging-sequence-2-negative1-hover":"#ffd6d3","--hop-dataviz-diverging-sequence-2-negative2":"#ffd6d3","--hop-dataviz-diverging-sequence-2-negative2-hover":"#ffbcb7","--hop-dataviz-diverging-sequence-2-negative3":"#ffbcb7","--hop-dataviz-diverging-sequence-2-negative3-hover":"#ff8e8e","--hop-dataviz-diverging-sequence-2-negative4":"#ff8e8e","--hop-dataviz-diverging-sequence-2-negative4-hover":"#f56263","--hop-dataviz-diverging-sequence-2-negative5":"#f56263","--hop-dataviz-diverging-sequence-2-negative5-hover":"#df3236","--hop-dataviz-diverging-sequence-2-negative6":"#df3236","--hop-dataviz-diverging-sequence-2-negative6-hover":"#cb2e31","--hop-dataviz-diverging-sequence-2-negative7":"#cb2e31","--hop-dataviz-diverging-sequence-2-negative7-hover":"#ba2d2d","--hop-dataviz-diverging-sequence-2-negative8":"#ba2d2d","--hop-dataviz-diverging-sequence-2-negative8-hover":"#952927","--hop-dataviz-diverging-sequence-2-negative9":"#952927","--hop-dataviz-diverging-sequence-2-negative9-hover":"#6c2320","--hop-dataviz-diverging-sequence-2-negative10":"#6c2320","--hop-dataviz-diverging-sequence-2-negative10-hover":"#431a17","--hop-dataviz-categorical-sequence-category1":"#c7ebff","--hop-dataviz-categorical-sequence-category1-hover":"#ade2ff","--hop-dataviz-categorical-sequence-category2":"#ecd599","--hop-dataviz-categorical-sequence-category2-hover":"#e6c675","--hop-dataviz-categorical-sequence-category3":"#d2cdf8","--hop-dataviz-categorical-sequence-category3-hover":"#bfb8f5","--hop-dataviz-categorical-sequence-category4":"#b6bead","--hop-dataviz-categorical-sequence-category4-hover":"#a4ae98","--hop-dataviz-categorical-sequence-category5":"#fbbdcf","--hop-dataviz-categorical-sequence-category5-hover":"#f99fb8","--hop-dataviz-categorical-sequence-category6":"#bfdca9","--hop-dataviz-categorical-sequence-category6-hover":"#a9d08b","--hop-dataviz-categorical-sequence-category7":"#fbe997","--hop-dataviz-categorical-sequence-category7-hover":"#fae275","--hop-dataviz-categorical-sequence-category8":"#e8ddd0","--hop-dataviz-categorical-sequence-category8-hover":"#ddcebb","--hop-dataviz-categorical-sequence-category9":"#a7e6dc","--hop-dataviz-categorical-sequence-category9-hover":"#90e0d2","--hop-dataviz-categorical-sequence-category10":"#aecdd5","--hop-dataviz-categorical-sequence-category10-hover":"#93bdc8","--hop-dataviz-categorical-sequence-category11":"#ffbf92","--hop-dataviz-categorical-sequence-category-11-hover":"#ffac70","--hop-dataviz-categorical-sequence-category12":"#a0b8fa","--hop-dataviz-categorical-sequence-cateogry12-hover":"#779af8","--hop-dataviz-categorical-sequence-category13":"#69bfa0","--hop-dataviz-categorical-sequence-category13-hover":"#54b692","--hop-dataviz-categorical-2colorgroup-option6-category2":"#69bfa0","--hop-dataviz-categorical-2colorgroup-option6-category1":"#ffbf92","--hop-dataviz-categorical-2colorgroup-option5-category2":"#a0b8fa","--hop-dataviz-categorical-2colorgroup-option5-category1":"#a7e6dc","--hop-dataviz-categorical-2colorgroup-option4-category2":"#6c8ffd","--hop-dataviz-categorical-2colorgroup-option4-category1":"#bfdca9","--hop-dataviz-categorical-2colorgroup-option3-category2":"#ff9b3f","--hop-dataviz-categorical-2colorgroup-option3-category1":"#2f48ff","--hop-dataviz-categorical-2colorgroup-option2-category2":"#fbe997","--hop-dataviz-categorical-2colorgroup-option2-category1":"#fbbdcf","--hop-dataviz-categorical-2colorgroup-option1-category2":"#c7ebff","--hop-dataviz-categorical-2colorgroup-option1-category1":"#b6bead","--hop-dataviz-categorical-3colorgroup-option1-category1":"#b6bead","--hop-dataviz-categorical-3colorgroup-option1-category2":"#d2cdf8","--hop-dataviz-categorical-3colorgroup-option1-category3":"#bfdca9","--hop-dataviz-categorical-3colorgroup-option2-category1":"#ecd599","--hop-dataviz-categorical-3colorgroup-option2-category2":"#a7e6dc","--hop-dataviz-categorical-3colorgroup-option2-category3":"#69bfa0","--hop-dataviz-categorical-3colorgroup-option3-category1":"#69bfa0","--hop-dataviz-categorical-3colorgroup-option3-category2":"#fbe997","--hop-dataviz-categorical-3colorgroup-option3-category3":"#aecdd5","--hop-dataviz-categorical-3colorgroup-option4-category1":"#b6bead","--hop-dataviz-categorical-3colorgroup-option4-category2":"#a0b8fa","--hop-dataviz-categorical-3colorgroup-option4-category3":"#fbbdcf","--hop-dataviz-categorical-4colorgroup-option1-category1":"#b6bead","--hop-dataviz-categorical-4colorgroup-option1-category2":"#d2cdf8","--hop-dataviz-categorical-4colorgroup-option1-category3":"#cde8ac","--hop-dataviz-categorical-4colorgroup-option1-category4":"#fbbdcf","--hop-dataviz-categorical-4colorgroup-option2-category1":"#b6bead","--hop-dataviz-categorical-4colorgroup-option2-category2":"#c7ebff","--hop-dataviz-categorical-4colorgroup-option2-category3":"#84d0b4","--hop-dataviz-categorical-4colorgroup-option2-category4":"#fbe997","--hop-dataviz-categorical-4colorgroup-option3-category1":"#ffbf92","--hop-dataviz-categorical-4colorgroup-option3-category2":"#b6bead","--hop-dataviz-categorical-4colorgroup-option3-category3":"#2e70a8","--hop-dataviz-categorical-4colorgroup-option3-category4":"#ecd599","--hop-dataviz-categorical-4colorgroup-option4-category1":"#69bfa0","--hop-dataviz-categorical-4colorgroup-option4-category2":"#c7ebff","--hop-dataviz-categorical-4colorgroup-option4-category3":"#fa4d59","--hop-dataviz-categorical-4colorgroup-option4-category4":"#d2cdf8","--hop-dataviz-categorical-5colorgroup-option1-category1":"#b6bead","--hop-dataviz-categorical-5colorgroup-option1-category2":"#ff9b3f","--hop-dataviz-categorical-5colorgroup-option1-category3":"#bfdca9","--hop-dataviz-categorical-5colorgroup-option1-category4":"#ecd599","--hop-dataviz-categorical-5colorgroup-option1-category5":"#69bfa0","--hop-dataviz-categorical-5colorgroup-option2-category1":"#ff9b3f","--hop-dataviz-categorical-5colorgroup-option2-category2":"#b6bead","--hop-dataviz-categorical-5colorgroup-option2-category3":"#2e70a8","--hop-dataviz-categorical-5colorgroup-option2-category4":"#fbe997","--hop-dataviz-categorical-5colorgroup-option2-category5":"#c5bef6","--hop-dataviz-categorical-5colorgroup-option3-category1":"#d2cdf8","--hop-dataviz-categorical-5colorgroup-option3-category2":"#ecd599","--hop-dataviz-categorical-5colorgroup-option3-category3":"#aecdd5","--hop-dataviz-categorical-5colorgroup-option3-category4":"#b6bead","--hop-dataviz-categorical-5colorgroup-option3-category5":"#ffbf92","--hop-dataviz-categorical-5colorgroup-option4-category1":"#69bfa0","--hop-dataviz-categorical-5colorgroup-option4-category2":"#c7ebff","--hop-dataviz-categorical-5colorgroup-option4-category3":"#fa4d59","--hop-dataviz-categorical-5colorgroup-option4-category4":"#d2cdf8","--hop-dataviz-categorical-5colorgroup-option4-category5":"#b6bead","--hop-dataviz-categorical-6colorgroup-option1-category1":"#b6bead","--hop-dataviz-categorical-6colorgroup-option1-category2":"#a0b8fa","--hop-dataviz-categorical-6colorgroup-option1-category3":"#bfdca9","--hop-dataviz-categorical-6colorgroup-option1-category4":"#fa4d59","--hop-dataviz-categorical-6colorgroup-option1-category5":"#ecd599","--hop-dataviz-categorical-6colorgroup-option1-category6":"#69bfa0","--hop-dataviz-categorical-6colorgroup-option2-category1":"#2e70a8","--hop-dataviz-categorical-6colorgroup-option2-category2":"#fbe997","--hop-dataviz-categorical-6colorgroup-option2-category3":"#69bfa0","--hop-dataviz-categorical-6colorgroup-option2-category4":"#ff9b3f","--hop-dataviz-categorical-6colorgroup-option2-category5":"#a7e6dc","--hop-dataviz-categorical-6colorgroup-option2-category6":"#d2cdf8","--hop-dataviz-categorical-6colorgroup-option3-category1":"#b6bead","--hop-dataviz-categorical-6colorgroup-option3-category2":"#aecdd5","--hop-dataviz-categorical-6colorgroup-option3-category3":"#e8ddd0","--hop-dataviz-categorical-6colorgroup-option3-category4":"#a7e6dc","--hop-dataviz-categorical-6colorgroup-option3-category5":"#2e70a8","--hop-dataviz-categorical-6colorgroup-option3-category6":"#fbbdcf","--hop-dataviz-categorical-6colorgroup-option4-category1":"#fbbdcf","--hop-dataviz-categorical-6colorgroup-option4-category2":"#a0b8fa","--hop-dataviz-categorical-6colorgroup-option4-category3":"#ffbf92","--hop-dataviz-categorical-6colorgroup-option4-category4":"#c7ebff","--hop-dataviz-categorical-6colorgroup-option4-category5":"#bfdca9","--hop-dataviz-categorical-6colorgroup-option4-category6":"#fbe997","--hop-dataviz-unavailable":"var(--hop-rock-75)","--hop-dataviz-unavailable-weak":"var(--hop-rock-50)","--hop-dataviz-unavailable-strong":"var(--hop-rock-100)","--hop-dataviz-text-onlight":"var(--hop-rock-800)","--hop-dataviz-text-ondark":"var(--hop-samoyed)","--hop-elevation-none":"var(--hop-shadow-none)","--hop-elevation-raised":"var(--hop-shadow-sm)","--hop-elevation-lifted":"var(--hop-shadow-md)","--hop-elevation-floating":"var(--hop-shadow-lg)","--hop-heading-3xl-font-family":"var(--hop-font-family-primary)","--hop-heading-3xl-font-size":"var(--hop-font-size-360)","--hop-heading-3xl-font-weight":"var(--hop-font-weight-680)","--hop-heading-3xl-line-height":"var(--hop-line-height-1-33)","--hop-heading-2xl-font-family":"var(--hop-font-family-primary)","--hop-heading-2xl-font-size":"var(--hop-font-size-320)","--hop-heading-2xl-font-weight":"var(--hop-font-weight-580)","--hop-heading-2xl-line-height":"var(--hop-line-height-1-25)","--hop-heading-xl-font-family":"var(--hop-font-family-primary)","--hop-heading-xl-font-size":"var(--hop-font-size-280)","--hop-heading-xl-font-weight":"var(--hop-font-weight-680)","--hop-heading-xl-line-height":"var(--hop-line-height-1-14)","--hop-heading-lg-font-family":"var(--hop-font-family-primary)","--hop-heading-lg-font-size":"var(--hop-font-size-240)","--hop-heading-lg-font-weight":"var(--hop-font-weight-680)","--hop-heading-lg-line-height":"var(--hop-line-height-1-33)","--hop-heading-md-font-family":"var(--hop-font-family-primary)","--hop-heading-md-font-size":"var(--hop-font-size-200)","--hop-heading-md-font-weight":"var(--hop-font-weight-580)","--hop-heading-md-line-height":"var(--hop-line-height-1-20)","--hop-heading-sm-font-family":"var(--hop-font-family-primary)","--hop-heading-sm-font-size":"var(--hop-font-size-180)","--hop-heading-sm-font-weight":"var(--hop-font-weight-580)","--hop-heading-sm-line-height":"var(--hop-line-height-1-50)","--hop-heading-xs-font-family":"var(--hop-font-family-primary)","--hop-heading-xs-font-size":"var(--hop-font-size-160)","--hop-heading-xs-font-weight":"var(--hop-font-weight-410)","--hop-heading-xs-line-height":"var(--hop-line-height-1-50)","--hop-heading-xs-medium-font-family":"var(--hop-font-family-primary)","--hop-heading-xs-medium-font-size":"var(--hop-font-size-160)","--hop-heading-xs-medium-font-weight":"var(--hop-font-weight-580)","--hop-heading-xs-medium-line-height":"var(--hop-line-height-1-50)","--hop-overline-font-family":"var(--hop-font-family-tertiary)","--hop-overline-font-size":"var(--hop-font-size-120)","--hop-overline-font-weight":"var(--hop-font-weight-400)","--hop-overline-line-height":"var(--hop-line-height-1-33)","--hop-body-2xl-font-family":"var(--hop-font-family-secondary)","--hop-body-2xl-font-size":"var(--hop-font-size-320)","--hop-body-2xl-font-weight":"var(--hop-font-weight-410)","--hop-body-2xl-line-height":"var(--hop-line-height-1-125)","--hop-body-xl-font-family":"var(--hop-font-family-secondary)","--hop-body-xl-font-size":"var(--hop-font-size-280)","--hop-body-xl-font-weight":"var(--hop-font-weight-410)","--hop-body-xl-line-height":"var(--hop-line-height-1-14)","--hop-body-lg-font-family":"var(--hop-font-family-secondary)","--hop-body-lg-font-size":"var(--hop-font-size-180)","--hop-body-lg-font-weight":"var(--hop-font-weight-410)","--hop-body-lg-line-height":"var(--hop-line-height-1-33)","--hop-body-lg-medium-font-family":"var(--hop-font-family-secondary)","--hop-body-lg-medium-font-size":"var(--hop-font-size-180)","--hop-body-lg-medium-font-weight":"var(--hop-font-weight-505)","--hop-body-lg-medium-line-height":"var(--hop-line-height-1-33)","--hop-body-lg-semibold-font-family":"var(--hop-font-family-secondary)","--hop-body-lg-semibold-font-size":"var(--hop-font-size-180)","--hop-body-lg-semibold-font-weight":"var(--hop-font-weight-590)","--hop-body-lg-semibold-line-height":"var(--hop-line-height-1-33)","--hop-body-lg-bold-font-family":"var(--hop-font-family-secondary)","--hop-body-lg-bold-font-size":"var(--hop-font-size-180)","--hop-body-lg-bold-font-weight":"var(--hop-font-weight-690)","--hop-body-lg-bold-line-height":"var(--hop-line-height-1-33)","--hop-body-lg-underline-font-family":"var(--hop-font-family-secondary)","--hop-body-lg-underline-font-size":"var(--hop-font-size-180)","--hop-body-lg-underline-font-weight":"var(--hop-font-weight-505)","--hop-body-lg-underline-line-height":"var(--hop-line-height-1-33)","--hop-body-md-font-family":"var(--hop-font-family-secondary)","--hop-body-md-font-size":"var(--hop-font-size-160)","--hop-body-md-font-weight":"var(--hop-font-weight-410)","--hop-body-md-line-height":"var(--hop-line-height-1-50)","--hop-body-md-medium-font-family":"var(--hop-font-family-secondary)","--hop-body-md-medium-font-size":"var(--hop-font-size-160)","--hop-body-md-medium-font-weight":"var(--hop-font-weight-505)","--hop-body-md-medium-line-height":"var(--hop-line-height-1-50)","--hop-body-md-semibold-font-family":"var(--hop-font-family-secondary)","--hop-body-md-semibold-font-size":"var(--hop-font-size-160)","--hop-body-md-semibold-font-weight":"var(--hop-font-weight-590)","--hop-body-md-semibold-line-height":"var(--hop-line-height-1-50)","--hop-body-md-bold-font-family":"var(--hop-font-family-secondary)","--hop-body-md-bold-font-size":"var(--hop-font-size-160)","--hop-body-md-bold-font-weight":"var(--hop-font-weight-690)","--hop-body-md-bold-line-height":"var(--hop-line-height-1-50)","--hop-body-md-underline-font-family":"var(--hop-font-family-secondary)","--hop-body-md-underline-font-size":"var(--hop-font-size-160)","--hop-body-md-underline-font-weight":"var(--hop-font-weight-410)","--hop-body-md-underline-line-height":"var(--hop-line-height-1-50)","--hop-body-sm-font-family":"var(--hop-font-family-secondary)","--hop-body-sm-font-size":"var(--hop-font-size-140)","--hop-body-sm-font-weight":"var(--hop-font-weight-410)","--hop-body-sm-line-height":"var(--hop-line-height-1-4285)","--hop-body-sm-medium-font-family":"var(--hop-font-family-secondary)","--hop-body-sm-medium-font-size":"var(--hop-font-size-140)","--hop-body-sm-medium-font-weight":"var(--hop-font-weight-505)","--hop-body-sm-medium-line-height":"var(--hop-line-height-1-4285)","--hop-body-sm-semibold-font-family":"var(--hop-font-family-secondary)","--hop-body-sm-semibold-font-size":"var(--hop-font-size-140)","--hop-body-sm-semibold-font-weight":"var(--hop-font-weight-590)","--hop-body-sm-semibold-line-height":"var(--hop-line-height-1-4285)","--hop-body-sm-bold-font-family":"var(--hop-font-family-secondary)","--hop-body-sm-bold-font-size":"var(--hop-font-size-140)","--hop-body-sm-bold-font-weight":"var(--hop-font-weight-690)","--hop-body-sm-bold-line-height":"var(--hop-line-height-1-4285)","--hop-body-sm-underline-font-family":"var(--hop-font-family-secondary)","--hop-body-sm-underline-font-size":"var(--hop-font-size-140)","--hop-body-sm-underline-font-weight":"var(--hop-font-weight-505)","--hop-body-sm-underline-line-height":"var(--hop-line-height-1-4285)","--hop-body-xs-font-family":"var(--hop-font-family-secondary)","--hop-body-xs-font-size":"var(--hop-font-size-120)","--hop-body-xs-font-weight":"var(--hop-font-weight-410)","--hop-body-xs-line-height":"var(--hop-line-height-1-33)","--hop-body-xs-medium-font-family":"var(--hop-font-family-secondary)","--hop-body-xs-medium-font-size":"var(--hop-font-size-120)","--hop-body-xs-medium-font-weight":"var(--hop-font-weight-505)","--hop-body-xs-medium-line-height":"var(--hop-line-height-1-33)","--hop-body-xs-semibold-font-family":"var(--hop-font-family-secondary)","--hop-body-xs-semibold-font-size":"var(--hop-font-size-120)","--hop-body-xs-semibold-font-weight":"var(--hop-font-weight-590)","--hop-body-xs-semibold-line-height":"var(--hop-line-height-1-33)","--hop-body-xs-bold-font-family":"var(--hop-font-family-secondary)","--hop-body-xs-bold-font-size":"var(--hop-font-size-120)","--hop-body-xs-bold-font-weight":"var(--hop-font-weight-690)","--hop-body-xs-bold-line-height":"var(--hop-line-height-1-33)","--hop-body-xs-underline-font-family":"var(--hop-font-family-secondary)","--hop-body-xs-underline-font-size":"var(--hop-font-size-120)","--hop-body-xs-underline-font-weight":"var(--hop-font-weight-505)","--hop-body-xs-underline-line-height":"var(--hop-line-height-1-33)","--hop-accent-lg-font-family":"var(--hop-font-family-primary)","--hop-accent-lg-font-size":"var(--hop-font-size-480)","--hop-accent-lg-font-weight":"var(--hop-font-weight-580)","--hop-accent-lg-line-height":"var(--hop-line-height-1-125)","--hop-accent-sm-font-family":"var(--hop-font-family-primary)","--hop-accent-sm-font-size":"var(--hop-font-size-180)","--hop-accent-sm-font-weight":"var(--hop-font-weight-580)","--hop-accent-sm-line-height":"var(--hop-line-height-1-33)","--hop-shape-circle":"var(--hop-border-radius-9999)","--hop-shape-pill":"var(--hop-border-radius-4)","--hop-shape-rounded-lg":"var(--hop-border-radius-3)","--hop-shape-rounded-md":"var(--hop-border-radius-2)","--hop-shape-rounded-sm":"var(--hop-border-radius-1)"};var y={Core:O,Semantic:H,DarkSemantic:M};function N(){return d(`hop-tokens-${i}`,x(`.hop.${i}`,y.Core),!1),d(`hop-tokens-semantic-${i}`,x(`.hop.${i}`,y.Semantic),!1),d(`hop-tokens-semantic-dark-${i}`,x(`.hop.${i}.${i}-dark`,y.DarkSemantic),!1),null}function x(o,e){let a=Object.entries(e).reduce((r,[t,p])=>`${r} ${t}: ${p};`,"");return `${o} {${a}
+}`}function ye({children:o,withBodyStyle:e=!1,withCssVariables:a=!0,colorScheme:r="light",defaultColorScheme:t="light",unsupportedMatchMediaBreakpoint:p=m,className:h,...s}){let[n,c]=useState(),k=S(n??r,t),A=useCallback(I=>{c(I);},[c]),D=co(g,`${g}-${k}`,i,`${i}-${k}`,h);return jsx(z.Provider,{value:{colorScheme:k,setColorScheme:A},children:jsx(j,{unsupportedMatchMediaBreakpoint:p,children:jsxs("div",{className:D,...s,children:[e&&jsx(T,{}),a&&jsx(N,{}),o]})})})}
 
-export { Co as StyledSystemProvider };
+export { ye as StyledSystemProvider };

package/dist/index.css

@@ -0,0 +1 @@
+.UseStyledSystem-module__hop-b-hover___JmVdS:hover{--hop-b-hover: initial;border:var(--hop-b-hover)!important}.UseStyledSystem-module__hop-bb-hover___-IBdF:hover{--hop-bb-hover: initial;border-bottom:var(--hop-bb-hover)!important}.UseStyledSystem-module__hop-bl-hover___-T1MK:hover{--hop-bl-hover: initial;border-left:var(--hop-bl-hover)!important}.UseStyledSystem-module__hop-br-hover___kDcS1:hover{--hop-br-hover: initial;border-right:var(--hop-br-hover)!important}.UseStyledSystem-module__hop-bt-hover___2wId9:hover{--hop-bt-hover: initial;border-top:var(--hop-bt-hover)!important}.UseStyledSystem-module__hop-b-focus___Tx0sI:focus-visible{--hop-b-focus: initial;border:var(--hop-b-focus)!important}.UseStyledSystem-module__hop-bb-focus___O1AJn:focus-visible{--hop-bb-focus: initial;border-bottom:var(--hop-bb-focus)!important}.UseStyledSystem-module__hop-bl-focus___-B6CB:focus-visible{--hop-bl-focus: initial;border-left:var(--hop-bl-focus)!important}.UseStyledSystem-module__hop-br-focus___SqVk7:focus-visible{--hop-br-focus: initial;border-right:var(--hop-br-focus)!important}.UseStyledSystem-module__hop-bt-focus___28KHf:focus-visible{--hop-bt-focus: initial;border-top:var(--hop-bt-focus)!important}.UseStyledSystem-module__hop-b-active___jXyRs:active{--hop-b-active: initial;border:var(--hop-b-active)!important}.UseStyledSystem-module__hop-bb-active___TMnja:active{--hop-bb-active: initial;border-bottom:var(--hop-bb-active)!important}.UseStyledSystem-module__hop-bl-active___WU23r:active{--hop-bl-active: initial;border-left:var(--hop-bl-active)!important}.UseStyledSystem-module__hop-br-active___9d9ln:active{--hop-br-active: initial;border-right:var(--hop-br-active)!important}.UseStyledSystem-module__hop-bt-active___LVjjj:active{--hop-bt-active: initial;border-top:var(--hop-bt-active)!important}.UseStyledSystem-module__hop-bg-hover___94M8c:hover{--hop-bg-hover: initial;background-color:var(--hop-bg-hover)!important}.UseStyledSystem-module__hop-bg-focus___Dx-qU:focus-visible{--hop-bg-focus: initial;background-color:var(--hop-bg-focus)!important}.UseStyledSystem-module__hop-bg-active___jSfCU:active{--hop-bg-active: initial;background-color:var(--hop-bg-active)!important}.UseStyledSystem-module__hop-bs-hover___dXLV-:hover{--hop-bs-hover: initial;box-shadow:var(--hop-bs-hover)!important}.UseStyledSystem-module__hop-bs-focus___8coks:focus-visible{--hop-bs-focus: initial;box-shadow:var(--hop-bs-focus)!important}.UseStyledSystem-module__hop-bs-active___5QPGD:active{--hop-bs-active: initial;box-shadow:var(--hop-bs-active)!important}.UseStyledSystem-module__hop-c-hover___Ux6dN:hover{--hop-c-hover: initial;color:var(--hop-c-hover)!important}.UseStyledSystem-module__hop-c-focus___VKlMo:focus-visible{--hop-c-focus: initial;color:var(--hop-c-focus)!important}.UseStyledSystem-module__hop-c-active___7VsfW:active{--hop-c-active: initial;color:var(--hop-c-active)!important}.UseStyledSystem-module__hop-cs-hover___fTIs2:hover{--hop-cs-hover: initial;cursor:var(--hop-cs-hover)!important}.UseStyledSystem-module__hop-f-hover___tsv8m:hover{--hop-f-hover: initial;fill:var(--hop-f-hover)!important}.UseStyledSystem-module__hop-f-focus___NmXjO:focus-visible{--hop-f-focus: initial;fill:var(--hop-f-focus)!important}.UseStyledSystem-module__hop-o-hover___w0Mpk:hover{--hop-o-hover: initial;opacity:var(--hop-o-hover)!important}.UseStyledSystem-module__hop-o-focus___GulyB:focus-visible{--hop-o-focus: initial;opacity:var(--hop-o-focus)!important}.UseStyledSystem-module__hop-o-active___1KePj:active{--hop-o-active: initial;opacity:var(--hop-o-active)!important}.UseStyledSystem-module__hop-ol-focus___TwCjK:focus-visible{--hop-ol-focus: initial;color:var(--hop-ol-focus)!important}:where(.htmlElement-module__html-element___BevuX),:where(.htmlElement-module__html-element___BevuX:after),:where(.htmlElement-module__html-element___BevuX:before){box-sizing:border-box}