@preply/ds-docs 1.5.0 → 2.0.0

package/dist/assets/SelectField.stories-C3X-5JHt.js

@@ -0,0 +1,182 @@
+import{j as a}from"./jsx-runtime-BTJTZTIL.js";import{r as u}from"./index-Cb9e4tly.js";import{a as c}from"./chunk-D5ZWXAHU-BhFjjRSl.js";import{e as k,u as Ce,w as _e}from"./index-BVDq5o4N.js";import{F as Re}from"./TokyoUILanguage-CLpo5Vdq.js";import{B as P}from"./Button-CWNujLtP.js";import{I as W}from"./Icon-DbIHupWZ.js";import{g as Ne}from"./index-DdzHuZ-Y.js";import{w as o}from"./componentNames-Bwls0I02.js";import{u as De,I as Oe,s as Pe,F as We}from"./FieldLayoutBase-DhKLFBcH.js";import{m as Le,a as b,b as f}from"./classNames-BUL1Zq7e.js";import{u as Ke}from"./useForcedRef--iGFM41p.js";import{u as Me}from"./useSelectField-Bfc5sABM.js";import{T as Je}from"./Text-nWyCR02l.js";import"./index-ChsGqxH_.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./v4-CtRu48qb.js";import"./render-icon-BT0Aq7PA.js";import"./ButtonBase-CJjNfOwu.js";import"./Spinner-Iaah9nUJ.js";import"./defaults-B1rzzf6M.js";import"./filterHTMLAttributes-DYdLqcvH.js";import"./useHostname-Y3PlXofY.js";import"./index-CC6DAVyL.js";import"./text-accent-BMdpzlaC.js";import"./FieldAdditionalText-BiaO_Yss.js";import"./constants-DL6gdbsq.js";import"./index-D1pfvbUR.js";import"./tslib.es6-BntfKcQG.js";import"./hoist-non-react-statics.cjs-C-Qo8PK8.js";import"./message-B1DLZQ1U.js";import"./text-centered-VuFsr_qt.js";const p=({...e})=>a.jsx("option",{...e,...Ne(void 0,{preplyDsComponent:o.SelectFieldOption})});try{p.displayName="SelectFieldOption",p.__docgenInfo={description:"Use this as a child of `SelectField` to render a `select` option.",displayName:"SelectFieldOption",props:{value:{defaultValue:null,description:"",name:"value",required:!0,type:{name:"string"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}}}}}catch{}const Xe=({onChange:e,onValueChange:n,children:t,placeholder:l,...i},m)=>{const v=Le(Pe,o.Select),r=De(B=>B.target.value,e,n),{required:d}=i,s=typeof l<"u"?a.jsx("option",{value:"",disabled:d,"aria-hidden":!0,children:l}):null,T=a.jsxs(a.Fragment,{children:[s,t]});return a.jsx(Oe,{...i,ref:m,type:"select",className:v.join(" "),onChange:r,preplyDsComponent:o.Select,children:T})},N=u.forwardRef(Xe);try{N.displayName="Select",N.__docgenInfo={description:"",displayName:"Select",props:{dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<Element>"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string"}},"aria-describedby":{defaultValue:null,description:`Identifies the element (or elements) that describes the object.
+@see aria-labelledby`,name:"aria-describedby",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-disabled":{defaultValue:null,description:`Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.
+@see aria-hidden
+@see aria-readonly.`,name:"aria-disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'}]}},"aria-invalid":{defaultValue:null,description:`Indicates the entered value does not conform to the format expected by the application.
+@see aria-errormessage.`,name:"aria-invalid",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'},{value:'"grammar"'},{value:'"spelling"'}]}},"aria-required":{defaultValue:null,description:"Indicates that user input is required on the element before a form may be submitted.",name:"aria-required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'}]}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"enum",value:[{value:"string"}]}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"enum",value:[{value:"string"}]}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"enum",value:[{value:"string"}]}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"enum",value:[{value:"string"}]}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"enum",value:[{value:"ChangeEventHandler<Element>"}]}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<Element>"}]}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<Element>"}]}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<Element>"}]}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<Element>"}]}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<Element>"}]}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<Element>"}]}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},hasError:{defaultValue:null,description:"",name:"hasError",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},onValueChange:{defaultValue:null,description:"",name:"onValueChange",required:!1,type:{name:"enum",value:[{value:"ValueChangeEventHandler<string>"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: InputImperativeHandle | null) => void"},{value:"RefObject<InputImperativeHandle>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}const S={"SelectFieldLayout--input":"_SelectFieldLayout--input_1wbk2_5","SelectFieldLayout--icon":"_SelectFieldLayout--icon_1wbk2_37","SelectFieldLayout--dropdown-indicator":"_SelectFieldLayout--dropdown-indicator_1wbk2_48","SelectFieldLayout--has-value":"_SelectFieldLayout--has-value_1wbk2_59","SelectFieldLayout--has-icon":"_SelectFieldLayout--has-icon_1wbk2_62","SelectFieldLayout--has-error":"_SelectFieldLayout--has-error_1wbk2_65","SelectFieldLayout--is-focused":"_SelectFieldLayout--is-focused_1wbk2_75","SelectFieldLayout--is-disabled":"_SelectFieldLayout--is-disabled_1wbk2_78"},Ae=({title:e,titleId:n,...t},l)=>u.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",ref:l,"aria-labelledby":n,...t},e?u.createElement("title",{id:n},e):null,u.createElement("path",{fillRule:"evenodd",d:"m12 16-6-5.61L7.487 9 12 13.22 16.513 9 18 10.39 12 16Z",clipRule:"evenodd"})),Ue=u.forwardRef(Ae),Ye=({id:e,className:n,input:t,icon:l,disabled:i,isFocused:m,hasError:v,inputHandle:r,onClick:d,hasValue:s,...T},B)=>{const h=u.useRef(null);u.useImperativeHandle(B,()=>({setFocus:()=>r==null?void 0:r.setFocus(),scrollIntoView:()=>{var g;return(g=h==null?void 0:h.current)==null?void 0:g.scrollIntoView()}}));const K=b(S,o.SelectFieldLayout,[f("is-disabled",void 0,i),f("is-focused",void 0,m),f("has-error",void 0,v),f("has-icon",void 0,!!l),f("has-value",void 0,s)]),je=n?[n,...K]:K,He=b(S,o.SelectFieldLayout,["input"]),ke=b(S,o.SelectFieldLayout,["icon"]),Te=b(S,o.SelectFieldLayout,["dropdown-indicator"]),Be=g=>{r==null||r.setFocus(),d==null||d(g)};return a.jsx(We,{id:e,className:je.join(" "),disabled:i,isFocused:m,hasError:v,hasValue:s,...T,preplyDsComponent:o.SelectFieldLayout,ref:h,children:a.jsxs("div",{className:He.join(" "),onClick:Be,children:[l&&a.jsx("span",{style:{lineHeight:"initial"},className:ke.join(" "),children:l}),t,a.jsx("span",{style:{lineHeight:"initial"},className:Te.join(" "),children:a.jsx(W,{svg:Ue})})]})})},D=u.forwardRef(Ye);try{D.displayName="SelectFieldLayout",D.__docgenInfo={description:"",displayName:"SelectFieldLayout",props:{dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},preplyDsComponent:{defaultValue:null,description:"@see getDatasetProps",name:"preplyDsComponent",required:!1,type:{name:"enum",value:[{value:"string"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string"}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},hasError:{defaultValue:null,description:"",name:"hasError",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"enum",value:[{value:"undefined"},{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},requiredLabel:{defaultValue:null,description:"",name:"requiredLabel",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},hideLabel:{defaultValue:null,description:"",name:"hideLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},wrapLabel:{defaultValue:null,description:"",name:"wrapLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},additionalText:{defaultValue:null,description:"",name:"additionalText",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},preserveSpace:{defaultValue:null,description:"",name:"preserveSpace",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"enum",value:[{value:"string"}]}},isFocused:{defaultValue:null,description:"",name:"isFocused",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},isTouched:{defaultValue:null,description:"",name:"isTouched",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},isChanged:{defaultValue:null,description:"",name:"isChanged",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},hasValue:{defaultValue:null,description:"",name:"hasValue",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},input:{defaultValue:null,description:"An `<input>` element.",name:"input",required:!0,type:{name:"ReactElement<any, string | JSXElementConstructor<any>>"}},inputHandle:{defaultValue:null,description:"A ref handle to the `<input>` element, used to manage focus when\nclicking on elements within the layout, such as the button and icon.",name:"inputHandle",required:!0,type:{name:"enum",value:[{value:"null"},{value:"InputImperativeHandle"}]}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"enum",value:[{value:"ReactElement<IconProps, string | JSXElementConstructor<any>>"}]}},button:{defaultValue:null,description:"",name:"button",required:!1,type:{name:"enum",value:[{value:"ReactElement<FieldButtonProps, string | JSXElementConstructor<any>>"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<Element>"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: InputImperativeHandle | null) => void"},{value:"RefObject<InputImperativeHandle>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}const $e="_SelectField_182ji_1",ze={SelectField:$e},Ze=({id:e,...n},t)=>{const l=u.useRef(null),i=Ke();u.useImperativeHandle(t,()=>({setFocus:()=>{var s;return(s=l==null?void 0:l.current)==null?void 0:s.setFocus()},scrollIntoView:()=>{var s;return(s=l==null?void 0:l.current)==null?void 0:s.scrollIntoView()}}));const{layoutProps:m,inputProps:v}=Me({id:e,...n},o.SelectField),r=Le(ze,o.SelectField),d=a.jsx(N,{...v,ref:i});return a.jsx(D,{...m,className:r.join(" "),input:d,inputHandle:i.current,ref:l})},y=u.forwardRef(Ze);try{y.displayName="SelectField",y.__docgenInfo={description:"Use this with `SelectFieldOption`s to render a `select` dropdown.\n\nBy default, this field acts as a controlled field and expects the parent\ncomponent to manage the state, by reacting to user input via the `onChange` or\n`onValueChange` props, and providing the latest state via the `value` prop.\n\nAlternatively, you can use it as an uncontrolled field using the\n`defaultValue` prop instead of the `value` prop.",displayName:"SelectField",props:{id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"enum",value:[{value:"string"}]}},label:{defaultValue:null,description:"The field label. This is needed for accessibility purposes, but can be\nhidden using the `hideLabel` prop.",name:"label",required:!0,type:{name:"enum",value:[{value:"undefined"},{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},requiredLabel:{defaultValue:null,description:"",name:"requiredLabel",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},hideLabel:{defaultValue:null,description:"Use this to hide the `label` visually, but keep it in the accessibility\ntree.",name:"hideLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},wrapLabel:{defaultValue:null,description:"",name:"wrapLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},additionalText:{defaultValue:null,description:"",name:"additionalText",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},preserveSpace:{defaultValue:null,description:"",name:"preserveSpace",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},hasError:{defaultValue:null,description:"",name:"hasError",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},errorMessage:{defaultValue:null,description:"",name:"errorMessage",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},inputDataset:{defaultValue:null,description:"",name:"inputDataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<Element>"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"enum",value:[{value:"string"}]}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"enum",value:[{value:"string"}]}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"enum",value:[{value:"string"}]}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"enum",value:[{value:"string"}]}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"enum",value:[{value:"ChangeEventHandler<Element>"}]}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<Element>"}]}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<Element>"}]}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<Element>"}]}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<Element>"}]}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<Element>"}]}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<Element>"}]}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},onValueChange:{defaultValue:null,description:"",name:"onValueChange",required:!1,type:{name:"enum",value:[{value:"ValueChangeEventHandler<string>"}]}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"enum",value:[{value:"ReactElement<IconProps, string | JSXElementConstructor<any>>"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: InputImperativeHandle | null) => void"},{value:"RefObject<InputImperativeHandle>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}const Ra={title:"components/SelectField",component:y,subcomponents:{SelectFieldOption:p},args:{label:"Language",placeholder:"Select a language",defaultValue:"",inputDataset:{testid:"input"},onChange:c("onChange"),onBlur:c("onBlur"),onFocus:c("onFocus"),onClick:c("onClick"),onCopy:c("onCopy"),onKeyDown:c("onKeyDown"),onKeyUp:c("onKeyUp"),onPaste:c("onPaste"),onValueChange:c("onValueChange")},render:function(n){const t=u.useRef(null);return n.ref=t,a.jsxs(y,{...n,children:[a.jsx(p,{value:"english",children:"English"}),a.jsx(p,{value:"spanish",children:"Spanish"}),a.jsx(p,{value:"french",children:"French"})]})}},V={parameters:{docs:{description:{story:"An empty field with a `label` and a `placeholder`."}}}},q={args:{defaultValue:"english"},play:async({canvas:e})=>{const n=e.getByTestId("input");return await k(n).toHaveValue("english"),await Ce.selectOptions(n,"spanish"),k(n).toHaveValue("spanish")}},w={args:{icon:a.jsx(W,{svg:Re})}},x={args:{additionalText:"This is additional text"}},E={args:{required:!0}},F={args:{required:!0,requiredLabel:a.jsx(Je,{accent:"critical",variant:"m-bold",children:"Needed"})}},I={args:{hideLabel:!0}},C={args:{hasError:!0}},_={args:{hasError:!0,errorMessage:"This is an error message"}},R={args:{disabled:!0}},L={decorators:[(e,{args:n})=>a.jsxs("div",{style:{padding:"8px",margin:"8px"},children:[a.jsxs("p",{children:["You can"," ",a.jsx(P,{variant:"secondary",dataset:{testid:"focus-button"},onClick:()=>{var t,l;return(l=(t=n.ref)==null?void 0:t.current)==null?void 0:l.setFocus()},children:"Focus"})," ","the input imperatively."]}),a.jsx(e,{})]})],play:async({args:e,canvas:n})=>{if(!O(e.ref))throw new Error("Expected ref.current to be an InputImperativeHandle");const t=n.getByTestId("input");await Ce.click(n.getByTestId("focus-button")),await _e(()=>k(t).toHaveFocus())}},j={decorators:[(e,{args:n})=>a.jsxs("div",{style:{height:"300px",overflow:"scroll",padding:"8px",margin:"8px"},children:[a.jsxs("p",{children:["You can"," ",a.jsx(P,{variant:"secondary",dataset:{testid:"scroll-button"},onClick:()=>{if(!O(n.ref))throw new Error("Expected ref.current to be an InputImperativeHandle");n.ref.current.scrollIntoView()},children:"Scroll"})," ","the input into view imperatively."]}),a.jsx("div",{style:{height:"1000px",display:"flex",flexDirection:"column",justifyContent:"end",border:"2px dashed lightgray",padding:"16px"},children:a.jsx(e,{})})]})],play:async({args:e,canvas:n})=>{if(!O(e.ref))throw new Error("Expected ref.current to be an InputImperativeHandle");const t=n.getByTestId("input");e.ref.current.scrollIntoView(),await _e(()=>k(t).toBeVisible())}};function O(e){return typeof e=="object"&&e!==null&&"current"in e&&e.current!==null&&typeof e.current=="object"&&"setFocus"in e.current}const H={tags:["!test"],parameters:{docs:{description:{story:'\nThe following code renders a `SelectField` with the `required` flag,\n`placeholder` and some `additionalText`.\n\nWhen you click the "Submit" button, and the input `value` is empty, it:\n\n- Displays feedback via the `errorMessage` prop;\n- Brings the focus back to the field.\n'}},chromatic:{disableSnapshot:!0}},render:function(n){const[t,l]=u.useState(void 0),[i,m]=u.useState(!1),v=i&&!t&&"Please select an option",r=u.useRef(null),d=()=>{var s;m(!0),t||(s=r==null?void 0:r.current)==null||s.setFocus()};return a.jsxs("div",{style:{maxWidth:"500px",display:"flex",flexDirection:"column"},children:[a.jsxs(y,{...n,value:t,required:!0,icon:a.jsx(W,{svg:Re,label:"Student with a hat"}),placeholder:"Select a subject",additionalText:"We will use this to get a personalized choice of tutors",onValueChange:l,errorMessage:v,ref:r,children:[a.jsx(p,{value:"english",children:"English"}),a.jsx(p,{value:"spanish",children:"Spanish"}),a.jsx(p,{value:"french",children:"French"})]}),a.jsx(P,{onClick:()=>d(),children:"Submit"})]})}};var M,J,X;V.parameters={...V.parameters,docs:{...(M=V.parameters)==null?void 0:M.docs,source:{originalSource:`{
+  parameters: {
+    docs: {
+      description: {
+        story: \`An empty field with a \\\`label\\\` and a \\\`placeholder\\\`.\`
+      }
+    }
+  }
+}`,...(X=(J=V.parameters)==null?void 0:J.docs)==null?void 0:X.source}}};var A,U,Y;q.parameters={...q.parameters,docs:{...(A=q.parameters)==null?void 0:A.docs,source:{originalSource:`{
+  args: {
+    defaultValue: 'english'
+  },
+  play: async ({
+    canvas
+  }) => {
+    const input = canvas.getByTestId('input');
+    await expect(input).toHaveValue('english');
+    await userEvent.selectOptions(input, 'spanish');
+    return expect(input).toHaveValue('spanish');
+  }
+}`,...(Y=(U=q.parameters)==null?void 0:U.docs)==null?void 0:Y.source}}};var $,z,Z;w.parameters={...w.parameters,docs:{...($=w.parameters)==null?void 0:$.docs,source:{originalSource:`{
+  args: {
+    icon: <Icon svg={LanguageSvg} />
+  }
+}`,...(Z=(z=w.parameters)==null?void 0:z.docs)==null?void 0:Z.source}}};var G,Q,ee;x.parameters={...x.parameters,docs:{...(G=x.parameters)==null?void 0:G.docs,source:{originalSource:`{
+  args: {
+    additionalText: 'This is additional text'
+  }
+}`,...(ee=(Q=x.parameters)==null?void 0:Q.docs)==null?void 0:ee.source}}};var ae,ne,le;E.parameters={...E.parameters,docs:{...(ae=E.parameters)==null?void 0:ae.docs,source:{originalSource:`{
+  args: {
+    required: true
+  }
+}`,...(le=(ne=E.parameters)==null?void 0:ne.docs)==null?void 0:le.source}}};var te,re,ue;F.parameters={...F.parameters,docs:{...(te=F.parameters)==null?void 0:te.docs,source:{originalSource:`{
+  args: {
+    required: true,
+    requiredLabel: <Text accent="critical" variant="m-bold">
+                Needed
+            </Text>
+  }
+}`,...(ue=(re=F.parameters)==null?void 0:re.docs)==null?void 0:ue.source}}};var se,ie,oe;I.parameters={...I.parameters,docs:{...(se=I.parameters)==null?void 0:se.docs,source:{originalSource:`{
+  args: {
+    hideLabel: true
+  }
+}`,...(oe=(ie=I.parameters)==null?void 0:ie.docs)==null?void 0:oe.source}}};var de,ce,pe;C.parameters={...C.parameters,docs:{...(de=C.parameters)==null?void 0:de.docs,source:{originalSource:`{
+  args: {
+    hasError: true
+  }
+}`,...(pe=(ce=C.parameters)==null?void 0:ce.docs)==null?void 0:pe.source}}};var me,ve,fe;_.parameters={..._.parameters,docs:{...(me=_.parameters)==null?void 0:me.docs,source:{originalSource:`{
+  args: {
+    hasError: true,
+    errorMessage: 'This is an error message'
+  }
+}`,...(fe=(ve=_.parameters)==null?void 0:ve.docs)==null?void 0:fe.source}}};var ye,he,ge;R.parameters={...R.parameters,docs:{...(ye=R.parameters)==null?void 0:ye.docs,source:{originalSource:`{
+  args: {
+    disabled: true
+  }
+}`,...(ge=(he=R.parameters)==null?void 0:he.docs)==null?void 0:ge.source}}};var be,Se,Ve;L.parameters={...L.parameters,docs:{...(be=L.parameters)==null?void 0:be.docs,source:{originalSource:`{
+  decorators: [(Story, {
+    args
+  }) => <div style={{
+    padding: '8px',
+    margin: '8px'
+  }}>
+                <p>
+                    You can{' '}
+                    <Button variant="secondary" dataset={{
+        testid: 'focus-button'
+      }} onClick={() =>
+      // @ts-expect-error - This will fail gracefully,
+      // and the \`play\` function will assert it properly
+      args.ref?.current?.setFocus()}>
+                        Focus
+                    </Button>{' '}
+                    the input imperatively.
+                </p>
+                <Story />
+            </div>],
+  play: async ({
+    args,
+    canvas
+  }) => {
+    if (!isImperativeHandleRef(args.ref)) {
+      throw new Error('Expected ref.current to be an InputImperativeHandle');
+    }
+    const input = canvas.getByTestId('input');
+    await userEvent.click(canvas.getByTestId('focus-button'));
+    await waitFor(() => expect(input).toHaveFocus());
+  }
+}`,...(Ve=(Se=L.parameters)==null?void 0:Se.docs)==null?void 0:Ve.source}}};var qe,we,xe;j.parameters={...j.parameters,docs:{...(qe=j.parameters)==null?void 0:qe.docs,source:{originalSource:`{
+  decorators: [(Story, {
+    args
+  }) => <div style={{
+    height: '300px',
+    overflow: 'scroll',
+    padding: '8px',
+    margin: '8px'
+  }}>
+                <p>
+                    You can{' '}
+                    <Button variant="secondary" dataset={{
+        testid: 'scroll-button'
+      }} onClick={() => {
+        if (!isImperativeHandleRef(args.ref)) {
+          throw new Error('Expected ref.current to be an InputImperativeHandle');
+        }
+        args.ref.current.scrollIntoView();
+      }}>
+                        Scroll
+                    </Button>{' '}
+                    the input into view imperatively.
+                </p>
+                <div style={{
+      height: '1000px',
+      display: 'flex',
+      flexDirection: 'column',
+      justifyContent: 'end',
+      border: '2px dashed lightgray',
+      padding: '16px'
+    }}>
+                    <Story />
+                </div>
+            </div>],
+  play: async ({
+    args,
+    canvas
+  }) => {
+    if (!isImperativeHandleRef(args.ref)) {
+      throw new Error('Expected ref.current to be an InputImperativeHandle');
+    }
+    const input = canvas.getByTestId('input');
+    args.ref.current.scrollIntoView();
+    await waitFor(() => expect(input).toBeVisible());
+  }
+}`,...(xe=(we=j.parameters)==null?void 0:we.docs)==null?void 0:xe.source}}};var Ee,Fe,Ie;H.parameters={...H.parameters,docs:{...(Ee=H.parameters)==null?void 0:Ee.docs,source:{originalSource:`{
+  tags: ['!test'],
+  parameters: {
+    docs: {
+      description: {
+        story: \`
+The following code renders a \\\`SelectField\\\` with the \\\`required\\\` flag,
+\\\`placeholder\\\` and some \\\`additionalText\\\`.
+
+When you click the "Submit" button, and the input \\\`value\\\` is empty, it:
+
+- Displays feedback via the \\\`errorMessage\\\` prop;
+- Brings the focus back to the field.
+\`
+      }
+    },
+    chromatic: {
+      disableSnapshot: true
+    }
+  },
+  render: function Story(args) {
+    const [value, setValue] = useState<string | undefined>(undefined);
+    const [submited, setSubmitted] = useState(false);
+    const errorMessage = submited && !value && 'Please select an option';
+    const fieldRef = useRef<InputImperativeHandle>(null);
+    const handleClick = () => {
+      setSubmitted(true);
+      if (!value) {
+        fieldRef?.current?.setFocus();
+      }
+    };
+    return <div style={{
+      maxWidth: '500px',
+      display: 'flex',
+      flexDirection: 'column'
+    }}>
+                <SelectField {...args} value={value} required icon={<Icon svg={LanguageSvg} label="Student with a hat" />} placeholder="Select a subject" additionalText="We will use this to get a personalized choice of tutors" onValueChange={setValue} errorMessage={errorMessage} ref={fieldRef}>
+                    <SelectFieldOption value="english">English</SelectFieldOption>
+                    <SelectFieldOption value="spanish">Spanish</SelectFieldOption>
+                    <SelectFieldOption value="french">French</SelectFieldOption>
+                </SelectField>
+                <Button onClick={() => handleClick()}>Submit</Button>
+            </div>;
+  }
+}`,...(Ie=(Fe=H.parameters)==null?void 0:Fe.docs)==null?void 0:Ie.source}}};const La=["Basic","WithValue","WithIcon","WithAdditionalText","Required","RequiredWithCustomLabel","WithHiddenLabel","HasError","HasErrorWithMessage","Disabled","ImperativeSetFocus","ImperativeScrollIntoView","Example"];export{V as Basic,R as Disabled,H as Example,C as HasError,_ as HasErrorWithMessage,j as ImperativeScrollIntoView,L as ImperativeSetFocus,E as Required,F as RequiredWithCustomLabel,x as WithAdditionalText,I as WithHiddenLabel,w as WithIcon,q as WithValue,La as __namedExportsOrder,Ra as default};

package/dist/assets/{ShowOnIntersection.stories-D4B8EpSn.js → ShowOnIntersection.stories-BYz5GE4A.js}

@@ -1,4 +1,4 @@
-import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{r as o}from"./index-Cb9e4tly.js";import{O as f}from"./ObserveIntersection-Ccn6ggRl.js";import"./index-ChsGqxH_.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-DdzHuZ-Y.js";import"./defaults-B1rzzf6M.js";import"./componentNames-Bwls0I02.js";const a=({onIntersect:e,once:u,threshold:c,tag:d,dataset:p,children:m})=>{const[l,v]=o.useState(!1),h=o.useCallback(()=>{l||v(!0),e==null||e()},[l,e]);return t.jsx(f,{onIntersect:h,once:e?u:!0,threshold:c,tag:d,dataset:p,children:l&&m})};try{a.displayName="ShowOnIntersection",a.__docgenInfo={description:"Only renders the wrapped components once it intersects with the viewport.\n\nNote that elements will not be detached from the DOM if the component is\nscrolled out of view again.\n\nYou can use `React.lazy` to lazy-load the wrapped components.\n\nAdditionally, an `onIntersect` callback can be provided. As with\n`ObserveIntersection`, this callback will be called every time the component\nintersects with the viewport, or only the first time if `once` is set to\n`true`.",displayName:"ShowOnIntersection",props:{onIntersect:{defaultValue:null,description:"",name:"onIntersect",required:!1,type:{name:"enum",value:[{value:"() => void"}]}},once:{defaultValue:null,description:"",name:"once",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},threshold:{defaultValue:null,description:"",name:"threshold",required:!1,type:{name:"enum",value:[{value:"number"}]}},tag:{defaultValue:null,description:"",name:"tag",required:!1,type:{name:"enum",value:[{value:'"p"'},{value:'"div"'},{value:'"span"'},{value:'"main"'},{value:'"header"'},{value:'"footer"'},{value:'"article"'},{value:'"section"'},{value:'"ul"'},{value:'"ol"'},{value:'"li"'},{value:'"fieldset"'},{value:'"table"'},{value:'"th"'},{value:'"tr"'},{value:'"td"'},{value:'"thead"'},{value:'"tfoot"'},{value:'"tbody"'},{value:'"caption"'},{value:'"figure"'},{value:'"figcaption"'}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}}}}}catch{}const _={title:"components/ShowOnIntersection",component:a,parameters:{tags:["!test"],chromatic:{disableSnapshot:!0}}},n=()=>t.jsx("div",{style:{height:"200px",overflowY:"scroll",position:"relative"},children:t.jsx("div",{style:{height:"400px",display:"flex",alignItems:"end"},children:t.jsx(a,{children:t.jsx("p",{children:"Intersected"})})})});n.storyName="ShowOnIntersection";var r,s,i;n.parameters={...n.parameters,docs:{...(r=n.parameters)==null?void 0:r.docs,source:{originalSource:`() => {
+import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{r as o}from"./index-Cb9e4tly.js";import{O as f}from"./ObserveIntersection-D396wl1Z.js";import"./index-ChsGqxH_.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-DdzHuZ-Y.js";import"./defaults-B1rzzf6M.js";import"./componentNames-Bwls0I02.js";const a=({onIntersect:e,once:u,threshold:c,tag:d,dataset:p,children:m})=>{const[l,v]=o.useState(!1),h=o.useCallback(()=>{l||v(!0),e==null||e()},[l,e]);return t.jsx(f,{onIntersect:h,once:e?u:!0,threshold:c,tag:d,dataset:p,children:l&&m})};try{a.displayName="ShowOnIntersection",a.__docgenInfo={description:"Only renders the wrapped components once it intersects with the viewport.\n\nNote that elements will not be detached from the DOM if the component is\nscrolled out of view again.\n\nYou can use `React.lazy` to lazy-load the wrapped components.\n\nAdditionally, an `onIntersect` callback can be provided. As with\n`ObserveIntersection`, this callback will be called every time the component\nintersects with the viewport, or only the first time if `once` is set to\n`true`.",displayName:"ShowOnIntersection",props:{onIntersect:{defaultValue:null,description:"",name:"onIntersect",required:!1,type:{name:"enum",value:[{value:"() => void"}]}},once:{defaultValue:null,description:"",name:"once",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},threshold:{defaultValue:null,description:"",name:"threshold",required:!1,type:{name:"enum",value:[{value:"number"}]}},tag:{defaultValue:null,description:"",name:"tag",required:!1,type:{name:"enum",value:[{value:'"div"'},{value:'"main"'},{value:'"header"'},{value:'"footer"'},{value:'"article"'},{value:'"section"'},{value:'"ul"'},{value:'"ol"'},{value:'"li"'},{value:'"p"'},{value:'"span"'},{value:'"fieldset"'},{value:'"table"'},{value:'"th"'},{value:'"tr"'},{value:'"td"'},{value:'"thead"'},{value:'"tfoot"'},{value:'"tbody"'},{value:'"caption"'},{value:'"figure"'},{value:'"figcaption"'}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}}}}}catch{}const _={title:"components/ShowOnIntersection",component:a,parameters:{tags:["!test"],chromatic:{disableSnapshot:!0}}},n=()=>t.jsx("div",{style:{height:"200px",overflowY:"scroll",position:"relative"},children:t.jsx("div",{style:{height:"400px",display:"flex",alignItems:"end"},children:t.jsx(a,{children:t.jsx("p",{children:"Intersected"})})})});n.storyName="ShowOnIntersection";var r,s,i;n.parameters={...n.parameters,docs:{...(r=n.parameters)==null?void 0:r.docs,source:{originalSource:`() => {
   return <div style={{
     height: '200px',
     overflowY: 'scroll',

package/dist/assets/Spinner-CixbAVEL.css

@@ -0,0 +1 @@
+@keyframes _spin_1x6u0_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._Spinner_1x6u0_12{display:inline-flex}._Spinner--size-default_1x6u0_15>*{width:var(--9270b5);height:var(--9270b5)}._Spinner--size-large_1x6u0_19>*{width:var(--77547f);height:var(--77547f)}@media (min-width: 400px){._Spinner--narrow-l--size-default_1x6u0_24>*{width:var(--9270b5);height:var(--9270b5)}._Spinner--narrow-l--size-large_1x6u0_28>*{width:var(--77547f);height:var(--77547f)}}@media (min-width: 700px){._Spinner--medium-s--size-default_1x6u0_34>*{width:var(--9270b5);height:var(--9270b5)}._Spinner--medium-s--size-large_1x6u0_38>*{width:var(--77547f);height:var(--77547f)}}@media (min-width: 880px){._Spinner--medium-l--size-default_1x6u0_44>*{width:var(--9270b5);height:var(--9270b5)}._Spinner--medium-l--size-large_1x6u0_48>*{width:var(--77547f);height:var(--77547f)}}@media (min-width: 1200px){._Spinner--wide-s--size-default_1x6u0_54>*{width:var(--9270b5);height:var(--9270b5)}._Spinner--wide-s--size-large_1x6u0_58>*{width:var(--77547f);height:var(--77547f)}}@media (min-width: 1900px){._Spinner--wide-l--size-default_1x6u0_64>*{width:var(--9270b5);height:var(--9270b5)}._Spinner--wide-l--size-large_1x6u0_68>*{width:var(--77547f);height:var(--77547f)}}._Spinner--static_1x6u0_73{display:none}._Spinner--static_1x6u0_73 svg{fill:currentColor}._Spinner--animated_1x6u0_79{display:inline-flex}._Spinner--animated_1x6u0_79 svg{stroke:currentColor;stroke-linecap:round;stroke-width:3px;animation:_spin_1x6u0_1 1s cubic-bezier(.46,.17,.58,.87) infinite}@media (prefers-reduced-motion){._Spinner--static_1x6u0_73{display:inline-flex}._Spinner--animated_1x6u0_79{display:none}}

package/dist/assets/{Spinner-DgGnJd2k.js → Spinner-Iaah9nUJ.js}

@@ -1 +1 @@
-import{j as a}from"./jsx-runtime-BTJTZTIL.js";import{r as e}from"./index-Cb9e4tly.js";import{m as o,s as _,a as p}from"./classNames-BUL1Zq7e.js";import{S as m}from"./defaults-B1rzzf6M.js";const u="_Spinner_1q2u3_12",c="_spin_1q2u3_1",l={Spinner:u,"Spinner--size-default":"_Spinner--size-default_1q2u3_15","Spinner--size-large":"_Spinner--size-large_1q2u3_19","Spinner--narrow-l--size-default":"_Spinner--narrow-l--size-default_1q2u3_24","Spinner--narrow-l--size-large":"_Spinner--narrow-l--size-large_1q2u3_28","Spinner--medium-s--size-default":"_Spinner--medium-s--size-default_1q2u3_34","Spinner--medium-s--size-large":"_Spinner--medium-s--size-large_1q2u3_38","Spinner--medium-l--size-default":"_Spinner--medium-l--size-default_1q2u3_44","Spinner--medium-l--size-large":"_Spinner--medium-l--size-large_1q2u3_48","Spinner--wide-s--size-default":"_Spinner--wide-s--size-default_1q2u3_54","Spinner--wide-s--size-large":"_Spinner--wide-s--size-large_1q2u3_58","Spinner--wide-l--size-default":"_Spinner--wide-l--size-default_1q2u3_64","Spinner--wide-l--size-large":"_Spinner--wide-l--size-large_1q2u3_68","Spinner--static":"_Spinner--static_1q2u3_73","Spinner--animated":"_Spinner--animated_1q2u3_79",spin:c},S=({title:n,titleId:i,...r},s)=>e.createElement("svg",{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",ref:s,"aria-labelledby":i,...r},n?e.createElement("title",{id:i},n):null,e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3 12a2 2 0 1 1 4 0 2 2 0 0 1-4 0Zm7 0a2 2 0 1 1 4 0 2 2 0 0 1-4 0Zm9-2a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z"})),f=e.forwardRef(S),w=({title:n,titleId:i,...r},s)=>e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"none",ref:s,"aria-labelledby":i,...r},n?e.createElement("title",{id:i},n):null,e.createElement("g",{clipPath:"url(#clip0_1785_4234)"},e.createElement("path",{d:"M30 15.9996C30.0002 18.5815 29.2863 21.1132 27.9373 23.3148C26.5884 25.5163 24.6569 27.302 22.3564 28.4743C20.0559 29.6465 17.476 30.1598 14.902 29.9573C12.328 29.7548 9.86014 28.8444 7.77126 27.3269C5.68238 25.8093 4.05386 23.7436 3.06576 21.3582C2.07765 18.9728 1.76846 16.3606 2.17236 13.8104C2.57627 11.2602 3.67753 8.8714 5.35439 6.90808C7.03126 4.94475 9.2184 3.48339 11.674 2.68557",strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{opacity:.3,d:"M16 29.9996C23.732 29.9996 30 23.7316 30 15.9996C30 8.26758 23.732 1.99956 16 1.99956C8.26801 1.99956 2 8.26758 2 15.9996C2 23.7316 8.26801 29.9996 16 29.9996Z",strokeWidth:3,strokeLinejoin:"round"})),e.createElement("defs",null,e.createElement("clipPath",{id:"clip0_1785_4234"},e.createElement("rect",{width:32,height:32,fill:"white"})))),z=e.forwardRef(w),t="Spinner",d=({size:n=m})=>{const i=o(l,t,[_("size",n)]),r=[...p(l,t,["animated"])],s=[...p(l,t,["static"])];return a.jsxs("span",{className:i.join(" "),children:[a.jsx("span",{className:r.join(" "),children:a.jsx(z,{})}),a.jsx("span",{className:s.join(" "),children:a.jsx(f,{})})]})};try{d.displayName="Spinner",d.__docgenInfo={description:"",displayName:"Spinner",props:{size:{defaultValue:{value:"default"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"large"'},{value:'"default"'},{value:"ResponsiveProp<SpinnerSize>"}]}}}}}catch{}export{d as S};
+import{j as a}from"./jsx-runtime-BTJTZTIL.js";import{r as e}from"./index-Cb9e4tly.js";import{m as o,s as _,a as p}from"./classNames-BUL1Zq7e.js";import{S as m}from"./defaults-B1rzzf6M.js";const u="_Spinner_1x6u0_12",c="_spin_1x6u0_1",l={Spinner:u,"Spinner--size-default":"_Spinner--size-default_1x6u0_15","Spinner--size-large":"_Spinner--size-large_1x6u0_19","Spinner--narrow-l--size-default":"_Spinner--narrow-l--size-default_1x6u0_24","Spinner--narrow-l--size-large":"_Spinner--narrow-l--size-large_1x6u0_28","Spinner--medium-s--size-default":"_Spinner--medium-s--size-default_1x6u0_34","Spinner--medium-s--size-large":"_Spinner--medium-s--size-large_1x6u0_38","Spinner--medium-l--size-default":"_Spinner--medium-l--size-default_1x6u0_44","Spinner--medium-l--size-large":"_Spinner--medium-l--size-large_1x6u0_48","Spinner--wide-s--size-default":"_Spinner--wide-s--size-default_1x6u0_54","Spinner--wide-s--size-large":"_Spinner--wide-s--size-large_1x6u0_58","Spinner--wide-l--size-default":"_Spinner--wide-l--size-default_1x6u0_64","Spinner--wide-l--size-large":"_Spinner--wide-l--size-large_1x6u0_68","Spinner--static":"_Spinner--static_1x6u0_73","Spinner--animated":"_Spinner--animated_1x6u0_79",spin:c},S=({title:n,titleId:i,...r},s)=>e.createElement("svg",{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",ref:s,"aria-labelledby":i,...r},n?e.createElement("title",{id:i},n):null,e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3 12a2 2 0 1 1 4 0 2 2 0 0 1-4 0Zm7 0a2 2 0 1 1 4 0 2 2 0 0 1-4 0Zm9-2a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z"})),f=e.forwardRef(S),x=({title:n,titleId:i,...r},s)=>e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"none",ref:s,"aria-labelledby":i,...r},n?e.createElement("title",{id:i},n):null,e.createElement("g",{clipPath:"url(#clip0_1785_4234)"},e.createElement("path",{d:"M30 15.9996C30.0002 18.5815 29.2863 21.1132 27.9373 23.3148C26.5884 25.5163 24.6569 27.302 22.3564 28.4743C20.0559 29.6465 17.476 30.1598 14.902 29.9573C12.328 29.7548 9.86014 28.8444 7.77126 27.3269C5.68238 25.8093 4.05386 23.7436 3.06576 21.3582C2.07765 18.9728 1.76846 16.3606 2.17236 13.8104C2.57627 11.2602 3.67753 8.8714 5.35439 6.90808C7.03126 4.94475 9.2184 3.48339 11.674 2.68557",strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{opacity:.3,d:"M16 29.9996C23.732 29.9996 30 23.7316 30 15.9996C30 8.26758 23.732 1.99956 16 1.99956C8.26801 1.99956 2 8.26758 2 15.9996C2 23.7316 8.26801 29.9996 16 29.9996Z",strokeWidth:3,strokeLinejoin:"round"})),e.createElement("defs",null,e.createElement("clipPath",{id:"clip0_1785_4234"},e.createElement("rect",{width:32,height:32,fill:"white"})))),w=e.forwardRef(x),t="Spinner",d=({size:n=m})=>{const i=o(l,t,[_("size",n)]),r=[...p(l,t,["animated"])],s=[...p(l,t,["static"])];return a.jsxs("span",{className:i.join(" "),children:[a.jsx("span",{className:r.join(" "),children:a.jsx(w,{})}),a.jsx("span",{className:s.join(" "),children:a.jsx(f,{})})]})};try{d.displayName="Spinner",d.__docgenInfo={description:"",displayName:"Spinner",props:{size:{defaultValue:{value:"default"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"large"'},{value:'"default"'},{value:"ResponsiveProp<SpinnerSize>"}]}}}}}catch{}export{d as S};

package/dist/assets/Steps-CRCACZIC.css

@@ -0,0 +1 @@
+._steps_1b6co_2[aria-busy=true]{cursor:wait}._steps_1b6co_2>._content_1b6co_5{margin-top:var(--558c4c)}._steps_1b6co_2>._content_1b6co_5>._header_1b6co_8{display:flex;flex-direction:column;gap:var(--66b80b);margin-bottom:var(--558c4c)}._steps_1b6co_2>._content_1b6co_5>._header_1b6co_8>._description_1b6co_14{font-size:var(--9c8f04);font-weight:var(--1bc44d);line-height:var(--3dd5bc);color:var(--3d280d);margin:0}

package/dist/assets/{Steps-BC67AT21.js → Steps-CfdqlU3Q.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{r as i}from"./index-Cb9e4tly.js";import{B as y}from"./Button-Dy26oY0t.js";import"./index-D1pfvbUR.js";import{H as C}from"./Heading-DPPEK9A1.js";import{P as I}from"./ProgressSteps-D0sRQY_x.js";import{g as M}from"./index-DdzHuZ-Y.js";import{w as V}from"./componentNames-Bwls0I02.js";import{M as b}from"./message-B1DLZQ1U.js";const k="_steps_jwkby_2",E="_content_jwkby_5",q="_header_jwkby_8",A="_description_jwkby_14",g={steps:k,content:E,header:q,description:A},w=i.createContext(void 0),N=()=>{const n=i.useContext(w);if(n===void 0)throw new Error("Steps navigation components must be used within a Steps component");return n||{}},B=i.forwardRef(function({onClick:t,disabled:p,variant:o="tertiary",...c},d){const{goToPreviousStep:s,currentStep:u,isNavigating:l,contentId:m}=N();return e.jsx(y,{...c,ref:d,variant:o,onClick:r=>{t==null||t(r),!r.defaultPrevented&&s()},disabled:u===1||l||p,"aria-controls":m,children:c.children||e.jsx(b,{id:"preply-ds.steps.previous",defaultMessage:"Previous",description:"Button used to navigate to the previous step"})})}),D=i.forwardRef(function({onClick:t,disabled:p,variant:o="primary",...c},d){const{goToNextStep:s,currentStep:u,totalSteps:l,isNavigating:m,contentId:r}=N();return e.jsx(y,{...c,ref:d,variant:o,onClick:S=>{t==null||t(S),!S.defaultPrevented&&s()},disabled:u===l||m||p,"aria-controls":r,children:c.children||e.jsx(b,{id:"preply-ds.steps.next",defaultMessage:"Next",description:"Button used to navigate to the next step"})})}),O=({children:n,"aria-label":t,initialStep:p=1,onStepChange:o,dataset:c})=>{const d=i.useId(),[s,u]=i.useState(p),[l,m]=i.useState(!1),r=[],S=[];n==null||n.forEach(a=>{i.isValidElement(a)&&a.type===P?r.push(a):S.push(a)});const h=r.length,T=M(c,{preplyDsComponent:V.Steps}),f=async a=>{const v=Math.min(Math.max(a,1),h);if(!o){u(v);return}m(!0);try{const j=await o(s,v);u(j??v)}finally{m(!1)}},_={goToPreviousStep:()=>f(s-1),goToNextStep:()=>f(s+1),goToStep:a=>f(a),currentStep:s,totalSteps:h,isNavigating:l,contentId:d};return e.jsxs("div",{...T,className:g.steps,id:d,"aria-live":"polite","aria-busy":l,children:[e.jsx(I,{currentStep:s,totalSteps:h,"aria-label":t}),e.jsx("div",{className:g.content,children:e.jsxs(w.Provider,{value:_,children:[r[s-1],S]})})]})},P=({title:n,description:t,children:p,hideHeader:o})=>e.jsxs(e.Fragment,{children:[!o&&e.jsxs("hgroup",{className:g.header,children:[e.jsx(C,{tag:"h3",variant:"medium",children:n}),t&&e.jsx("p",{className:g.description,children:t})]}),p]}),x=Object.assign(O,{Step:P,Previous:B,Next:D});try{x.displayName="Steps",x.__docgenInfo={description:"This component allows users to navigate through a series of steps, providing\na structured way to complete tasks or forms. It will also handle screen reader\nannouncements and progress indicators.\n\nTo create a step, wrap the content of each step in a `Steps.Step` component.\nAny non-`Steps.Step` children will be rendered outside of the steps flow,\nright after the currently active step.\n\nTo navigate between steps, use the `Steps.Previous` and `Steps.Next` components.\nAlternatively, you can use the `StepsContext` directly to call\n`goToPreviousStep`, `goToNextStep`, or `goToStep`.",displayName:"Steps",props:{"aria-label":{defaultValue:null,description:`A description of the step flow and its content for screen readers.
+import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{r as i}from"./index-Cb9e4tly.js";import{B as y}from"./Button-CWNujLtP.js";import"./index-D1pfvbUR.js";import{H as C}from"./Heading-DcJnmvUa.js";import{P as I}from"./ProgressSteps-7jb0rnSw.js";import{g as M}from"./index-DdzHuZ-Y.js";import{w as V}from"./componentNames-Bwls0I02.js";import{M as b}from"./message-B1DLZQ1U.js";const E="_steps_1b6co_2",q="_content_1b6co_5",A="_header_1b6co_8",B="_description_1b6co_14",g={steps:E,content:q,header:A,description:B},N=i.createContext(void 0),P=()=>{const n=i.useContext(N);if(n===void 0)throw new Error("Steps navigation components must be used within a Steps component");return n||{}},D=i.forwardRef(function({onClick:t,disabled:p,variant:o="tertiary",...c},d){const{goToPreviousStep:s,currentStep:u,isNavigating:l,contentId:m}=P();return e.jsx(y,{...c,ref:d,variant:o,onClick:r=>{t==null||t(r),!r.defaultPrevented&&s()},disabled:u===1||l||p,"aria-controls":m,children:c.children||e.jsx(b,{id:"preply-ds.steps.previous",defaultMessage:"Previous",description:"Button used to navigate to the previous step"})})}),O=i.forwardRef(function({onClick:t,disabled:p,variant:o="primary",...c},d){const{goToNextStep:s,currentStep:u,totalSteps:l,isNavigating:m,contentId:r}=P();return e.jsx(y,{...c,ref:d,variant:o,onClick:S=>{t==null||t(S),!S.defaultPrevented&&s()},disabled:u===l||m||p,"aria-controls":r,children:c.children||e.jsx(b,{id:"preply-ds.steps.next",defaultMessage:"Next",description:"Button used to navigate to the next step"})})}),R=({children:n,"aria-label":t,initialStep:p=1,onStepChange:o,dataset:c})=>{const d=i.useId(),[s,u]=i.useState(p),[l,m]=i.useState(!1),r=[],S=[];n==null||n.forEach(a=>{i.isValidElement(a)&&a.type===T?r.push(a):S.push(a)});const h=r.length,_=M(c,{preplyDsComponent:V.Steps}),f=async a=>{const v=Math.min(Math.max(a,1),h);if(!o){u(v);return}m(!0);try{const j=await o(s,v);u(j??v)}finally{m(!1)}},w={goToPreviousStep:()=>f(s-1),goToNextStep:()=>f(s+1),goToStep:a=>f(a),currentStep:s,totalSteps:h,isNavigating:l,contentId:d};return e.jsxs("div",{..._,className:g.steps,id:d,"aria-live":"polite","aria-busy":l,children:[e.jsx(I,{currentStep:s,totalSteps:h,"aria-label":t}),e.jsx("div",{className:g.content,children:e.jsxs(N.Provider,{value:w,children:[r[s-1],S]})})]})},T=({title:n,description:t,children:p,hideHeader:o})=>e.jsxs(e.Fragment,{children:[!o&&e.jsxs("hgroup",{className:g.header,children:[e.jsx(C,{tag:"h3",variant:"medium",children:n}),t&&e.jsx("p",{className:g.description,children:t})]}),p]}),x=Object.assign(R,{Step:T,Previous:D,Next:O});try{x.displayName="Steps",x.__docgenInfo={description:"This component allows users to navigate through a series of steps, providing\na structured way to complete tasks or forms. It will also handle screen reader\nannouncements and progress indicators.\n\nTo create a step, wrap the content of each step in a `Steps.Step` component.\nAny non-`Steps.Step` children will be rendered outside of the steps flow,\nright after the currently active step.\n\nTo navigate between steps, use the `Steps.Previous` and `Steps.Next` components.\nAlternatively, you can use the `StepsContext` directly to call\n`goToPreviousStep`, `goToNextStep`, or `goToStep`.",displayName:"Steps",props:{"aria-label":{defaultValue:null,description:`A description of the step flow and its content for screen readers.
 @example 'Onboarding Steps', 'Checkout Steps', 'Survey Steps', etc.`,name:"aria-label",required:!0,type:{name:"string"}},initialStep:{defaultValue:{value:"1"},description:"The initial step to start at (from `1` to `children.length`).",name:"initialStep",required:!1,type:{name:"enum",value:[{value:"number"}]}},onStepChange:{defaultValue:null,description:`Optional callback to control navigation between steps.
 
 This is triggered either by using the \`Steps.Previous\` and \`Steps.Next\`
@@ -23,4 +23,4 @@ return next;
 const handleStepChange = async (current, next) => {
 if (next === 2) return 3; // Skip step 2
 return next;
-};`,name:"onStepChange",required:!1,type:{name:"enum",value:[{value:"(currentStep: number, nextStep: number) => number | Promise<number | undefined> | undefined"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}}}}}catch{}export{x as S,N as u};
+};`,name:"onStepChange",required:!1,type:{name:"enum",value:[{value:"(currentStep: number, nextStep: number) => number | Promise<number | undefined> | undefined"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}}}}}catch{}export{x as S,P as u};

package/dist/assets/{Steps.stories-Croh-b85.js → Steps.stories-D3jWUCfp.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{r as G}from"./index-Cb9e4tly.js";import{e as r,u as a,w as o}from"./index-BVDq5o4N.js";import{S as t,u as X}from"./Steps-BC67AT21.js";import{L as h}from"./LayoutFlex-Cj8q1bY9.js";import"./index-ChsGqxH_.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./Button-Dy26oY0t.js";import"./render-icon-BT0Aq7PA.js";import"./ButtonBase-C6zIOZ7w.js";import"./Spinner-DgGnJd2k.js";import"./classNames-BUL1Zq7e.js";import"./defaults-B1rzzf6M.js";import"./filterHTMLAttributes-DYdLqcvH.js";import"./useHostname-Y3PlXofY.js";import"./index-DdzHuZ-Y.js";import"./index-CC6DAVyL.js";import"./componentNames-Bwls0I02.js";import"./index-D1pfvbUR.js";import"./tslib.es6-BntfKcQG.js";import"./hoist-non-react-statics.cjs-C-Qo8PK8.js";import"./Heading-DPPEK9A1.js";import"./text-accent-DwQPHwM2.js";import"./text-centered-BwHG-She.js";import"./ProgressSteps-D0sRQY_x.js";import"./message-B1DLZQ1U.js";import"./layout-relative.module-Cmd2g7hD.js";const je={title:"Components/Steps",component:t,decorators:[s=>e.jsx("div",{style:{padding:"32px"},children:e.jsx(s,{})})]},i=e.jsx("div",{style:{width:"100%",height:"300px",backgroundColor:"#e0e0e0",marginBottom:"16px"}}),c={parameters:{docs:{description:{story:"Basic usage with header, controls, and content per step."}}},render:()=>e.jsxs(t,{dataset:{testid:"steps"},"aria-label":"Story Steps",children:[e.jsx(t.Step,{title:"Step 1",description:"This is the description for step 1.",children:i}),e.jsx(t.Step,{title:"Step 2",description:"This is the description for step 2.",children:i}),e.jsx(t.Step,{title:"Step 3",description:"This is the description for step 3.",children:i}),e.jsxs(h,{justifyContent:"space-between",children:[e.jsx(t.Previous,{}),e.jsx(t.Next,{})]})]}),play:async({canvas:s})=>{r(s.getByText("Step 1")).toBeVisible(),await a.click(s.getByText("Next")),await o(()=>{r(s.getByText("Step 2")).toBeVisible()}),await a.click(s.getByText("Previous")),await o(()=>{r(s.getByText("Step 1")).toBeVisible()})}},d={parameters:{docs:{description:{story:"Example with hidden headers and only content per step."}}},render:()=>e.jsxs(t,{"aria-label":"Story Steps",children:[e.jsx(t.Step,{title:"Step 1",hideHeader:!0,children:i}),e.jsx(t.Step,{title:"Step 2",hideHeader:!0,children:i}),e.jsx(t.Step,{title:"Step 3",hideHeader:!0,children:i}),e.jsxs(h,{justifyContent:"space-between",children:[e.jsx(t.Previous,{}),e.jsx(t.Next,{})]})]})},l={parameters:{docs:{description:{story:"Example demonstrating the use of a custom `initialStep`."}}},render:()=>e.jsxs(t,{initialStep:2,"aria-label":"Story Steps",children:[e.jsx(t.Step,{title:"Step 1",description:"Step 1 is skipped.",children:i}),e.jsx(t.Step,{title:"Step 2",description:"Starting at step 2.",children:i}),e.jsx(t.Step,{title:"Step 3",description:"This is the third step.",children:i})]})},S={parameters:{docs:{description:{story:"Example with only navigation controls, no headers or content."}}},render:()=>e.jsxs(t,{"aria-label":"Story Steps",children:[e.jsx(t.Step,{title:"Step 1",children:i}),e.jsx(t.Step,{title:"Step 2",children:i}),e.jsx(t.Step,{title:"Step 3",children:i}),e.jsxs(h,{justifyContent:"space-between",children:[e.jsx(t.Previous,{}),e.jsx(t.Next,{})]})]})},u={parameters:{docs:{description:{story:`Example with a 1-second async delay between steps.
+import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{r as G}from"./index-Cb9e4tly.js";import{e as r,u as a,w as o}from"./index-BVDq5o4N.js";import{S as t,u as X}from"./Steps-CfdqlU3Q.js";import{L as h}from"./LayoutFlex-D2upWEjL.js";import"./index-ChsGqxH_.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./Button-CWNujLtP.js";import"./render-icon-BT0Aq7PA.js";import"./ButtonBase-CJjNfOwu.js";import"./Spinner-Iaah9nUJ.js";import"./classNames-BUL1Zq7e.js";import"./defaults-B1rzzf6M.js";import"./filterHTMLAttributes-DYdLqcvH.js";import"./useHostname-Y3PlXofY.js";import"./index-DdzHuZ-Y.js";import"./index-CC6DAVyL.js";import"./componentNames-Bwls0I02.js";import"./index-D1pfvbUR.js";import"./tslib.es6-BntfKcQG.js";import"./hoist-non-react-statics.cjs-C-Qo8PK8.js";import"./Heading-DcJnmvUa.js";import"./text-accent-BMdpzlaC.js";import"./text-centered-VuFsr_qt.js";import"./ProgressSteps-7jb0rnSw.js";import"./message-B1DLZQ1U.js";import"./layout-relative.module-C63T27Fr.js";const je={title:"Components/Steps",component:t,decorators:[s=>e.jsx("div",{style:{padding:"32px"},children:e.jsx(s,{})})]},i=e.jsx("div",{style:{width:"100%",height:"300px",backgroundColor:"#e0e0e0",marginBottom:"16px"}}),c={parameters:{docs:{description:{story:"Basic usage with header, controls, and content per step."}}},render:()=>e.jsxs(t,{dataset:{testid:"steps"},"aria-label":"Story Steps",children:[e.jsx(t.Step,{title:"Step 1",description:"This is the description for step 1.",children:i}),e.jsx(t.Step,{title:"Step 2",description:"This is the description for step 2.",children:i}),e.jsx(t.Step,{title:"Step 3",description:"This is the description for step 3.",children:i}),e.jsxs(h,{justifyContent:"space-between",children:[e.jsx(t.Previous,{}),e.jsx(t.Next,{})]})]}),play:async({canvas:s})=>{r(s.getByText("Step 1")).toBeVisible(),await a.click(s.getByText("Next")),await o(()=>{r(s.getByText("Step 2")).toBeVisible()}),await a.click(s.getByText("Previous")),await o(()=>{r(s.getByText("Step 1")).toBeVisible()})}},d={parameters:{docs:{description:{story:"Example with hidden headers and only content per step."}}},render:()=>e.jsxs(t,{"aria-label":"Story Steps",children:[e.jsx(t.Step,{title:"Step 1",hideHeader:!0,children:i}),e.jsx(t.Step,{title:"Step 2",hideHeader:!0,children:i}),e.jsx(t.Step,{title:"Step 3",hideHeader:!0,children:i}),e.jsxs(h,{justifyContent:"space-between",children:[e.jsx(t.Previous,{}),e.jsx(t.Next,{})]})]})},l={parameters:{docs:{description:{story:"Example demonstrating the use of a custom `initialStep`."}}},render:()=>e.jsxs(t,{initialStep:2,"aria-label":"Story Steps",children:[e.jsx(t.Step,{title:"Step 1",description:"Step 1 is skipped.",children:i}),e.jsx(t.Step,{title:"Step 2",description:"Starting at step 2.",children:i}),e.jsx(t.Step,{title:"Step 3",description:"This is the third step.",children:i})]})},S={parameters:{docs:{description:{story:"Example with only navigation controls, no headers or content."}}},render:()=>e.jsxs(t,{"aria-label":"Story Steps",children:[e.jsx(t.Step,{title:"Step 1",children:i}),e.jsx(t.Step,{title:"Step 2",children:i}),e.jsx(t.Step,{title:"Step 3",children:i}),e.jsxs(h,{justifyContent:"space-between",children:[e.jsx(t.Previous,{}),e.jsx(t.Next,{})]})]})},u={parameters:{docs:{description:{story:`Example with a 1-second async delay between steps.
 
 Navigation controls are disabled during transitions, with a cursor loading indicator.`}}},render:()=>{const s=async(p,n)=>(await new Promise(g=>setTimeout(g,1e3)),n);return e.jsxs(t,{onStepChange:s,dataset:{testid:"steps"},"aria-label":"Story Steps",children:[e.jsx(t.Step,{title:"Step 1",description:"Navigation has a 1s delay",children:i}),e.jsx(t.Step,{title:"Step 2",description:"Each navigation has async validation",children:i}),e.jsx(t.Step,{title:"Step 3",description:"Buttons are disabled during validation",children:i}),e.jsx(t.Step,{title:"Step 4",description:"Final step",children:i}),e.jsxs("div",{style:{display:"flex",justifyContent:"space-between"},children:[e.jsx(t.Previous,{}),e.jsx(t.Next,{})]})]})},play:async({canvas:s})=>{const p=s.getByTestId("steps");r(s.getByText("Step 1")).toBeVisible(),await a.click(s.getByText("Next")),r(p).toContainHTML('aria-busy="true"'),await o(()=>{r(p).toContainHTML('aria-busy="false"'),r(s.getByText("Step 2")).toBeVisible()})}},y={parameters:{docs:{description:{story:"You can override the navigation flow using `onStepChange`.\n\nThe following example skips step 3 and goes directly to step 4."}}},render:()=>{const s=async(p,n)=>n===3?p<3?4:2:n;return e.jsxs(t,{onStepChange:s,dataset:{testid:"steps"},"aria-label":"Story Steps",children:[e.jsx(t.Step,{title:"Step 1",description:"Next goes to step 2",children:i}),e.jsx(t.Step,{title:"Step 2",description:"Step 3 will always be skipped",children:i}),e.jsx(t.Step,{title:"Step 3",description:"This step is not accessible",children:i}),e.jsx(t.Step,{title:"Step 4",description:"Previous goes to step 2",children:i}),e.jsxs(h,{justifyContent:"space-between",children:[e.jsx(t.Previous,{}),e.jsx(t.Next,{})]})]})},play:async({canvas:s})=>{r(s.getByText("Step 1")).toBeVisible(),await a.click(s.getByText("Next")),await o(()=>{r(s.getByText("Step 2")).toBeVisible()}),await a.click(s.getByText("Next")),await o(()=>{r(s.getByText("Step 4")).toBeVisible()}),await a.click(s.getByText("Previous")),await o(()=>{r(s.getByText("Step 2")).toBeVisible()})}},x={parameters:{docs:{description:{story:"Although not a great UX, you can customize the placement of the navigation buttons."}}},render:()=>e.jsxs(t,{"aria-label":"Story Steps",children:[e.jsx(t.Step,{title:"Custom Buttons Location",description:"Navigation buttons can be placed anywhere",children:e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[e.jsxs("div",{style:{display:"flex",gap:"8px"},children:[e.jsx(t.Previous,{variant:"secondary"}),e.jsx(t.Next,{})]}),i]})}),e.jsxs(t.Step,{title:"Customized Navigation",description:"Buttons can have custom text and styles",children:[i,e.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:"8px"},children:[e.jsx(t.Next,{variant:"secondary",children:"Continue"}),e.jsx(t.Previous,{variant:"tertiary",children:"Go Back"})]})]}),e.jsxs(t.Step,{title:"Final Step",description:"Only previous button is needed here",children:[i,e.jsx("div",{children:e.jsx(t.Previous,{children:"Return to previous step"})})]})]})},Y=()=>{const{goToPreviousStep:s,goToNextStep:p,goToStep:n,totalSteps:g,isNavigating:v}=X();return G.useEffect(()=>{const b=O=>{if(!v)switch(O.key){case"ArrowLeft":s();break;case"ArrowRight":p();break;case"1":n(1);break;case"2":n(2);break;case"3":n(3);break}};return window.addEventListener("keydown",b),()=>window.removeEventListener("keydown",b)},[s,p,n,g,v]),e.jsxs("div",{style:{padding:"16px",backgroundColor:"#f5f5f5",borderRadius:"4px"},children:[e.jsxs("p",{children:[e.jsx("strong",{children:"Keyboard Navigation:"})," Click here to focus, then use:"]}),e.jsxs("ul",{children:[e.jsxs("li",{children:[e.jsx("kbd",{children:"←"})," Previous step"]}),e.jsxs("li",{children:[e.jsx("kbd",{children:"→"})," Next step"]}),e.jsxs("li",{children:[e.jsx("kbd",{children:"1"})," - ",e.jsx("kbd",{children:"3"})," Jump to step"]})]})]})},m={parameters:{docs:{description:{story:`This example demonstrates controlled navigation using the Steps context.
 

package/dist/assets/{Text-j7spMxpW.css → Text-CxaHmdy3.css}

@@ -1 +1 @@
-._Text_ot6ze_4{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:var(--8d63e4);line-height:var(--d4313c);margin:0;font-weight:var(--73984e)}._Text--variant-caption-regular_ot6ze_12{font-size:var(--d3e233);font-weight:var(--56c416);line-height:var(--bc6f38);letter-spacing:var(--be8c45);font-style:var(--ba54c4);font-variation-settings:var(--1f00e7)}._Text--variant-caption-semibold_ot6ze_20{font-size:var(--4df4f0);font-weight:var(--756814);line-height:var(--f8ebff);letter-spacing:var(--03e2b6);font-style:var(--782782);font-variation-settings:var(--a1e375)}._Text--variant-small-regular_ot6ze_28{font-size:var(--d4ea3f);font-weight:var(--c2057a);line-height:var(--ff8dfa);letter-spacing:var(--cdd9f4);font-style:var(--8dee8a);font-variation-settings:var(--51eeea)}._Text--variant-small-regular-italic_ot6ze_36{font-size:var(--33b293);font-weight:var(--b38b97);line-height:var(--5f3bbf);letter-spacing:var(--40ba00);font-style:var(--02d236);font-variation-settings:var(--4c48ba)}._Text--variant-small-semibold_ot6ze_44{font-size:var(--97511e);font-weight:var(--fbec20);line-height:var(--a8f0e2);letter-spacing:var(--a566de);font-style:var(--92feb8);font-variation-settings:var(--a1201a)}._Text--variant-small-semibold-italic_ot6ze_52{font-size:var(--16878a);font-weight:var(--9d502c);line-height:var(--bd5dd5);letter-spacing:var(--ca673a);font-style:var(--7cc250);font-variation-settings:var(--f7661a)}._Text--variant-default-regular_ot6ze_60{font-size:var(--7f027e);font-weight:var(--59913e);line-height:var(--11f5c9);letter-spacing:var(--b2e406);font-style:var(--61e1de);font-variation-settings:var(--2d95ca)}._Text--variant-default-regular-italic_ot6ze_68{font-size:var(--58dc82);font-weight:var(--55b888);line-height:var(--d59274);letter-spacing:var(--40d520);font-style:var(--b09e9d);font-variation-settings:var(--7dfa2c)}._Text--variant-default-semibold_ot6ze_76{font-size:var(--8098ff);font-weight:var(--a4fde7);line-height:var(--2285fa);letter-spacing:var(--95d383);font-style:var(--82c3d5);font-variation-settings:var(--51956c)}._Text--variant-default-semibold-italic_ot6ze_84{font-size:var(--4f1e3c);font-weight:var(--ea7bfd);line-height:var(--f70f04);letter-spacing:var(--f69e59);font-style:var(--dd40d0);font-variation-settings:var(--19883f)}._Text--variant-large-regular_ot6ze_92{font-size:var(--3cfa3f);font-weight:var(--f9dbd7);line-height:var(--206b00);letter-spacing:var(--2585de);font-style:var(--1952bb);font-variation-settings:var(--0b4502)}._Text--variant-large-regular-italic_ot6ze_100{font-size:var(--3b44b6);font-weight:var(--500731);line-height:var(--c18960);letter-spacing:var(--e4d866);font-style:var(--bed3e0);font-variation-settings:var(--a4194d)}._Text--variant-large-semibold_ot6ze_108{font-size:var(--63f88d);font-weight:var(--c7a8eb);line-height:var(--942b2f);letter-spacing:var(--5b62c3);font-style:var(--9c1713);font-variation-settings:var(--42348d)}._Text--variant-large-semibold-italic_ot6ze_116{font-size:var(--4afac4);font-weight:var(--333137);line-height:var(--ae63b1);letter-spacing:var(--64a0ba);font-style:var(--ec8789);font-variation-settings:var(--f43b0b)}._Text--variant-xs_ot6ze_124{font-size:var(--4c9f68);font-weight:var(--71d69c);line-height:var(--543571);letter-spacing:var(--29af86);font-style:var(--647b4d);font-variation-settings:var(--afe759)}._Text--variant-xs-medium_ot6ze_132{font-size:var(--547b8f);font-weight:var(--86a200);line-height:var(--e7e648);letter-spacing:var(--d7a1ad);font-style:var(--abe371);font-variation-settings:var(--f65ebc)}._Text--variant-s_ot6ze_28{font-size:var(--a7cfda);font-weight:var(--dc8b92);line-height:var(--c552e7);letter-spacing:var(--4d1d51);font-style:var(--b8dd4e);font-variation-settings:var(--93fedc)}._Text--variant-s-italic_ot6ze_148{font-size:var(--79c03c);font-weight:var(--5127dd);line-height:var(--aeb64b);letter-spacing:var(--a50d8c);font-style:var(--c89e06);font-variation-settings:var(--0557d4)}._Text--variant-s-medium_ot6ze_156{font-size:var(--28e99e);font-weight:var(--ca04c0);line-height:var(--af784d);letter-spacing:var(--015e8c);font-style:var(--e1d91f);font-variation-settings:var(--d7e46a)}._Text--variant-s-medium-italic_ot6ze_164{font-size:var(--0e0e62);font-weight:var(--f9d4cc);line-height:var(--88c2d5);letter-spacing:var(--bc7f3e);font-style:var(--38a142);font-variation-settings:var(--6a0033)}._Text--variant-s-bold_ot6ze_172{font-size:var(--69b27c);font-weight:var(--a9bc9f);line-height:var(--42f895);letter-spacing:var(--c2692c);font-style:var(--070316);font-variation-settings:var(--676438)}._Text--variant-s-bold-italic_ot6ze_180{font-size:var(--0afa8f);font-weight:var(--363b48);line-height:var(--494462);letter-spacing:var(--10dc5c);font-style:var(--36d923);font-variation-settings:var(--c0a734)}._Text--variant-m_ot6ze_188{font-size:var(--0c62d6);font-weight:var(--cb99be);line-height:var(--829b1e);letter-spacing:var(--035113);font-style:var(--a833d1);font-variation-settings:var(--5bcea1)}._Text--variant-m-italic_ot6ze_196{font-size:var(--aa6f00);font-weight:var(--fb4838);line-height:var(--33548f);letter-spacing:var(--8330df);font-style:var(--b8b43c);font-variation-settings:var(--f2721b)}._Text--variant-m-medium_ot6ze_204{font-size:var(--a5b1e0);font-weight:var(--749dcd);line-height:var(--76f1ec);letter-spacing:var(--2a3820);font-style:var(--b079f7);font-variation-settings:var(--6fc943)}._Text--variant-m-medium-italic_ot6ze_212{font-size:var(--a9ad47);font-weight:var(--faf5f3);line-height:var(--3bd2e0);letter-spacing:var(--fe4b24);font-style:var(--a19ae7);font-variation-settings:var(--858246)}._Text--variant-m-bold_ot6ze_220{font-size:var(--29e813);font-weight:var(--18f8ed);line-height:var(--3d432c);letter-spacing:var(--6e9f29);font-style:var(--f02b45);font-variation-settings:var(--483ad1)}._Text--variant-m-bold-italic_ot6ze_228{font-size:var(--741af5);font-weight:var(--c521d5);line-height:var(--c47e7f);letter-spacing:var(--2e489a);font-style:var(--8c5771);font-variation-settings:var(--00e7e3)}._Text--variant-l_ot6ze_92{font-size:var(--8d5beb);font-weight:var(--0776b9);line-height:var(--1cd7aa);letter-spacing:var(--b5b330);font-style:var(--af51c3);font-variation-settings:var(--0f6434)}._Text--variant-l-italic_ot6ze_244{font-size:var(--feec74);font-weight:var(--6e4501);line-height:var(--1056e0);letter-spacing:var(--421c23);font-style:var(--2adf67);font-variation-settings:var(--da82d0)}._Text--variant-l-medium_ot6ze_252{font-size:var(--0bcae9);font-weight:var(--149f7d);line-height:var(--02fee9);letter-spacing:var(--11ba2e);font-style:var(--03e30a);font-variation-settings:var(--42f863)}._Text--variant-l-medium-italic_ot6ze_260{font-size:var(--007ce3);font-weight:var(--fa9191);line-height:var(--2c996d);letter-spacing:var(--9705f8);font-style:var(--56d3fb);font-variation-settings:var(--362b90)}._Text--variant-xl_ot6ze_268{font-size:var(--c338f3);font-weight:var(--f8f482);line-height:var(--2503fd);letter-spacing:var(--4aff48);font-style:var(--a93d90);font-variation-settings:var(--4bba58)}._Text--variant-xl-italic_ot6ze_276{font-size:var(--734b0c);font-weight:var(--0baf26);line-height:var(--e84231);letter-spacing:var(--c9c193);font-style:var(--0b0b05);font-variation-settings:var(--461ced)}._Text--variant-xl-medium_ot6ze_284{font-size:var(--19e13e);font-weight:var(--6455e5);line-height:var(--85e4ac);letter-spacing:var(--e76960);font-style:var(--0a5e67);font-variation-settings:var(--ccf786)}._Text--variant-xl-medium-italic_ot6ze_292{font-size:var(--88dc17);font-weight:var(--cc6f61);line-height:var(--904c1e);letter-spacing:var(--cf0e2c);font-style:var(--6fc949);font-variation-settings:var(--3233ee)}@media (min-width: 400px){._Text--narrow-l--variant-caption-regular_ot6ze_301{font-size:var(--d3e233);font-weight:var(--56c416);line-height:var(--bc6f38);letter-spacing:var(--be8c45);font-style:var(--ba54c4);font-variation-settings:var(--1f00e7)}._Text--narrow-l--variant-caption-semibold_ot6ze_309{font-size:var(--4df4f0);font-weight:var(--756814);line-height:var(--f8ebff);letter-spacing:var(--03e2b6);font-style:var(--782782);font-variation-settings:var(--a1e375)}._Text--narrow-l--variant-small-regular_ot6ze_317{font-size:var(--d4ea3f);font-weight:var(--c2057a);line-height:var(--ff8dfa);letter-spacing:var(--cdd9f4);font-style:var(--8dee8a);font-variation-settings:var(--51eeea)}._Text--narrow-l--variant-small-regular-italic_ot6ze_325{font-size:var(--33b293);font-weight:var(--b38b97);line-height:var(--5f3bbf);letter-spacing:var(--40ba00);font-style:var(--02d236);font-variation-settings:var(--4c48ba)}._Text--narrow-l--variant-small-semibold_ot6ze_333{font-size:var(--97511e);font-weight:var(--fbec20);line-height:var(--a8f0e2);letter-spacing:var(--a566de);font-style:var(--92feb8);font-variation-settings:var(--a1201a)}._Text--narrow-l--variant-small-semibold-italic_ot6ze_341{font-size:var(--16878a);font-weight:var(--9d502c);line-height:var(--bd5dd5);letter-spacing:var(--ca673a);font-style:var(--7cc250);font-variation-settings:var(--f7661a)}._Text--narrow-l--variant-default-regular_ot6ze_349{font-size:var(--7f027e);font-weight:var(--59913e);line-height:var(--11f5c9);letter-spacing:var(--b2e406);font-style:var(--61e1de);font-variation-settings:var(--2d95ca)}._Text--narrow-l--variant-default-regular-italic_ot6ze_357{font-size:var(--58dc82);font-weight:var(--55b888);line-height:var(--d59274);letter-spacing:var(--40d520);font-style:var(--b09e9d);font-variation-settings:var(--7dfa2c)}._Text--narrow-l--variant-default-semibold_ot6ze_365{font-size:var(--8098ff);font-weight:var(--a4fde7);line-height:var(--2285fa);letter-spacing:var(--95d383);font-style:var(--82c3d5);font-variation-settings:var(--51956c)}._Text--narrow-l--variant-default-semibold-italic_ot6ze_373{font-size:var(--4f1e3c);font-weight:var(--ea7bfd);line-height:var(--f70f04);letter-spacing:var(--f69e59);font-style:var(--dd40d0);font-variation-settings:var(--19883f)}._Text--narrow-l--variant-large-regular_ot6ze_381{font-size:var(--3cfa3f);font-weight:var(--f9dbd7);line-height:var(--206b00);letter-spacing:var(--2585de);font-style:var(--1952bb);font-variation-settings:var(--0b4502)}._Text--narrow-l--variant-large-regular-italic_ot6ze_389{font-size:var(--3b44b6);font-weight:var(--500731);line-height:var(--c18960);letter-spacing:var(--e4d866);font-style:var(--bed3e0);font-variation-settings:var(--a4194d)}._Text--narrow-l--variant-large-semibold_ot6ze_397{font-size:var(--63f88d);font-weight:var(--c7a8eb);line-height:var(--942b2f);letter-spacing:var(--5b62c3);font-style:var(--9c1713);font-variation-settings:var(--42348d)}._Text--narrow-l--variant-large-semibold-italic_ot6ze_405{font-size:var(--4afac4);font-weight:var(--333137);line-height:var(--ae63b1);letter-spacing:var(--64a0ba);font-style:var(--ec8789);font-variation-settings:var(--f43b0b)}._Text--narrow-l--variant-xs_ot6ze_413{font-size:var(--4c9f68);font-weight:var(--71d69c);line-height:var(--543571);letter-spacing:var(--29af86);font-style:var(--647b4d);font-variation-settings:var(--afe759)}._Text--narrow-l--variant-xs-medium_ot6ze_421{font-size:var(--547b8f);font-weight:var(--86a200);line-height:var(--e7e648);letter-spacing:var(--d7a1ad);font-style:var(--abe371);font-variation-settings:var(--f65ebc)}._Text--narrow-l--variant-s_ot6ze_317{font-size:var(--a7cfda);font-weight:var(--dc8b92);line-height:var(--c552e7);letter-spacing:var(--4d1d51);font-style:var(--b8dd4e);font-variation-settings:var(--93fedc)}._Text--narrow-l--variant-s-italic_ot6ze_437{font-size:var(--79c03c);font-weight:var(--5127dd);line-height:var(--aeb64b);letter-spacing:var(--a50d8c);font-style:var(--c89e06);font-variation-settings:var(--0557d4)}._Text--narrow-l--variant-s-medium_ot6ze_445{font-size:var(--28e99e);font-weight:var(--ca04c0);line-height:var(--af784d);letter-spacing:var(--015e8c);font-style:var(--e1d91f);font-variation-settings:var(--d7e46a)}._Text--narrow-l--variant-s-medium-italic_ot6ze_453{font-size:var(--0e0e62);font-weight:var(--f9d4cc);line-height:var(--88c2d5);letter-spacing:var(--bc7f3e);font-style:var(--38a142);font-variation-settings:var(--6a0033)}._Text--narrow-l--variant-s-bold_ot6ze_461{font-size:var(--69b27c);font-weight:var(--a9bc9f);line-height:var(--42f895);letter-spacing:var(--c2692c);font-style:var(--070316);font-variation-settings:var(--676438)}._Text--narrow-l--variant-s-bold-italic_ot6ze_469{font-size:var(--0afa8f);font-weight:var(--363b48);line-height:var(--494462);letter-spacing:var(--10dc5c);font-style:var(--36d923);font-variation-settings:var(--c0a734)}._Text--narrow-l--variant-m_ot6ze_477{font-size:var(--0c62d6);font-weight:var(--cb99be);line-height:var(--829b1e);letter-spacing:var(--035113);font-style:var(--a833d1);font-variation-settings:var(--5bcea1)}._Text--narrow-l--variant-m-italic_ot6ze_485{font-size:var(--aa6f00);font-weight:var(--fb4838);line-height:var(--33548f);letter-spacing:var(--8330df);font-style:var(--b8b43c);font-variation-settings:var(--f2721b)}._Text--narrow-l--variant-m-medium_ot6ze_493{font-size:var(--a5b1e0);font-weight:var(--749dcd);line-height:var(--76f1ec);letter-spacing:var(--2a3820);font-style:var(--b079f7);font-variation-settings:var(--6fc943)}._Text--narrow-l--variant-m-medium-italic_ot6ze_501{font-size:var(--a9ad47);font-weight:var(--faf5f3);line-height:var(--3bd2e0);letter-spacing:var(--fe4b24);font-style:var(--a19ae7);font-variation-settings:var(--858246)}._Text--narrow-l--variant-m-bold_ot6ze_509{font-size:var(--29e813);font-weight:var(--18f8ed);line-height:var(--3d432c);letter-spacing:var(--6e9f29);font-style:var(--f02b45);font-variation-settings:var(--483ad1)}._Text--narrow-l--variant-m-bold-italic_ot6ze_517{font-size:var(--741af5);font-weight:var(--c521d5);line-height:var(--c47e7f);letter-spacing:var(--2e489a);font-style:var(--8c5771);font-variation-settings:var(--00e7e3)}._Text--narrow-l--variant-l_ot6ze_381{font-size:var(--8d5beb);font-weight:var(--0776b9);line-height:var(--1cd7aa);letter-spacing:var(--b5b330);font-style:var(--af51c3);font-variation-settings:var(--0f6434)}._Text--narrow-l--variant-l-italic_ot6ze_533{font-size:var(--feec74);font-weight:var(--6e4501);line-height:var(--1056e0);letter-spacing:var(--421c23);font-style:var(--2adf67);font-variation-settings:var(--da82d0)}._Text--narrow-l--variant-l-medium_ot6ze_541{font-size:var(--0bcae9);font-weight:var(--149f7d);line-height:var(--02fee9);letter-spacing:var(--11ba2e);font-style:var(--03e30a);font-variation-settings:var(--42f863)}._Text--narrow-l--variant-l-medium-italic_ot6ze_549{font-size:var(--007ce3);font-weight:var(--fa9191);line-height:var(--2c996d);letter-spacing:var(--9705f8);font-style:var(--56d3fb);font-variation-settings:var(--362b90)}._Text--narrow-l--variant-xl_ot6ze_557{font-size:var(--c338f3);font-weight:var(--f8f482);line-height:var(--2503fd);letter-spacing:var(--4aff48);font-style:var(--a93d90);font-variation-settings:var(--4bba58)}._Text--narrow-l--variant-xl-italic_ot6ze_565{font-size:var(--734b0c);font-weight:var(--0baf26);line-height:var(--e84231);letter-spacing:var(--c9c193);font-style:var(--0b0b05);font-variation-settings:var(--461ced)}._Text--narrow-l--variant-xl-medium_ot6ze_573{font-size:var(--19e13e);font-weight:var(--6455e5);line-height:var(--85e4ac);letter-spacing:var(--e76960);font-style:var(--0a5e67);font-variation-settings:var(--ccf786)}._Text--narrow-l--variant-xl-medium-italic_ot6ze_581{font-size:var(--88dc17);font-weight:var(--cc6f61);line-height:var(--904c1e);letter-spacing:var(--cf0e2c);font-style:var(--6fc949);font-variation-settings:var(--3233ee)}}@media (min-width: 700px){._Text--medium-s--variant-caption-regular_ot6ze_591{font-size:var(--d3e233);font-weight:var(--56c416);line-height:var(--bc6f38);letter-spacing:var(--be8c45);font-style:var(--ba54c4);font-variation-settings:var(--1f00e7)}._Text--medium-s--variant-caption-semibold_ot6ze_599{font-size:var(--4df4f0);font-weight:var(--756814);line-height:var(--f8ebff);letter-spacing:var(--03e2b6);font-style:var(--782782);font-variation-settings:var(--a1e375)}._Text--medium-s--variant-small-regular_ot6ze_607{font-size:var(--d4ea3f);font-weight:var(--c2057a);line-height:var(--ff8dfa);letter-spacing:var(--cdd9f4);font-style:var(--8dee8a);font-variation-settings:var(--51eeea)}._Text--medium-s--variant-small-regular-italic_ot6ze_615{font-size:var(--33b293);font-weight:var(--b38b97);line-height:var(--5f3bbf);letter-spacing:var(--40ba00);font-style:var(--02d236);font-variation-settings:var(--4c48ba)}._Text--medium-s--variant-small-semibold_ot6ze_623{font-size:var(--97511e);font-weight:var(--fbec20);line-height:var(--a8f0e2);letter-spacing:var(--a566de);font-style:var(--92feb8);font-variation-settings:var(--a1201a)}._Text--medium-s--variant-small-semibold-italic_ot6ze_631{font-size:var(--16878a);font-weight:var(--9d502c);line-height:var(--bd5dd5);letter-spacing:var(--ca673a);font-style:var(--7cc250);font-variation-settings:var(--f7661a)}._Text--medium-s--variant-default-regular_ot6ze_639{font-size:var(--7f027e);font-weight:var(--59913e);line-height:var(--11f5c9);letter-spacing:var(--b2e406);font-style:var(--61e1de);font-variation-settings:var(--2d95ca)}._Text--medium-s--variant-default-regular-italic_ot6ze_647{font-size:var(--58dc82);font-weight:var(--55b888);line-height:var(--d59274);letter-spacing:var(--40d520);font-style:var(--b09e9d);font-variation-settings:var(--7dfa2c)}._Text--medium-s--variant-default-semibold_ot6ze_655{font-size:var(--8098ff);font-weight:var(--a4fde7);line-height:var(--2285fa);letter-spacing:var(--95d383);font-style:var(--82c3d5);font-variation-settings:var(--51956c)}._Text--medium-s--variant-default-semibold-italic_ot6ze_663{font-size:var(--4f1e3c);font-weight:var(--ea7bfd);line-height:var(--f70f04);letter-spacing:var(--f69e59);font-style:var(--dd40d0);font-variation-settings:var(--19883f)}._Text--medium-s--variant-large-regular_ot6ze_671{font-size:var(--3cfa3f);font-weight:var(--f9dbd7);line-height:var(--206b00);letter-spacing:var(--2585de);font-style:var(--1952bb);font-variation-settings:var(--0b4502)}._Text--medium-s--variant-large-regular-italic_ot6ze_679{font-size:var(--3b44b6);font-weight:var(--500731);line-height:var(--c18960);letter-spacing:var(--e4d866);font-style:var(--bed3e0);font-variation-settings:var(--a4194d)}._Text--medium-s--variant-large-semibold_ot6ze_687{font-size:var(--63f88d);font-weight:var(--c7a8eb);line-height:var(--942b2f);letter-spacing:var(--5b62c3);font-style:var(--9c1713);font-variation-settings:var(--42348d)}._Text--medium-s--variant-large-semibold-italic_ot6ze_695{font-size:var(--4afac4);font-weight:var(--333137);line-height:var(--ae63b1);letter-spacing:var(--64a0ba);font-style:var(--ec8789);font-variation-settings:var(--f43b0b)}._Text--medium-s--variant-xs_ot6ze_703{font-size:var(--4c9f68);font-weight:var(--71d69c);line-height:var(--543571);letter-spacing:var(--29af86);font-style:var(--647b4d);font-variation-settings:var(--afe759)}._Text--medium-s--variant-xs-medium_ot6ze_711{font-size:var(--547b8f);font-weight:var(--86a200);line-height:var(--e7e648);letter-spacing:var(--d7a1ad);font-style:var(--abe371);font-variation-settings:var(--f65ebc)}._Text--medium-s--variant-s_ot6ze_607{font-size:var(--a7cfda);font-weight:var(--dc8b92);line-height:var(--c552e7);letter-spacing:var(--4d1d51);font-style:var(--b8dd4e);font-variation-settings:var(--93fedc)}._Text--medium-s--variant-s-italic_ot6ze_727{font-size:var(--79c03c);font-weight:var(--5127dd);line-height:var(--aeb64b);letter-spacing:var(--a50d8c);font-style:var(--c89e06);font-variation-settings:var(--0557d4)}._Text--medium-s--variant-s-medium_ot6ze_735{font-size:var(--28e99e);font-weight:var(--ca04c0);line-height:var(--af784d);letter-spacing:var(--015e8c);font-style:var(--e1d91f);font-variation-settings:var(--d7e46a)}._Text--medium-s--variant-s-medium-italic_ot6ze_743{font-size:var(--0e0e62);font-weight:var(--f9d4cc);line-height:var(--88c2d5);letter-spacing:var(--bc7f3e);font-style:var(--38a142);font-variation-settings:var(--6a0033)}._Text--medium-s--variant-s-bold_ot6ze_751{font-size:var(--69b27c);font-weight:var(--a9bc9f);line-height:var(--42f895);letter-spacing:var(--c2692c);font-style:var(--070316);font-variation-settings:var(--676438)}._Text--medium-s--variant-s-bold-italic_ot6ze_759{font-size:var(--0afa8f);font-weight:var(--363b48);line-height:var(--494462);letter-spacing:var(--10dc5c);font-style:var(--36d923);font-variation-settings:var(--c0a734)}._Text--medium-s--variant-m_ot6ze_767{font-size:var(--0c62d6);font-weight:var(--cb99be);line-height:var(--829b1e);letter-spacing:var(--035113);font-style:var(--a833d1);font-variation-settings:var(--5bcea1)}._Text--medium-s--variant-m-italic_ot6ze_775{font-size:var(--aa6f00);font-weight:var(--fb4838);line-height:var(--33548f);letter-spacing:var(--8330df);font-style:var(--b8b43c);font-variation-settings:var(--f2721b)}._Text--medium-s--variant-m-medium_ot6ze_783{font-size:var(--a5b1e0);font-weight:var(--749dcd);line-height:var(--76f1ec);letter-spacing:var(--2a3820);font-style:var(--b079f7);font-variation-settings:var(--6fc943)}._Text--medium-s--variant-m-medium-italic_ot6ze_791{font-size:var(--a9ad47);font-weight:var(--faf5f3);line-height:var(--3bd2e0);letter-spacing:var(--fe4b24);font-style:var(--a19ae7);font-variation-settings:var(--858246)}._Text--medium-s--variant-m-bold_ot6ze_799{font-size:var(--29e813);font-weight:var(--18f8ed);line-height:var(--3d432c);letter-spacing:var(--6e9f29);font-style:var(--f02b45);font-variation-settings:var(--483ad1)}._Text--medium-s--variant-m-bold-italic_ot6ze_807{font-size:var(--741af5);font-weight:var(--c521d5);line-height:var(--c47e7f);letter-spacing:var(--2e489a);font-style:var(--8c5771);font-variation-settings:var(--00e7e3)}._Text--medium-s--variant-l_ot6ze_671{font-size:var(--8d5beb);font-weight:var(--0776b9);line-height:var(--1cd7aa);letter-spacing:var(--b5b330);font-style:var(--af51c3);font-variation-settings:var(--0f6434)}._Text--medium-s--variant-l-italic_ot6ze_823{font-size:var(--feec74);font-weight:var(--6e4501);line-height:var(--1056e0);letter-spacing:var(--421c23);font-style:var(--2adf67);font-variation-settings:var(--da82d0)}._Text--medium-s--variant-l-medium_ot6ze_831{font-size:var(--0bcae9);font-weight:var(--149f7d);line-height:var(--02fee9);letter-spacing:var(--11ba2e);font-style:var(--03e30a);font-variation-settings:var(--42f863)}._Text--medium-s--variant-l-medium-italic_ot6ze_839{font-size:var(--007ce3);font-weight:var(--fa9191);line-height:var(--2c996d);letter-spacing:var(--9705f8);font-style:var(--56d3fb);font-variation-settings:var(--362b90)}._Text--medium-s--variant-xl_ot6ze_847{font-size:var(--c338f3);font-weight:var(--f8f482);line-height:var(--2503fd);letter-spacing:var(--4aff48);font-style:var(--a93d90);font-variation-settings:var(--4bba58)}._Text--medium-s--variant-xl-italic_ot6ze_855{font-size:var(--734b0c);font-weight:var(--0baf26);line-height:var(--e84231);letter-spacing:var(--c9c193);font-style:var(--0b0b05);font-variation-settings:var(--461ced)}._Text--medium-s--variant-xl-medium_ot6ze_863{font-size:var(--19e13e);font-weight:var(--6455e5);line-height:var(--85e4ac);letter-spacing:var(--e76960);font-style:var(--0a5e67);font-variation-settings:var(--ccf786)}._Text--medium-s--variant-xl-medium-italic_ot6ze_871{font-size:var(--88dc17);font-weight:var(--cc6f61);line-height:var(--904c1e);letter-spacing:var(--cf0e2c);font-style:var(--6fc949);font-variation-settings:var(--3233ee)}}@media (min-width: 880px){._Text--medium-l--variant-caption-regular_ot6ze_881{font-size:var(--d3e233);font-weight:var(--56c416);line-height:var(--bc6f38);letter-spacing:var(--be8c45);font-style:var(--ba54c4);font-variation-settings:var(--1f00e7)}._Text--medium-l--variant-caption-semibold_ot6ze_889{font-size:var(--4df4f0);font-weight:var(--756814);line-height:var(--f8ebff);letter-spacing:var(--03e2b6);font-style:var(--782782);font-variation-settings:var(--a1e375)}._Text--medium-l--variant-small-regular_ot6ze_897{font-size:var(--d4ea3f);font-weight:var(--c2057a);line-height:var(--ff8dfa);letter-spacing:var(--cdd9f4);font-style:var(--8dee8a);font-variation-settings:var(--51eeea)}._Text--medium-l--variant-small-regular-italic_ot6ze_905{font-size:var(--33b293);font-weight:var(--b38b97);line-height:var(--5f3bbf);letter-spacing:var(--40ba00);font-style:var(--02d236);font-variation-settings:var(--4c48ba)}._Text--medium-l--variant-small-semibold_ot6ze_913{font-size:var(--97511e);font-weight:var(--fbec20);line-height:var(--a8f0e2);letter-spacing:var(--a566de);font-style:var(--92feb8);font-variation-settings:var(--a1201a)}._Text--medium-l--variant-small-semibold-italic_ot6ze_921{font-size:var(--16878a);font-weight:var(--9d502c);line-height:var(--bd5dd5);letter-spacing:var(--ca673a);font-style:var(--7cc250);font-variation-settings:var(--f7661a)}._Text--medium-l--variant-default-regular_ot6ze_929{font-size:var(--7f027e);font-weight:var(--59913e);line-height:var(--11f5c9);letter-spacing:var(--b2e406);font-style:var(--61e1de);font-variation-settings:var(--2d95ca)}._Text--medium-l--variant-default-regular-italic_ot6ze_937{font-size:var(--58dc82);font-weight:var(--55b888);line-height:var(--d59274);letter-spacing:var(--40d520);font-style:var(--b09e9d);font-variation-settings:var(--7dfa2c)}._Text--medium-l--variant-default-semibold_ot6ze_945{font-size:var(--8098ff);font-weight:var(--a4fde7);line-height:var(--2285fa);letter-spacing:var(--95d383);font-style:var(--82c3d5);font-variation-settings:var(--51956c)}._Text--medium-l--variant-default-semibold-italic_ot6ze_953{font-size:var(--4f1e3c);font-weight:var(--ea7bfd);line-height:var(--f70f04);letter-spacing:var(--f69e59);font-style:var(--dd40d0);font-variation-settings:var(--19883f)}._Text--medium-l--variant-large-regular_ot6ze_961{font-size:var(--3cfa3f);font-weight:var(--f9dbd7);line-height:var(--206b00);letter-spacing:var(--2585de);font-style:var(--1952bb);font-variation-settings:var(--0b4502)}._Text--medium-l--variant-large-regular-italic_ot6ze_969{font-size:var(--3b44b6);font-weight:var(--500731);line-height:var(--c18960);letter-spacing:var(--e4d866);font-style:var(--bed3e0);font-variation-settings:var(--a4194d)}._Text--medium-l--variant-large-semibold_ot6ze_977{font-size:var(--63f88d);font-weight:var(--c7a8eb);line-height:var(--942b2f);letter-spacing:var(--5b62c3);font-style:var(--9c1713);font-variation-settings:var(--42348d)}._Text--medium-l--variant-large-semibold-italic_ot6ze_985{font-size:var(--4afac4);font-weight:var(--333137);line-height:var(--ae63b1);letter-spacing:var(--64a0ba);font-style:var(--ec8789);font-variation-settings:var(--f43b0b)}._Text--medium-l--variant-xs_ot6ze_993{font-size:var(--4c9f68);font-weight:var(--71d69c);line-height:var(--543571);letter-spacing:var(--29af86);font-style:var(--647b4d);font-variation-settings:var(--afe759)}._Text--medium-l--variant-xs-medium_ot6ze_1001{font-size:var(--547b8f);font-weight:var(--86a200);line-height:var(--e7e648);letter-spacing:var(--d7a1ad);font-style:var(--abe371);font-variation-settings:var(--f65ebc)}._Text--medium-l--variant-s_ot6ze_897{font-size:var(--a7cfda);font-weight:var(--dc8b92);line-height:var(--c552e7);letter-spacing:var(--4d1d51);font-style:var(--b8dd4e);font-variation-settings:var(--93fedc)}._Text--medium-l--variant-s-italic_ot6ze_1017{font-size:var(--79c03c);font-weight:var(--5127dd);line-height:var(--aeb64b);letter-spacing:var(--a50d8c);font-style:var(--c89e06);font-variation-settings:var(--0557d4)}._Text--medium-l--variant-s-medium_ot6ze_1025{font-size:var(--28e99e);font-weight:var(--ca04c0);line-height:var(--af784d);letter-spacing:var(--015e8c);font-style:var(--e1d91f);font-variation-settings:var(--d7e46a)}._Text--medium-l--variant-s-medium-italic_ot6ze_1033{font-size:var(--0e0e62);font-weight:var(--f9d4cc);line-height:var(--88c2d5);letter-spacing:var(--bc7f3e);font-style:var(--38a142);font-variation-settings:var(--6a0033)}._Text--medium-l--variant-s-bold_ot6ze_1041{font-size:var(--69b27c);font-weight:var(--a9bc9f);line-height:var(--42f895);letter-spacing:var(--c2692c);font-style:var(--070316);font-variation-settings:var(--676438)}._Text--medium-l--variant-s-bold-italic_ot6ze_1049{font-size:var(--0afa8f);font-weight:var(--363b48);line-height:var(--494462);letter-spacing:var(--10dc5c);font-style:var(--36d923);font-variation-settings:var(--c0a734)}._Text--medium-l--variant-m_ot6ze_1057{font-size:var(--0c62d6);font-weight:var(--cb99be);line-height:var(--829b1e);letter-spacing:var(--035113);font-style:var(--a833d1);font-variation-settings:var(--5bcea1)}._Text--medium-l--variant-m-italic_ot6ze_1065{font-size:var(--aa6f00);font-weight:var(--fb4838);line-height:var(--33548f);letter-spacing:var(--8330df);font-style:var(--b8b43c);font-variation-settings:var(--f2721b)}._Text--medium-l--variant-m-medium_ot6ze_1073{font-size:var(--a5b1e0);font-weight:var(--749dcd);line-height:var(--76f1ec);letter-spacing:var(--2a3820);font-style:var(--b079f7);font-variation-settings:var(--6fc943)}._Text--medium-l--variant-m-medium-italic_ot6ze_1081{font-size:var(--a9ad47);font-weight:var(--faf5f3);line-height:var(--3bd2e0);letter-spacing:var(--fe4b24);font-style:var(--a19ae7);font-variation-settings:var(--858246)}._Text--medium-l--variant-m-bold_ot6ze_1089{font-size:var(--29e813);font-weight:var(--18f8ed);line-height:var(--3d432c);letter-spacing:var(--6e9f29);font-style:var(--f02b45);font-variation-settings:var(--483ad1)}._Text--medium-l--variant-m-bold-italic_ot6ze_1097{font-size:var(--741af5);font-weight:var(--c521d5);line-height:var(--c47e7f);letter-spacing:var(--2e489a);font-style:var(--8c5771);font-variation-settings:var(--00e7e3)}._Text--medium-l--variant-l_ot6ze_961{font-size:var(--8d5beb);font-weight:var(--0776b9);line-height:var(--1cd7aa);letter-spacing:var(--b5b330);font-style:var(--af51c3);font-variation-settings:var(--0f6434)}._Text--medium-l--variant-l-italic_ot6ze_1113{font-size:var(--feec74);font-weight:var(--6e4501);line-height:var(--1056e0);letter-spacing:var(--421c23);font-style:var(--2adf67);font-variation-settings:var(--da82d0)}._Text--medium-l--variant-l-medium_ot6ze_1121{font-size:var(--0bcae9);font-weight:var(--149f7d);line-height:var(--02fee9);letter-spacing:var(--11ba2e);font-style:var(--03e30a);font-variation-settings:var(--42f863)}._Text--medium-l--variant-l-medium-italic_ot6ze_1129{font-size:var(--007ce3);font-weight:var(--fa9191);line-height:var(--2c996d);letter-spacing:var(--9705f8);font-style:var(--56d3fb);font-variation-settings:var(--362b90)}._Text--medium-l--variant-xl_ot6ze_1137{font-size:var(--c338f3);font-weight:var(--f8f482);line-height:var(--2503fd);letter-spacing:var(--4aff48);font-style:var(--a93d90);font-variation-settings:var(--4bba58)}._Text--medium-l--variant-xl-italic_ot6ze_1145{font-size:var(--734b0c);font-weight:var(--0baf26);line-height:var(--e84231);letter-spacing:var(--c9c193);font-style:var(--0b0b05);font-variation-settings:var(--461ced)}._Text--medium-l--variant-xl-medium_ot6ze_1153{font-size:var(--19e13e);font-weight:var(--6455e5);line-height:var(--85e4ac);letter-spacing:var(--e76960);font-style:var(--0a5e67);font-variation-settings:var(--ccf786)}._Text--medium-l--variant-xl-medium-italic_ot6ze_1161{font-size:var(--88dc17);font-weight:var(--cc6f61);line-height:var(--904c1e);letter-spacing:var(--cf0e2c);font-style:var(--6fc949);font-variation-settings:var(--3233ee)}}@media (min-width: 1200px){._Text--wide-s--variant-caption-regular_ot6ze_1171{font-size:var(--d3e233);font-weight:var(--56c416);line-height:var(--bc6f38);letter-spacing:var(--be8c45);font-style:var(--ba54c4);font-variation-settings:var(--1f00e7)}._Text--wide-s--variant-caption-semibold_ot6ze_1179{font-size:var(--4df4f0);font-weight:var(--756814);line-height:var(--f8ebff);letter-spacing:var(--03e2b6);font-style:var(--782782);font-variation-settings:var(--a1e375)}._Text--wide-s--variant-small-regular_ot6ze_1187{font-size:var(--d4ea3f);font-weight:var(--c2057a);line-height:var(--ff8dfa);letter-spacing:var(--cdd9f4);font-style:var(--8dee8a);font-variation-settings:var(--51eeea)}._Text--wide-s--variant-small-regular-italic_ot6ze_1195{font-size:var(--33b293);font-weight:var(--b38b97);line-height:var(--5f3bbf);letter-spacing:var(--40ba00);font-style:var(--02d236);font-variation-settings:var(--4c48ba)}._Text--wide-s--variant-small-semibold_ot6ze_1203{font-size:var(--97511e);font-weight:var(--fbec20);line-height:var(--a8f0e2);letter-spacing:var(--a566de);font-style:var(--92feb8);font-variation-settings:var(--a1201a)}._Text--wide-s--variant-small-semibold-italic_ot6ze_1211{font-size:var(--16878a);font-weight:var(--9d502c);line-height:var(--bd5dd5);letter-spacing:var(--ca673a);font-style:var(--7cc250);font-variation-settings:var(--f7661a)}._Text--wide-s--variant-default-regular_ot6ze_1219{font-size:var(--7f027e);font-weight:var(--59913e);line-height:var(--11f5c9);letter-spacing:var(--b2e406);font-style:var(--61e1de);font-variation-settings:var(--2d95ca)}._Text--wide-s--variant-default-regular-italic_ot6ze_1227{font-size:var(--58dc82);font-weight:var(--55b888);line-height:var(--d59274);letter-spacing:var(--40d520);font-style:var(--b09e9d);font-variation-settings:var(--7dfa2c)}._Text--wide-s--variant-default-semibold_ot6ze_1235{font-size:var(--8098ff);font-weight:var(--a4fde7);line-height:var(--2285fa);letter-spacing:var(--95d383);font-style:var(--82c3d5);font-variation-settings:var(--51956c)}._Text--wide-s--variant-default-semibold-italic_ot6ze_1243{font-size:var(--4f1e3c);font-weight:var(--ea7bfd);line-height:var(--f70f04);letter-spacing:var(--f69e59);font-style:var(--dd40d0);font-variation-settings:var(--19883f)}._Text--wide-s--variant-large-regular_ot6ze_1251{font-size:var(--3cfa3f);font-weight:var(--f9dbd7);line-height:var(--206b00);letter-spacing:var(--2585de);font-style:var(--1952bb);font-variation-settings:var(--0b4502)}._Text--wide-s--variant-large-regular-italic_ot6ze_1259{font-size:var(--3b44b6);font-weight:var(--500731);line-height:var(--c18960);letter-spacing:var(--e4d866);font-style:var(--bed3e0);font-variation-settings:var(--a4194d)}._Text--wide-s--variant-large-semibold_ot6ze_1267{font-size:var(--63f88d);font-weight:var(--c7a8eb);line-height:var(--942b2f);letter-spacing:var(--5b62c3);font-style:var(--9c1713);font-variation-settings:var(--42348d)}._Text--wide-s--variant-large-semibold-italic_ot6ze_1275{font-size:var(--4afac4);font-weight:var(--333137);line-height:var(--ae63b1);letter-spacing:var(--64a0ba);font-style:var(--ec8789);font-variation-settings:var(--f43b0b)}._Text--wide-s--variant-xs_ot6ze_1283{font-size:var(--4c9f68);font-weight:var(--71d69c);line-height:var(--543571);letter-spacing:var(--29af86);font-style:var(--647b4d);font-variation-settings:var(--afe759)}._Text--wide-s--variant-xs-medium_ot6ze_1291{font-size:var(--547b8f);font-weight:var(--86a200);line-height:var(--e7e648);letter-spacing:var(--d7a1ad);font-style:var(--abe371);font-variation-settings:var(--f65ebc)}._Text--wide-s--variant-s_ot6ze_1187{font-size:var(--a7cfda);font-weight:var(--dc8b92);line-height:var(--c552e7);letter-spacing:var(--4d1d51);font-style:var(--b8dd4e);font-variation-settings:var(--93fedc)}._Text--wide-s--variant-s-italic_ot6ze_1307{font-size:var(--79c03c);font-weight:var(--5127dd);line-height:var(--aeb64b);letter-spacing:var(--a50d8c);font-style:var(--c89e06);font-variation-settings:var(--0557d4)}._Text--wide-s--variant-s-medium_ot6ze_1315{font-size:var(--28e99e);font-weight:var(--ca04c0);line-height:var(--af784d);letter-spacing:var(--015e8c);font-style:var(--e1d91f);font-variation-settings:var(--d7e46a)}._Text--wide-s--variant-s-medium-italic_ot6ze_1323{font-size:var(--0e0e62);font-weight:var(--f9d4cc);line-height:var(--88c2d5);letter-spacing:var(--bc7f3e);font-style:var(--38a142);font-variation-settings:var(--6a0033)}._Text--wide-s--variant-s-bold_ot6ze_1331{font-size:var(--69b27c);font-weight:var(--a9bc9f);line-height:var(--42f895);letter-spacing:var(--c2692c);font-style:var(--070316);font-variation-settings:var(--676438)}._Text--wide-s--variant-s-bold-italic_ot6ze_1339{font-size:var(--0afa8f);font-weight:var(--363b48);line-height:var(--494462);letter-spacing:var(--10dc5c);font-style:var(--36d923);font-variation-settings:var(--c0a734)}._Text--wide-s--variant-m_ot6ze_1347{font-size:var(--0c62d6);font-weight:var(--cb99be);line-height:var(--829b1e);letter-spacing:var(--035113);font-style:var(--a833d1);font-variation-settings:var(--5bcea1)}._Text--wide-s--variant-m-italic_ot6ze_1355{font-size:var(--aa6f00);font-weight:var(--fb4838);line-height:var(--33548f);letter-spacing:var(--8330df);font-style:var(--b8b43c);font-variation-settings:var(--f2721b)}._Text--wide-s--variant-m-medium_ot6ze_1363{font-size:var(--a5b1e0);font-weight:var(--749dcd);line-height:var(--76f1ec);letter-spacing:var(--2a3820);font-style:var(--b079f7);font-variation-settings:var(--6fc943)}._Text--wide-s--variant-m-medium-italic_ot6ze_1371{font-size:var(--a9ad47);font-weight:var(--faf5f3);line-height:var(--3bd2e0);letter-spacing:var(--fe4b24);font-style:var(--a19ae7);font-variation-settings:var(--858246)}._Text--wide-s--variant-m-bold_ot6ze_1379{font-size:var(--29e813);font-weight:var(--18f8ed);line-height:var(--3d432c);letter-spacing:var(--6e9f29);font-style:var(--f02b45);font-variation-settings:var(--483ad1)}._Text--wide-s--variant-m-bold-italic_ot6ze_1387{font-size:var(--741af5);font-weight:var(--c521d5);line-height:var(--c47e7f);letter-spacing:var(--2e489a);font-style:var(--8c5771);font-variation-settings:var(--00e7e3)}._Text--wide-s--variant-l_ot6ze_1251{font-size:var(--8d5beb);font-weight:var(--0776b9);line-height:var(--1cd7aa);letter-spacing:var(--b5b330);font-style:var(--af51c3);font-variation-settings:var(--0f6434)}._Text--wide-s--variant-l-italic_ot6ze_1403{font-size:var(--feec74);font-weight:var(--6e4501);line-height:var(--1056e0);letter-spacing:var(--421c23);font-style:var(--2adf67);font-variation-settings:var(--da82d0)}._Text--wide-s--variant-l-medium_ot6ze_1411{font-size:var(--0bcae9);font-weight:var(--149f7d);line-height:var(--02fee9);letter-spacing:var(--11ba2e);font-style:var(--03e30a);font-variation-settings:var(--42f863)}._Text--wide-s--variant-l-medium-italic_ot6ze_1419{font-size:var(--007ce3);font-weight:var(--fa9191);line-height:var(--2c996d);letter-spacing:var(--9705f8);font-style:var(--56d3fb);font-variation-settings:var(--362b90)}._Text--wide-s--variant-xl_ot6ze_1427{font-size:var(--c338f3);font-weight:var(--f8f482);line-height:var(--2503fd);letter-spacing:var(--4aff48);font-style:var(--a93d90);font-variation-settings:var(--4bba58)}._Text--wide-s--variant-xl-italic_ot6ze_1435{font-size:var(--734b0c);font-weight:var(--0baf26);line-height:var(--e84231);letter-spacing:var(--c9c193);font-style:var(--0b0b05);font-variation-settings:var(--461ced)}._Text--wide-s--variant-xl-medium_ot6ze_1443{font-size:var(--19e13e);font-weight:var(--6455e5);line-height:var(--85e4ac);letter-spacing:var(--e76960);font-style:var(--0a5e67);font-variation-settings:var(--ccf786)}._Text--wide-s--variant-xl-medium-italic_ot6ze_1451{font-size:var(--88dc17);font-weight:var(--cc6f61);line-height:var(--904c1e);letter-spacing:var(--cf0e2c);font-style:var(--6fc949);font-variation-settings:var(--3233ee)}}@media (min-width: 1900px){._Text--wide-l--variant-caption-regular_ot6ze_1461{font-size:var(--d3e233);font-weight:var(--56c416);line-height:var(--bc6f38);letter-spacing:var(--be8c45);font-style:var(--ba54c4);font-variation-settings:var(--1f00e7)}._Text--wide-l--variant-caption-semibold_ot6ze_1469{font-size:var(--4df4f0);font-weight:var(--756814);line-height:var(--f8ebff);letter-spacing:var(--03e2b6);font-style:var(--782782);font-variation-settings:var(--a1e375)}._Text--wide-l--variant-small-regular_ot6ze_1477{font-size:var(--d4ea3f);font-weight:var(--c2057a);line-height:var(--ff8dfa);letter-spacing:var(--cdd9f4);font-style:var(--8dee8a);font-variation-settings:var(--51eeea)}._Text--wide-l--variant-small-regular-italic_ot6ze_1485{font-size:var(--33b293);font-weight:var(--b38b97);line-height:var(--5f3bbf);letter-spacing:var(--40ba00);font-style:var(--02d236);font-variation-settings:var(--4c48ba)}._Text--wide-l--variant-small-semibold_ot6ze_1493{font-size:var(--97511e);font-weight:var(--fbec20);line-height:var(--a8f0e2);letter-spacing:var(--a566de);font-style:var(--92feb8);font-variation-settings:var(--a1201a)}._Text--wide-l--variant-small-semibold-italic_ot6ze_1501{font-size:var(--16878a);font-weight:var(--9d502c);line-height:var(--bd5dd5);letter-spacing:var(--ca673a);font-style:var(--7cc250);font-variation-settings:var(--f7661a)}._Text--wide-l--variant-default-regular_ot6ze_1509{font-size:var(--7f027e);font-weight:var(--59913e);line-height:var(--11f5c9);letter-spacing:var(--b2e406);font-style:var(--61e1de);font-variation-settings:var(--2d95ca)}._Text--wide-l--variant-default-regular-italic_ot6ze_1517{font-size:var(--58dc82);font-weight:var(--55b888);line-height:var(--d59274);letter-spacing:var(--40d520);font-style:var(--b09e9d);font-variation-settings:var(--7dfa2c)}._Text--wide-l--variant-default-semibold_ot6ze_1525{font-size:var(--8098ff);font-weight:var(--a4fde7);line-height:var(--2285fa);letter-spacing:var(--95d383);font-style:var(--82c3d5);font-variation-settings:var(--51956c)}._Text--wide-l--variant-default-semibold-italic_ot6ze_1533{font-size:var(--4f1e3c);font-weight:var(--ea7bfd);line-height:var(--f70f04);letter-spacing:var(--f69e59);font-style:var(--dd40d0);font-variation-settings:var(--19883f)}._Text--wide-l--variant-large-regular_ot6ze_1541{font-size:var(--3cfa3f);font-weight:var(--f9dbd7);line-height:var(--206b00);letter-spacing:var(--2585de);font-style:var(--1952bb);font-variation-settings:var(--0b4502)}._Text--wide-l--variant-large-regular-italic_ot6ze_1549{font-size:var(--3b44b6);font-weight:var(--500731);line-height:var(--c18960);letter-spacing:var(--e4d866);font-style:var(--bed3e0);font-variation-settings:var(--a4194d)}._Text--wide-l--variant-large-semibold_ot6ze_1557{font-size:var(--63f88d);font-weight:var(--c7a8eb);line-height:var(--942b2f);letter-spacing:var(--5b62c3);font-style:var(--9c1713);font-variation-settings:var(--42348d)}._Text--wide-l--variant-large-semibold-italic_ot6ze_1565{font-size:var(--4afac4);font-weight:var(--333137);line-height:var(--ae63b1);letter-spacing:var(--64a0ba);font-style:var(--ec8789);font-variation-settings:var(--f43b0b)}._Text--wide-l--variant-xs_ot6ze_1573{font-size:var(--4c9f68);font-weight:var(--71d69c);line-height:var(--543571);letter-spacing:var(--29af86);font-style:var(--647b4d);font-variation-settings:var(--afe759)}._Text--wide-l--variant-xs-medium_ot6ze_1581{font-size:var(--547b8f);font-weight:var(--86a200);line-height:var(--e7e648);letter-spacing:var(--d7a1ad);font-style:var(--abe371);font-variation-settings:var(--f65ebc)}._Text--wide-l--variant-s_ot6ze_1477{font-size:var(--a7cfda);font-weight:var(--dc8b92);line-height:var(--c552e7);letter-spacing:var(--4d1d51);font-style:var(--b8dd4e);font-variation-settings:var(--93fedc)}._Text--wide-l--variant-s-italic_ot6ze_1597{font-size:var(--79c03c);font-weight:var(--5127dd);line-height:var(--aeb64b);letter-spacing:var(--a50d8c);font-style:var(--c89e06);font-variation-settings:var(--0557d4)}._Text--wide-l--variant-s-medium_ot6ze_1605{font-size:var(--28e99e);font-weight:var(--ca04c0);line-height:var(--af784d);letter-spacing:var(--015e8c);font-style:var(--e1d91f);font-variation-settings:var(--d7e46a)}._Text--wide-l--variant-s-medium-italic_ot6ze_1613{font-size:var(--0e0e62);font-weight:var(--f9d4cc);line-height:var(--88c2d5);letter-spacing:var(--bc7f3e);font-style:var(--38a142);font-variation-settings:var(--6a0033)}._Text--wide-l--variant-s-bold_ot6ze_1621{font-size:var(--69b27c);font-weight:var(--a9bc9f);line-height:var(--42f895);letter-spacing:var(--c2692c);font-style:var(--070316);font-variation-settings:var(--676438)}._Text--wide-l--variant-s-bold-italic_ot6ze_1629{font-size:var(--0afa8f);font-weight:var(--363b48);line-height:var(--494462);letter-spacing:var(--10dc5c);font-style:var(--36d923);font-variation-settings:var(--c0a734)}._Text--wide-l--variant-m_ot6ze_1637{font-size:var(--0c62d6);font-weight:var(--cb99be);line-height:var(--829b1e);letter-spacing:var(--035113);font-style:var(--a833d1);font-variation-settings:var(--5bcea1)}._Text--wide-l--variant-m-italic_ot6ze_1645{font-size:var(--aa6f00);font-weight:var(--fb4838);line-height:var(--33548f);letter-spacing:var(--8330df);font-style:var(--b8b43c);font-variation-settings:var(--f2721b)}._Text--wide-l--variant-m-medium_ot6ze_1653{font-size:var(--a5b1e0);font-weight:var(--749dcd);line-height:var(--76f1ec);letter-spacing:var(--2a3820);font-style:var(--b079f7);font-variation-settings:var(--6fc943)}._Text--wide-l--variant-m-medium-italic_ot6ze_1661{font-size:var(--a9ad47);font-weight:var(--faf5f3);line-height:var(--3bd2e0);letter-spacing:var(--fe4b24);font-style:var(--a19ae7);font-variation-settings:var(--858246)}._Text--wide-l--variant-m-bold_ot6ze_1669{font-size:var(--29e813);font-weight:var(--18f8ed);line-height:var(--3d432c);letter-spacing:var(--6e9f29);font-style:var(--f02b45);font-variation-settings:var(--483ad1)}._Text--wide-l--variant-m-bold-italic_ot6ze_1677{font-size:var(--741af5);font-weight:var(--c521d5);line-height:var(--c47e7f);letter-spacing:var(--2e489a);font-style:var(--8c5771);font-variation-settings:var(--00e7e3)}._Text--wide-l--variant-l_ot6ze_1541{font-size:var(--8d5beb);font-weight:var(--0776b9);line-height:var(--1cd7aa);letter-spacing:var(--b5b330);font-style:var(--af51c3);font-variation-settings:var(--0f6434)}._Text--wide-l--variant-l-italic_ot6ze_1693{font-size:var(--feec74);font-weight:var(--6e4501);line-height:var(--1056e0);letter-spacing:var(--421c23);font-style:var(--2adf67);font-variation-settings:var(--da82d0)}._Text--wide-l--variant-l-medium_ot6ze_1701{font-size:var(--0bcae9);font-weight:var(--149f7d);line-height:var(--02fee9);letter-spacing:var(--11ba2e);font-style:var(--03e30a);font-variation-settings:var(--42f863)}._Text--wide-l--variant-l-medium-italic_ot6ze_1709{font-size:var(--007ce3);font-weight:var(--fa9191);line-height:var(--2c996d);letter-spacing:var(--9705f8);font-style:var(--56d3fb);font-variation-settings:var(--362b90)}._Text--wide-l--variant-xl_ot6ze_1717{font-size:var(--c338f3);font-weight:var(--f8f482);line-height:var(--2503fd);letter-spacing:var(--4aff48);font-style:var(--a93d90);font-variation-settings:var(--4bba58)}._Text--wide-l--variant-xl-italic_ot6ze_1725{font-size:var(--734b0c);font-weight:var(--0baf26);line-height:var(--e84231);letter-spacing:var(--c9c193);font-style:var(--0b0b05);font-variation-settings:var(--461ced)}._Text--wide-l--variant-xl-medium_ot6ze_1733{font-size:var(--19e13e);font-weight:var(--6455e5);line-height:var(--85e4ac);letter-spacing:var(--e76960);font-style:var(--0a5e67);font-variation-settings:var(--ccf786)}._Text--wide-l--variant-xl-medium-italic_ot6ze_1741{font-size:var(--88dc17);font-weight:var(--cc6f61);line-height:var(--904c1e);letter-spacing:var(--cf0e2c);font-style:var(--6fc949);font-variation-settings:var(--3233ee)}}._Text--strong_ot6ze_1750{font-weight:var(--6e9792)}._Text--size-2xs_ot6ze_1753{font-size:var(--451335)}._Text--size-xs_ot6ze_1756{font-size:var(--619ce5)}._Text--size-s_ot6ze_1759{font-size:var(--9f7286)}._Text--size-m_ot6ze_1762{font-size:var(--081924)}._Text--size-l_ot6ze_1765{font-size:var(--da41aa)}._Text--size-xl_ot6ze_1768{font-size:var(--698b61)}
+._Text_i707h_4{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:var(--8d63e4);line-height:var(--d4313c);margin:0;font-weight:var(--73984e)}._Text--variant-caption-regular_i707h_12{font-size:var(--d3e233);font-weight:var(--56c416);line-height:var(--bc6f38);letter-spacing:var(--be8c45);font-style:var(--ba54c4);font-variation-settings:var(--1f00e7)}._Text--variant-caption-semibold_i707h_20{font-size:var(--4df4f0);font-weight:var(--756814);line-height:var(--f8ebff);letter-spacing:var(--03e2b6);font-style:var(--782782);font-variation-settings:var(--a1e375)}._Text--variant-small-regular_i707h_28{font-size:var(--d4ea3f);font-weight:var(--c2057a);line-height:var(--ff8dfa);letter-spacing:var(--cdd9f4);font-style:var(--8dee8a);font-variation-settings:var(--51eeea)}._Text--variant-small-regular-italic_i707h_36{font-size:var(--33b293);font-weight:var(--b38b97);line-height:var(--5f3bbf);letter-spacing:var(--40ba00);font-style:var(--02d236);font-variation-settings:var(--4c48ba)}._Text--variant-small-semibold_i707h_44{font-size:var(--97511e);font-weight:var(--fbec20);line-height:var(--a8f0e2);letter-spacing:var(--a566de);font-style:var(--92feb8);font-variation-settings:var(--a1201a)}._Text--variant-small-semibold-italic_i707h_52{font-size:var(--16878a);font-weight:var(--9d502c);line-height:var(--bd5dd5);letter-spacing:var(--ca673a);font-style:var(--7cc250);font-variation-settings:var(--f7661a)}._Text--variant-default-regular_i707h_60{font-size:var(--7f027e);font-weight:var(--59913e);line-height:var(--11f5c9);letter-spacing:var(--b2e406);font-style:var(--61e1de);font-variation-settings:var(--2d95ca)}._Text--variant-default-regular-italic_i707h_68{font-size:var(--58dc82);font-weight:var(--55b888);line-height:var(--d59274);letter-spacing:var(--40d520);font-style:var(--b09e9d);font-variation-settings:var(--7dfa2c)}._Text--variant-default-semibold_i707h_76{font-size:var(--8098ff);font-weight:var(--a4fde7);line-height:var(--2285fa);letter-spacing:var(--95d383);font-style:var(--82c3d5);font-variation-settings:var(--51956c)}._Text--variant-default-semibold-italic_i707h_84{font-size:var(--4f1e3c);font-weight:var(--ea7bfd);line-height:var(--f70f04);letter-spacing:var(--f69e59);font-style:var(--dd40d0);font-variation-settings:var(--19883f)}._Text--variant-large-regular_i707h_92{font-size:var(--3cfa3f);font-weight:var(--f9dbd7);line-height:var(--206b00);letter-spacing:var(--2585de);font-style:var(--1952bb);font-variation-settings:var(--0b4502)}._Text--variant-large-regular-italic_i707h_100{font-size:var(--3b44b6);font-weight:var(--500731);line-height:var(--c18960);letter-spacing:var(--e4d866);font-style:var(--bed3e0);font-variation-settings:var(--a4194d)}._Text--variant-large-semibold_i707h_108{font-size:var(--63f88d);font-weight:var(--c7a8eb);line-height:var(--942b2f);letter-spacing:var(--5b62c3);font-style:var(--9c1713);font-variation-settings:var(--42348d)}._Text--variant-large-semibold-italic_i707h_116{font-size:var(--4afac4);font-weight:var(--333137);line-height:var(--ae63b1);letter-spacing:var(--64a0ba);font-style:var(--ec8789);font-variation-settings:var(--f43b0b)}._Text--variant-xs_i707h_124{font-size:var(--4c9f68);font-weight:var(--71d69c);line-height:var(--543571);letter-spacing:var(--29af86);font-style:var(--647b4d);font-variation-settings:var(--afe759)}._Text--variant-xs-medium_i707h_132{font-size:var(--547b8f);font-weight:var(--86a200);line-height:var(--e7e648);letter-spacing:var(--d7a1ad);font-style:var(--abe371);font-variation-settings:var(--f65ebc)}._Text--variant-s_i707h_28{font-size:var(--a7cfda);font-weight:var(--dc8b92);line-height:var(--c552e7);letter-spacing:var(--4d1d51);font-style:var(--b8dd4e);font-variation-settings:var(--93fedc)}._Text--variant-s-italic_i707h_148{font-size:var(--79c03c);font-weight:var(--5127dd);line-height:var(--aeb64b);letter-spacing:var(--a50d8c);font-style:var(--c89e06);font-variation-settings:var(--0557d4)}._Text--variant-s-medium_i707h_156{font-size:var(--28e99e);font-weight:var(--ca04c0);line-height:var(--af784d);letter-spacing:var(--015e8c);font-style:var(--e1d91f);font-variation-settings:var(--d7e46a)}._Text--variant-s-medium-italic_i707h_164{font-size:var(--0e0e62);font-weight:var(--f9d4cc);line-height:var(--88c2d5);letter-spacing:var(--bc7f3e);font-style:var(--38a142);font-variation-settings:var(--6a0033)}._Text--variant-s-bold_i707h_172{font-size:var(--69b27c);font-weight:var(--a9bc9f);line-height:var(--42f895);letter-spacing:var(--c2692c);font-style:var(--070316);font-variation-settings:var(--676438)}._Text--variant-s-bold-italic_i707h_180{font-size:var(--0afa8f);font-weight:var(--363b48);line-height:var(--494462);letter-spacing:var(--10dc5c);font-style:var(--36d923);font-variation-settings:var(--c0a734)}._Text--variant-m_i707h_188{font-size:var(--0c62d6);font-weight:var(--cb99be);line-height:var(--829b1e);letter-spacing:var(--035113);font-style:var(--a833d1);font-variation-settings:var(--5bcea1)}._Text--variant-m-italic_i707h_196{font-size:var(--aa6f00);font-weight:var(--fb4838);line-height:var(--33548f);letter-spacing:var(--8330df);font-style:var(--b8b43c);font-variation-settings:var(--f2721b)}._Text--variant-m-medium_i707h_204{font-size:var(--a5b1e0);font-weight:var(--749dcd);line-height:var(--76f1ec);letter-spacing:var(--2a3820);font-style:var(--b079f7);font-variation-settings:var(--6fc943)}._Text--variant-m-medium-italic_i707h_212{font-size:var(--a9ad47);font-weight:var(--faf5f3);line-height:var(--3bd2e0);letter-spacing:var(--fe4b24);font-style:var(--a19ae7);font-variation-settings:var(--858246)}._Text--variant-m-bold_i707h_220{font-size:var(--29e813);font-weight:var(--18f8ed);line-height:var(--3d432c);letter-spacing:var(--6e9f29);font-style:var(--f02b45);font-variation-settings:var(--483ad1)}._Text--variant-m-bold-italic_i707h_228{font-size:var(--741af5);font-weight:var(--c521d5);line-height:var(--c47e7f);letter-spacing:var(--2e489a);font-style:var(--8c5771);font-variation-settings:var(--00e7e3)}._Text--variant-l_i707h_92{font-size:var(--8d5beb);font-weight:var(--0776b9);line-height:var(--1cd7aa);letter-spacing:var(--b5b330);font-style:var(--af51c3);font-variation-settings:var(--0f6434)}._Text--variant-l-italic_i707h_244{font-size:var(--feec74);font-weight:var(--6e4501);line-height:var(--1056e0);letter-spacing:var(--421c23);font-style:var(--2adf67);font-variation-settings:var(--da82d0)}._Text--variant-l-medium_i707h_252{font-size:var(--0bcae9);font-weight:var(--149f7d);line-height:var(--02fee9);letter-spacing:var(--11ba2e);font-style:var(--03e30a);font-variation-settings:var(--42f863)}._Text--variant-l-medium-italic_i707h_260{font-size:var(--007ce3);font-weight:var(--fa9191);line-height:var(--2c996d);letter-spacing:var(--9705f8);font-style:var(--56d3fb);font-variation-settings:var(--362b90)}._Text--variant-xl_i707h_268{font-size:var(--c338f3);font-weight:var(--f8f482);line-height:var(--2503fd);letter-spacing:var(--4aff48);font-style:var(--a93d90);font-variation-settings:var(--4bba58)}._Text--variant-xl-italic_i707h_276{font-size:var(--734b0c);font-weight:var(--0baf26);line-height:var(--e84231);letter-spacing:var(--c9c193);font-style:var(--0b0b05);font-variation-settings:var(--461ced)}._Text--variant-xl-medium_i707h_284{font-size:var(--19e13e);font-weight:var(--6455e5);line-height:var(--85e4ac);letter-spacing:var(--e76960);font-style:var(--0a5e67);font-variation-settings:var(--ccf786)}._Text--variant-xl-medium-italic_i707h_292{font-size:var(--88dc17);font-weight:var(--cc6f61);line-height:var(--904c1e);letter-spacing:var(--cf0e2c);font-style:var(--6fc949);font-variation-settings:var(--3233ee)}@media (min-width: 400px){._Text--narrow-l--variant-caption-regular_i707h_301{font-size:var(--d3e233);font-weight:var(--56c416);line-height:var(--bc6f38);letter-spacing:var(--be8c45);font-style:var(--ba54c4);font-variation-settings:var(--1f00e7)}._Text--narrow-l--variant-caption-semibold_i707h_309{font-size:var(--4df4f0);font-weight:var(--756814);line-height:var(--f8ebff);letter-spacing:var(--03e2b6);font-style:var(--782782);font-variation-settings:var(--a1e375)}._Text--narrow-l--variant-small-regular_i707h_317{font-size:var(--d4ea3f);font-weight:var(--c2057a);line-height:var(--ff8dfa);letter-spacing:var(--cdd9f4);font-style:var(--8dee8a);font-variation-settings:var(--51eeea)}._Text--narrow-l--variant-small-regular-italic_i707h_325{font-size:var(--33b293);font-weight:var(--b38b97);line-height:var(--5f3bbf);letter-spacing:var(--40ba00);font-style:var(--02d236);font-variation-settings:var(--4c48ba)}._Text--narrow-l--variant-small-semibold_i707h_333{font-size:var(--97511e);font-weight:var(--fbec20);line-height:var(--a8f0e2);letter-spacing:var(--a566de);font-style:var(--92feb8);font-variation-settings:var(--a1201a)}._Text--narrow-l--variant-small-semibold-italic_i707h_341{font-size:var(--16878a);font-weight:var(--9d502c);line-height:var(--bd5dd5);letter-spacing:var(--ca673a);font-style:var(--7cc250);font-variation-settings:var(--f7661a)}._Text--narrow-l--variant-default-regular_i707h_349{font-size:var(--7f027e);font-weight:var(--59913e);line-height:var(--11f5c9);letter-spacing:var(--b2e406);font-style:var(--61e1de);font-variation-settings:var(--2d95ca)}._Text--narrow-l--variant-default-regular-italic_i707h_357{font-size:var(--58dc82);font-weight:var(--55b888);line-height:var(--d59274);letter-spacing:var(--40d520);font-style:var(--b09e9d);font-variation-settings:var(--7dfa2c)}._Text--narrow-l--variant-default-semibold_i707h_365{font-size:var(--8098ff);font-weight:var(--a4fde7);line-height:var(--2285fa);letter-spacing:var(--95d383);font-style:var(--82c3d5);font-variation-settings:var(--51956c)}._Text--narrow-l--variant-default-semibold-italic_i707h_373{font-size:var(--4f1e3c);font-weight:var(--ea7bfd);line-height:var(--f70f04);letter-spacing:var(--f69e59);font-style:var(--dd40d0);font-variation-settings:var(--19883f)}._Text--narrow-l--variant-large-regular_i707h_381{font-size:var(--3cfa3f);font-weight:var(--f9dbd7);line-height:var(--206b00);letter-spacing:var(--2585de);font-style:var(--1952bb);font-variation-settings:var(--0b4502)}._Text--narrow-l--variant-large-regular-italic_i707h_389{font-size:var(--3b44b6);font-weight:var(--500731);line-height:var(--c18960);letter-spacing:var(--e4d866);font-style:var(--bed3e0);font-variation-settings:var(--a4194d)}._Text--narrow-l--variant-large-semibold_i707h_397{font-size:var(--63f88d);font-weight:var(--c7a8eb);line-height:var(--942b2f);letter-spacing:var(--5b62c3);font-style:var(--9c1713);font-variation-settings:var(--42348d)}._Text--narrow-l--variant-large-semibold-italic_i707h_405{font-size:var(--4afac4);font-weight:var(--333137);line-height:var(--ae63b1);letter-spacing:var(--64a0ba);font-style:var(--ec8789);font-variation-settings:var(--f43b0b)}._Text--narrow-l--variant-xs_i707h_413{font-size:var(--4c9f68);font-weight:var(--71d69c);line-height:var(--543571);letter-spacing:var(--29af86);font-style:var(--647b4d);font-variation-settings:var(--afe759)}._Text--narrow-l--variant-xs-medium_i707h_421{font-size:var(--547b8f);font-weight:var(--86a200);line-height:var(--e7e648);letter-spacing:var(--d7a1ad);font-style:var(--abe371);font-variation-settings:var(--f65ebc)}._Text--narrow-l--variant-s_i707h_317{font-size:var(--a7cfda);font-weight:var(--dc8b92);line-height:var(--c552e7);letter-spacing:var(--4d1d51);font-style:var(--b8dd4e);font-variation-settings:var(--93fedc)}._Text--narrow-l--variant-s-italic_i707h_437{font-size:var(--79c03c);font-weight:var(--5127dd);line-height:var(--aeb64b);letter-spacing:var(--a50d8c);font-style:var(--c89e06);font-variation-settings:var(--0557d4)}._Text--narrow-l--variant-s-medium_i707h_445{font-size:var(--28e99e);font-weight:var(--ca04c0);line-height:var(--af784d);letter-spacing:var(--015e8c);font-style:var(--e1d91f);font-variation-settings:var(--d7e46a)}._Text--narrow-l--variant-s-medium-italic_i707h_453{font-size:var(--0e0e62);font-weight:var(--f9d4cc);line-height:var(--88c2d5);letter-spacing:var(--bc7f3e);font-style:var(--38a142);font-variation-settings:var(--6a0033)}._Text--narrow-l--variant-s-bold_i707h_461{font-size:var(--69b27c);font-weight:var(--a9bc9f);line-height:var(--42f895);letter-spacing:var(--c2692c);font-style:var(--070316);font-variation-settings:var(--676438)}._Text--narrow-l--variant-s-bold-italic_i707h_469{font-size:var(--0afa8f);font-weight:var(--363b48);line-height:var(--494462);letter-spacing:var(--10dc5c);font-style:var(--36d923);font-variation-settings:var(--c0a734)}._Text--narrow-l--variant-m_i707h_477{font-size:var(--0c62d6);font-weight:var(--cb99be);line-height:var(--829b1e);letter-spacing:var(--035113);font-style:var(--a833d1);font-variation-settings:var(--5bcea1)}._Text--narrow-l--variant-m-italic_i707h_485{font-size:var(--aa6f00);font-weight:var(--fb4838);line-height:var(--33548f);letter-spacing:var(--8330df);font-style:var(--b8b43c);font-variation-settings:var(--f2721b)}._Text--narrow-l--variant-m-medium_i707h_493{font-size:var(--a5b1e0);font-weight:var(--749dcd);line-height:var(--76f1ec);letter-spacing:var(--2a3820);font-style:var(--b079f7);font-variation-settings:var(--6fc943)}._Text--narrow-l--variant-m-medium-italic_i707h_501{font-size:var(--a9ad47);font-weight:var(--faf5f3);line-height:var(--3bd2e0);letter-spacing:var(--fe4b24);font-style:var(--a19ae7);font-variation-settings:var(--858246)}._Text--narrow-l--variant-m-bold_i707h_509{font-size:var(--29e813);font-weight:var(--18f8ed);line-height:var(--3d432c);letter-spacing:var(--6e9f29);font-style:var(--f02b45);font-variation-settings:var(--483ad1)}._Text--narrow-l--variant-m-bold-italic_i707h_517{font-size:var(--741af5);font-weight:var(--c521d5);line-height:var(--c47e7f);letter-spacing:var(--2e489a);font-style:var(--8c5771);font-variation-settings:var(--00e7e3)}._Text--narrow-l--variant-l_i707h_381{font-size:var(--8d5beb);font-weight:var(--0776b9);line-height:var(--1cd7aa);letter-spacing:var(--b5b330);font-style:var(--af51c3);font-variation-settings:var(--0f6434)}._Text--narrow-l--variant-l-italic_i707h_533{font-size:var(--feec74);font-weight:var(--6e4501);line-height:var(--1056e0);letter-spacing:var(--421c23);font-style:var(--2adf67);font-variation-settings:var(--da82d0)}._Text--narrow-l--variant-l-medium_i707h_541{font-size:var(--0bcae9);font-weight:var(--149f7d);line-height:var(--02fee9);letter-spacing:var(--11ba2e);font-style:var(--03e30a);font-variation-settings:var(--42f863)}._Text--narrow-l--variant-l-medium-italic_i707h_549{font-size:var(--007ce3);font-weight:var(--fa9191);line-height:var(--2c996d);letter-spacing:var(--9705f8);font-style:var(--56d3fb);font-variation-settings:var(--362b90)}._Text--narrow-l--variant-xl_i707h_557{font-size:var(--c338f3);font-weight:var(--f8f482);line-height:var(--2503fd);letter-spacing:var(--4aff48);font-style:var(--a93d90);font-variation-settings:var(--4bba58)}._Text--narrow-l--variant-xl-italic_i707h_565{font-size:var(--734b0c);font-weight:var(--0baf26);line-height:var(--e84231);letter-spacing:var(--c9c193);font-style:var(--0b0b05);font-variation-settings:var(--461ced)}._Text--narrow-l--variant-xl-medium_i707h_573{font-size:var(--19e13e);font-weight:var(--6455e5);line-height:var(--85e4ac);letter-spacing:var(--e76960);font-style:var(--0a5e67);font-variation-settings:var(--ccf786)}._Text--narrow-l--variant-xl-medium-italic_i707h_581{font-size:var(--88dc17);font-weight:var(--cc6f61);line-height:var(--904c1e);letter-spacing:var(--cf0e2c);font-style:var(--6fc949);font-variation-settings:var(--3233ee)}}@media (min-width: 700px){._Text--medium-s--variant-caption-regular_i707h_591{font-size:var(--d3e233);font-weight:var(--56c416);line-height:var(--bc6f38);letter-spacing:var(--be8c45);font-style:var(--ba54c4);font-variation-settings:var(--1f00e7)}._Text--medium-s--variant-caption-semibold_i707h_599{font-size:var(--4df4f0);font-weight:var(--756814);line-height:var(--f8ebff);letter-spacing:var(--03e2b6);font-style:var(--782782);font-variation-settings:var(--a1e375)}._Text--medium-s--variant-small-regular_i707h_607{font-size:var(--d4ea3f);font-weight:var(--c2057a);line-height:var(--ff8dfa);letter-spacing:var(--cdd9f4);font-style:var(--8dee8a);font-variation-settings:var(--51eeea)}._Text--medium-s--variant-small-regular-italic_i707h_615{font-size:var(--33b293);font-weight:var(--b38b97);line-height:var(--5f3bbf);letter-spacing:var(--40ba00);font-style:var(--02d236);font-variation-settings:var(--4c48ba)}._Text--medium-s--variant-small-semibold_i707h_623{font-size:var(--97511e);font-weight:var(--fbec20);line-height:var(--a8f0e2);letter-spacing:var(--a566de);font-style:var(--92feb8);font-variation-settings:var(--a1201a)}._Text--medium-s--variant-small-semibold-italic_i707h_631{font-size:var(--16878a);font-weight:var(--9d502c);line-height:var(--bd5dd5);letter-spacing:var(--ca673a);font-style:var(--7cc250);font-variation-settings:var(--f7661a)}._Text--medium-s--variant-default-regular_i707h_639{font-size:var(--7f027e);font-weight:var(--59913e);line-height:var(--11f5c9);letter-spacing:var(--b2e406);font-style:var(--61e1de);font-variation-settings:var(--2d95ca)}._Text--medium-s--variant-default-regular-italic_i707h_647{font-size:var(--58dc82);font-weight:var(--55b888);line-height:var(--d59274);letter-spacing:var(--40d520);font-style:var(--b09e9d);font-variation-settings:var(--7dfa2c)}._Text--medium-s--variant-default-semibold_i707h_655{font-size:var(--8098ff);font-weight:var(--a4fde7);line-height:var(--2285fa);letter-spacing:var(--95d383);font-style:var(--82c3d5);font-variation-settings:var(--51956c)}._Text--medium-s--variant-default-semibold-italic_i707h_663{font-size:var(--4f1e3c);font-weight:var(--ea7bfd);line-height:var(--f70f04);letter-spacing:var(--f69e59);font-style:var(--dd40d0);font-variation-settings:var(--19883f)}._Text--medium-s--variant-large-regular_i707h_671{font-size:var(--3cfa3f);font-weight:var(--f9dbd7);line-height:var(--206b00);letter-spacing:var(--2585de);font-style:var(--1952bb);font-variation-settings:var(--0b4502)}._Text--medium-s--variant-large-regular-italic_i707h_679{font-size:var(--3b44b6);font-weight:var(--500731);line-height:var(--c18960);letter-spacing:var(--e4d866);font-style:var(--bed3e0);font-variation-settings:var(--a4194d)}._Text--medium-s--variant-large-semibold_i707h_687{font-size:var(--63f88d);font-weight:var(--c7a8eb);line-height:var(--942b2f);letter-spacing:var(--5b62c3);font-style:var(--9c1713);font-variation-settings:var(--42348d)}._Text--medium-s--variant-large-semibold-italic_i707h_695{font-size:var(--4afac4);font-weight:var(--333137);line-height:var(--ae63b1);letter-spacing:var(--64a0ba);font-style:var(--ec8789);font-variation-settings:var(--f43b0b)}._Text--medium-s--variant-xs_i707h_703{font-size:var(--4c9f68);font-weight:var(--71d69c);line-height:var(--543571);letter-spacing:var(--29af86);font-style:var(--647b4d);font-variation-settings:var(--afe759)}._Text--medium-s--variant-xs-medium_i707h_711{font-size:var(--547b8f);font-weight:var(--86a200);line-height:var(--e7e648);letter-spacing:var(--d7a1ad);font-style:var(--abe371);font-variation-settings:var(--f65ebc)}._Text--medium-s--variant-s_i707h_607{font-size:var(--a7cfda);font-weight:var(--dc8b92);line-height:var(--c552e7);letter-spacing:var(--4d1d51);font-style:var(--b8dd4e);font-variation-settings:var(--93fedc)}._Text--medium-s--variant-s-italic_i707h_727{font-size:var(--79c03c);font-weight:var(--5127dd);line-height:var(--aeb64b);letter-spacing:var(--a50d8c);font-style:var(--c89e06);font-variation-settings:var(--0557d4)}._Text--medium-s--variant-s-medium_i707h_735{font-size:var(--28e99e);font-weight:var(--ca04c0);line-height:var(--af784d);letter-spacing:var(--015e8c);font-style:var(--e1d91f);font-variation-settings:var(--d7e46a)}._Text--medium-s--variant-s-medium-italic_i707h_743{font-size:var(--0e0e62);font-weight:var(--f9d4cc);line-height:var(--88c2d5);letter-spacing:var(--bc7f3e);font-style:var(--38a142);font-variation-settings:var(--6a0033)}._Text--medium-s--variant-s-bold_i707h_751{font-size:var(--69b27c);font-weight:var(--a9bc9f);line-height:var(--42f895);letter-spacing:var(--c2692c);font-style:var(--070316);font-variation-settings:var(--676438)}._Text--medium-s--variant-s-bold-italic_i707h_759{font-size:var(--0afa8f);font-weight:var(--363b48);line-height:var(--494462);letter-spacing:var(--10dc5c);font-style:var(--36d923);font-variation-settings:var(--c0a734)}._Text--medium-s--variant-m_i707h_767{font-size:var(--0c62d6);font-weight:var(--cb99be);line-height:var(--829b1e);letter-spacing:var(--035113);font-style:var(--a833d1);font-variation-settings:var(--5bcea1)}._Text--medium-s--variant-m-italic_i707h_775{font-size:var(--aa6f00);font-weight:var(--fb4838);line-height:var(--33548f);letter-spacing:var(--8330df);font-style:var(--b8b43c);font-variation-settings:var(--f2721b)}._Text--medium-s--variant-m-medium_i707h_783{font-size:var(--a5b1e0);font-weight:var(--749dcd);line-height:var(--76f1ec);letter-spacing:var(--2a3820);font-style:var(--b079f7);font-variation-settings:var(--6fc943)}._Text--medium-s--variant-m-medium-italic_i707h_791{font-size:var(--a9ad47);font-weight:var(--faf5f3);line-height:var(--3bd2e0);letter-spacing:var(--fe4b24);font-style:var(--a19ae7);font-variation-settings:var(--858246)}._Text--medium-s--variant-m-bold_i707h_799{font-size:var(--29e813);font-weight:var(--18f8ed);line-height:var(--3d432c);letter-spacing:var(--6e9f29);font-style:var(--f02b45);font-variation-settings:var(--483ad1)}._Text--medium-s--variant-m-bold-italic_i707h_807{font-size:var(--741af5);font-weight:var(--c521d5);line-height:var(--c47e7f);letter-spacing:var(--2e489a);font-style:var(--8c5771);font-variation-settings:var(--00e7e3)}._Text--medium-s--variant-l_i707h_671{font-size:var(--8d5beb);font-weight:var(--0776b9);line-height:var(--1cd7aa);letter-spacing:var(--b5b330);font-style:var(--af51c3);font-variation-settings:var(--0f6434)}._Text--medium-s--variant-l-italic_i707h_823{font-size:var(--feec74);font-weight:var(--6e4501);line-height:var(--1056e0);letter-spacing:var(--421c23);font-style:var(--2adf67);font-variation-settings:var(--da82d0)}._Text--medium-s--variant-l-medium_i707h_831{font-size:var(--0bcae9);font-weight:var(--149f7d);line-height:var(--02fee9);letter-spacing:var(--11ba2e);font-style:var(--03e30a);font-variation-settings:var(--42f863)}._Text--medium-s--variant-l-medium-italic_i707h_839{font-size:var(--007ce3);font-weight:var(--fa9191);line-height:var(--2c996d);letter-spacing:var(--9705f8);font-style:var(--56d3fb);font-variation-settings:var(--362b90)}._Text--medium-s--variant-xl_i707h_847{font-size:var(--c338f3);font-weight:var(--f8f482);line-height:var(--2503fd);letter-spacing:var(--4aff48);font-style:var(--a93d90);font-variation-settings:var(--4bba58)}._Text--medium-s--variant-xl-italic_i707h_855{font-size:var(--734b0c);font-weight:var(--0baf26);line-height:var(--e84231);letter-spacing:var(--c9c193);font-style:var(--0b0b05);font-variation-settings:var(--461ced)}._Text--medium-s--variant-xl-medium_i707h_863{font-size:var(--19e13e);font-weight:var(--6455e5);line-height:var(--85e4ac);letter-spacing:var(--e76960);font-style:var(--0a5e67);font-variation-settings:var(--ccf786)}._Text--medium-s--variant-xl-medium-italic_i707h_871{font-size:var(--88dc17);font-weight:var(--cc6f61);line-height:var(--904c1e);letter-spacing:var(--cf0e2c);font-style:var(--6fc949);font-variation-settings:var(--3233ee)}}@media (min-width: 880px){._Text--medium-l--variant-caption-regular_i707h_881{font-size:var(--d3e233);font-weight:var(--56c416);line-height:var(--bc6f38);letter-spacing:var(--be8c45);font-style:var(--ba54c4);font-variation-settings:var(--1f00e7)}._Text--medium-l--variant-caption-semibold_i707h_889{font-size:var(--4df4f0);font-weight:var(--756814);line-height:var(--f8ebff);letter-spacing:var(--03e2b6);font-style:var(--782782);font-variation-settings:var(--a1e375)}._Text--medium-l--variant-small-regular_i707h_897{font-size:var(--d4ea3f);font-weight:var(--c2057a);line-height:var(--ff8dfa);letter-spacing:var(--cdd9f4);font-style:var(--8dee8a);font-variation-settings:var(--51eeea)}._Text--medium-l--variant-small-regular-italic_i707h_905{font-size:var(--33b293);font-weight:var(--b38b97);line-height:var(--5f3bbf);letter-spacing:var(--40ba00);font-style:var(--02d236);font-variation-settings:var(--4c48ba)}._Text--medium-l--variant-small-semibold_i707h_913{font-size:var(--97511e);font-weight:var(--fbec20);line-height:var(--a8f0e2);letter-spacing:var(--a566de);font-style:var(--92feb8);font-variation-settings:var(--a1201a)}._Text--medium-l--variant-small-semibold-italic_i707h_921{font-size:var(--16878a);font-weight:var(--9d502c);line-height:var(--bd5dd5);letter-spacing:var(--ca673a);font-style:var(--7cc250);font-variation-settings:var(--f7661a)}._Text--medium-l--variant-default-regular_i707h_929{font-size:var(--7f027e);font-weight:var(--59913e);line-height:var(--11f5c9);letter-spacing:var(--b2e406);font-style:var(--61e1de);font-variation-settings:var(--2d95ca)}._Text--medium-l--variant-default-regular-italic_i707h_937{font-size:var(--58dc82);font-weight:var(--55b888);line-height:var(--d59274);letter-spacing:var(--40d520);font-style:var(--b09e9d);font-variation-settings:var(--7dfa2c)}._Text--medium-l--variant-default-semibold_i707h_945{font-size:var(--8098ff);font-weight:var(--a4fde7);line-height:var(--2285fa);letter-spacing:var(--95d383);font-style:var(--82c3d5);font-variation-settings:var(--51956c)}._Text--medium-l--variant-default-semibold-italic_i707h_953{font-size:var(--4f1e3c);font-weight:var(--ea7bfd);line-height:var(--f70f04);letter-spacing:var(--f69e59);font-style:var(--dd40d0);font-variation-settings:var(--19883f)}._Text--medium-l--variant-large-regular_i707h_961{font-size:var(--3cfa3f);font-weight:var(--f9dbd7);line-height:var(--206b00);letter-spacing:var(--2585de);font-style:var(--1952bb);font-variation-settings:var(--0b4502)}._Text--medium-l--variant-large-regular-italic_i707h_969{font-size:var(--3b44b6);font-weight:var(--500731);line-height:var(--c18960);letter-spacing:var(--e4d866);font-style:var(--bed3e0);font-variation-settings:var(--a4194d)}._Text--medium-l--variant-large-semibold_i707h_977{font-size:var(--63f88d);font-weight:var(--c7a8eb);line-height:var(--942b2f);letter-spacing:var(--5b62c3);font-style:var(--9c1713);font-variation-settings:var(--42348d)}._Text--medium-l--variant-large-semibold-italic_i707h_985{font-size:var(--4afac4);font-weight:var(--333137);line-height:var(--ae63b1);letter-spacing:var(--64a0ba);font-style:var(--ec8789);font-variation-settings:var(--f43b0b)}._Text--medium-l--variant-xs_i707h_993{font-size:var(--4c9f68);font-weight:var(--71d69c);line-height:var(--543571);letter-spacing:var(--29af86);font-style:var(--647b4d);font-variation-settings:var(--afe759)}._Text--medium-l--variant-xs-medium_i707h_1001{font-size:var(--547b8f);font-weight:var(--86a200);line-height:var(--e7e648);letter-spacing:var(--d7a1ad);font-style:var(--abe371);font-variation-settings:var(--f65ebc)}._Text--medium-l--variant-s_i707h_897{font-size:var(--a7cfda);font-weight:var(--dc8b92);line-height:var(--c552e7);letter-spacing:var(--4d1d51);font-style:var(--b8dd4e);font-variation-settings:var(--93fedc)}._Text--medium-l--variant-s-italic_i707h_1017{font-size:var(--79c03c);font-weight:var(--5127dd);line-height:var(--aeb64b);letter-spacing:var(--a50d8c);font-style:var(--c89e06);font-variation-settings:var(--0557d4)}._Text--medium-l--variant-s-medium_i707h_1025{font-size:var(--28e99e);font-weight:var(--ca04c0);line-height:var(--af784d);letter-spacing:var(--015e8c);font-style:var(--e1d91f);font-variation-settings:var(--d7e46a)}._Text--medium-l--variant-s-medium-italic_i707h_1033{font-size:var(--0e0e62);font-weight:var(--f9d4cc);line-height:var(--88c2d5);letter-spacing:var(--bc7f3e);font-style:var(--38a142);font-variation-settings:var(--6a0033)}._Text--medium-l--variant-s-bold_i707h_1041{font-size:var(--69b27c);font-weight:var(--a9bc9f);line-height:var(--42f895);letter-spacing:var(--c2692c);font-style:var(--070316);font-variation-settings:var(--676438)}._Text--medium-l--variant-s-bold-italic_i707h_1049{font-size:var(--0afa8f);font-weight:var(--363b48);line-height:var(--494462);letter-spacing:var(--10dc5c);font-style:var(--36d923);font-variation-settings:var(--c0a734)}._Text--medium-l--variant-m_i707h_1057{font-size:var(--0c62d6);font-weight:var(--cb99be);line-height:var(--829b1e);letter-spacing:var(--035113);font-style:var(--a833d1);font-variation-settings:var(--5bcea1)}._Text--medium-l--variant-m-italic_i707h_1065{font-size:var(--aa6f00);font-weight:var(--fb4838);line-height:var(--33548f);letter-spacing:var(--8330df);font-style:var(--b8b43c);font-variation-settings:var(--f2721b)}._Text--medium-l--variant-m-medium_i707h_1073{font-size:var(--a5b1e0);font-weight:var(--749dcd);line-height:var(--76f1ec);letter-spacing:var(--2a3820);font-style:var(--b079f7);font-variation-settings:var(--6fc943)}._Text--medium-l--variant-m-medium-italic_i707h_1081{font-size:var(--a9ad47);font-weight:var(--faf5f3);line-height:var(--3bd2e0);letter-spacing:var(--fe4b24);font-style:var(--a19ae7);font-variation-settings:var(--858246)}._Text--medium-l--variant-m-bold_i707h_1089{font-size:var(--29e813);font-weight:var(--18f8ed);line-height:var(--3d432c);letter-spacing:var(--6e9f29);font-style:var(--f02b45);font-variation-settings:var(--483ad1)}._Text--medium-l--variant-m-bold-italic_i707h_1097{font-size:var(--741af5);font-weight:var(--c521d5);line-height:var(--c47e7f);letter-spacing:var(--2e489a);font-style:var(--8c5771);font-variation-settings:var(--00e7e3)}._Text--medium-l--variant-l_i707h_961{font-size:var(--8d5beb);font-weight:var(--0776b9);line-height:var(--1cd7aa);letter-spacing:var(--b5b330);font-style:var(--af51c3);font-variation-settings:var(--0f6434)}._Text--medium-l--variant-l-italic_i707h_1113{font-size:var(--feec74);font-weight:var(--6e4501);line-height:var(--1056e0);letter-spacing:var(--421c23);font-style:var(--2adf67);font-variation-settings:var(--da82d0)}._Text--medium-l--variant-l-medium_i707h_1121{font-size:var(--0bcae9);font-weight:var(--149f7d);line-height:var(--02fee9);letter-spacing:var(--11ba2e);font-style:var(--03e30a);font-variation-settings:var(--42f863)}._Text--medium-l--variant-l-medium-italic_i707h_1129{font-size:var(--007ce3);font-weight:var(--fa9191);line-height:var(--2c996d);letter-spacing:var(--9705f8);font-style:var(--56d3fb);font-variation-settings:var(--362b90)}._Text--medium-l--variant-xl_i707h_1137{font-size:var(--c338f3);font-weight:var(--f8f482);line-height:var(--2503fd);letter-spacing:var(--4aff48);font-style:var(--a93d90);font-variation-settings:var(--4bba58)}._Text--medium-l--variant-xl-italic_i707h_1145{font-size:var(--734b0c);font-weight:var(--0baf26);line-height:var(--e84231);letter-spacing:var(--c9c193);font-style:var(--0b0b05);font-variation-settings:var(--461ced)}._Text--medium-l--variant-xl-medium_i707h_1153{font-size:var(--19e13e);font-weight:var(--6455e5);line-height:var(--85e4ac);letter-spacing:var(--e76960);font-style:var(--0a5e67);font-variation-settings:var(--ccf786)}._Text--medium-l--variant-xl-medium-italic_i707h_1161{font-size:var(--88dc17);font-weight:var(--cc6f61);line-height:var(--904c1e);letter-spacing:var(--cf0e2c);font-style:var(--6fc949);font-variation-settings:var(--3233ee)}}@media (min-width: 1200px){._Text--wide-s--variant-caption-regular_i707h_1171{font-size:var(--d3e233);font-weight:var(--56c416);line-height:var(--bc6f38);letter-spacing:var(--be8c45);font-style:var(--ba54c4);font-variation-settings:var(--1f00e7)}._Text--wide-s--variant-caption-semibold_i707h_1179{font-size:var(--4df4f0);font-weight:var(--756814);line-height:var(--f8ebff);letter-spacing:var(--03e2b6);font-style:var(--782782);font-variation-settings:var(--a1e375)}._Text--wide-s--variant-small-regular_i707h_1187{font-size:var(--d4ea3f);font-weight:var(--c2057a);line-height:var(--ff8dfa);letter-spacing:var(--cdd9f4);font-style:var(--8dee8a);font-variation-settings:var(--51eeea)}._Text--wide-s--variant-small-regular-italic_i707h_1195{font-size:var(--33b293);font-weight:var(--b38b97);line-height:var(--5f3bbf);letter-spacing:var(--40ba00);font-style:var(--02d236);font-variation-settings:var(--4c48ba)}._Text--wide-s--variant-small-semibold_i707h_1203{font-size:var(--97511e);font-weight:var(--fbec20);line-height:var(--a8f0e2);letter-spacing:var(--a566de);font-style:var(--92feb8);font-variation-settings:var(--a1201a)}._Text--wide-s--variant-small-semibold-italic_i707h_1211{font-size:var(--16878a);font-weight:var(--9d502c);line-height:var(--bd5dd5);letter-spacing:var(--ca673a);font-style:var(--7cc250);font-variation-settings:var(--f7661a)}._Text--wide-s--variant-default-regular_i707h_1219{font-size:var(--7f027e);font-weight:var(--59913e);line-height:var(--11f5c9);letter-spacing:var(--b2e406);font-style:var(--61e1de);font-variation-settings:var(--2d95ca)}._Text--wide-s--variant-default-regular-italic_i707h_1227{font-size:var(--58dc82);font-weight:var(--55b888);line-height:var(--d59274);letter-spacing:var(--40d520);font-style:var(--b09e9d);font-variation-settings:var(--7dfa2c)}._Text--wide-s--variant-default-semibold_i707h_1235{font-size:var(--8098ff);font-weight:var(--a4fde7);line-height:var(--2285fa);letter-spacing:var(--95d383);font-style:var(--82c3d5);font-variation-settings:var(--51956c)}._Text--wide-s--variant-default-semibold-italic_i707h_1243{font-size:var(--4f1e3c);font-weight:var(--ea7bfd);line-height:var(--f70f04);letter-spacing:var(--f69e59);font-style:var(--dd40d0);font-variation-settings:var(--19883f)}._Text--wide-s--variant-large-regular_i707h_1251{font-size:var(--3cfa3f);font-weight:var(--f9dbd7);line-height:var(--206b00);letter-spacing:var(--2585de);font-style:var(--1952bb);font-variation-settings:var(--0b4502)}._Text--wide-s--variant-large-regular-italic_i707h_1259{font-size:var(--3b44b6);font-weight:var(--500731);line-height:var(--c18960);letter-spacing:var(--e4d866);font-style:var(--bed3e0);font-variation-settings:var(--a4194d)}._Text--wide-s--variant-large-semibold_i707h_1267{font-size:var(--63f88d);font-weight:var(--c7a8eb);line-height:var(--942b2f);letter-spacing:var(--5b62c3);font-style:var(--9c1713);font-variation-settings:var(--42348d)}._Text--wide-s--variant-large-semibold-italic_i707h_1275{font-size:var(--4afac4);font-weight:var(--333137);line-height:var(--ae63b1);letter-spacing:var(--64a0ba);font-style:var(--ec8789);font-variation-settings:var(--f43b0b)}._Text--wide-s--variant-xs_i707h_1283{font-size:var(--4c9f68);font-weight:var(--71d69c);line-height:var(--543571);letter-spacing:var(--29af86);font-style:var(--647b4d);font-variation-settings:var(--afe759)}._Text--wide-s--variant-xs-medium_i707h_1291{font-size:var(--547b8f);font-weight:var(--86a200);line-height:var(--e7e648);letter-spacing:var(--d7a1ad);font-style:var(--abe371);font-variation-settings:var(--f65ebc)}._Text--wide-s--variant-s_i707h_1187{font-size:var(--a7cfda);font-weight:var(--dc8b92);line-height:var(--c552e7);letter-spacing:var(--4d1d51);font-style:var(--b8dd4e);font-variation-settings:var(--93fedc)}._Text--wide-s--variant-s-italic_i707h_1307{font-size:var(--79c03c);font-weight:var(--5127dd);line-height:var(--aeb64b);letter-spacing:var(--a50d8c);font-style:var(--c89e06);font-variation-settings:var(--0557d4)}._Text--wide-s--variant-s-medium_i707h_1315{font-size:var(--28e99e);font-weight:var(--ca04c0);line-height:var(--af784d);letter-spacing:var(--015e8c);font-style:var(--e1d91f);font-variation-settings:var(--d7e46a)}._Text--wide-s--variant-s-medium-italic_i707h_1323{font-size:var(--0e0e62);font-weight:var(--f9d4cc);line-height:var(--88c2d5);letter-spacing:var(--bc7f3e);font-style:var(--38a142);font-variation-settings:var(--6a0033)}._Text--wide-s--variant-s-bold_i707h_1331{font-size:var(--69b27c);font-weight:var(--a9bc9f);line-height:var(--42f895);letter-spacing:var(--c2692c);font-style:var(--070316);font-variation-settings:var(--676438)}._Text--wide-s--variant-s-bold-italic_i707h_1339{font-size:var(--0afa8f);font-weight:var(--363b48);line-height:var(--494462);letter-spacing:var(--10dc5c);font-style:var(--36d923);font-variation-settings:var(--c0a734)}._Text--wide-s--variant-m_i707h_1347{font-size:var(--0c62d6);font-weight:var(--cb99be);line-height:var(--829b1e);letter-spacing:var(--035113);font-style:var(--a833d1);font-variation-settings:var(--5bcea1)}._Text--wide-s--variant-m-italic_i707h_1355{font-size:var(--aa6f00);font-weight:var(--fb4838);line-height:var(--33548f);letter-spacing:var(--8330df);font-style:var(--b8b43c);font-variation-settings:var(--f2721b)}._Text--wide-s--variant-m-medium_i707h_1363{font-size:var(--a5b1e0);font-weight:var(--749dcd);line-height:var(--76f1ec);letter-spacing:var(--2a3820);font-style:var(--b079f7);font-variation-settings:var(--6fc943)}._Text--wide-s--variant-m-medium-italic_i707h_1371{font-size:var(--a9ad47);font-weight:var(--faf5f3);line-height:var(--3bd2e0);letter-spacing:var(--fe4b24);font-style:var(--a19ae7);font-variation-settings:var(--858246)}._Text--wide-s--variant-m-bold_i707h_1379{font-size:var(--29e813);font-weight:var(--18f8ed);line-height:var(--3d432c);letter-spacing:var(--6e9f29);font-style:var(--f02b45);font-variation-settings:var(--483ad1)}._Text--wide-s--variant-m-bold-italic_i707h_1387{font-size:var(--741af5);font-weight:var(--c521d5);line-height:var(--c47e7f);letter-spacing:var(--2e489a);font-style:var(--8c5771);font-variation-settings:var(--00e7e3)}._Text--wide-s--variant-l_i707h_1251{font-size:var(--8d5beb);font-weight:var(--0776b9);line-height:var(--1cd7aa);letter-spacing:var(--b5b330);font-style:var(--af51c3);font-variation-settings:var(--0f6434)}._Text--wide-s--variant-l-italic_i707h_1403{font-size:var(--feec74);font-weight:var(--6e4501);line-height:var(--1056e0);letter-spacing:var(--421c23);font-style:var(--2adf67);font-variation-settings:var(--da82d0)}._Text--wide-s--variant-l-medium_i707h_1411{font-size:var(--0bcae9);font-weight:var(--149f7d);line-height:var(--02fee9);letter-spacing:var(--11ba2e);font-style:var(--03e30a);font-variation-settings:var(--42f863)}._Text--wide-s--variant-l-medium-italic_i707h_1419{font-size:var(--007ce3);font-weight:var(--fa9191);line-height:var(--2c996d);letter-spacing:var(--9705f8);font-style:var(--56d3fb);font-variation-settings:var(--362b90)}._Text--wide-s--variant-xl_i707h_1427{font-size:var(--c338f3);font-weight:var(--f8f482);line-height:var(--2503fd);letter-spacing:var(--4aff48);font-style:var(--a93d90);font-variation-settings:var(--4bba58)}._Text--wide-s--variant-xl-italic_i707h_1435{font-size:var(--734b0c);font-weight:var(--0baf26);line-height:var(--e84231);letter-spacing:var(--c9c193);font-style:var(--0b0b05);font-variation-settings:var(--461ced)}._Text--wide-s--variant-xl-medium_i707h_1443{font-size:var(--19e13e);font-weight:var(--6455e5);line-height:var(--85e4ac);letter-spacing:var(--e76960);font-style:var(--0a5e67);font-variation-settings:var(--ccf786)}._Text--wide-s--variant-xl-medium-italic_i707h_1451{font-size:var(--88dc17);font-weight:var(--cc6f61);line-height:var(--904c1e);letter-spacing:var(--cf0e2c);font-style:var(--6fc949);font-variation-settings:var(--3233ee)}}@media (min-width: 1900px){._Text--wide-l--variant-caption-regular_i707h_1461{font-size:var(--d3e233);font-weight:var(--56c416);line-height:var(--bc6f38);letter-spacing:var(--be8c45);font-style:var(--ba54c4);font-variation-settings:var(--1f00e7)}._Text--wide-l--variant-caption-semibold_i707h_1469{font-size:var(--4df4f0);font-weight:var(--756814);line-height:var(--f8ebff);letter-spacing:var(--03e2b6);font-style:var(--782782);font-variation-settings:var(--a1e375)}._Text--wide-l--variant-small-regular_i707h_1477{font-size:var(--d4ea3f);font-weight:var(--c2057a);line-height:var(--ff8dfa);letter-spacing:var(--cdd9f4);font-style:var(--8dee8a);font-variation-settings:var(--51eeea)}._Text--wide-l--variant-small-regular-italic_i707h_1485{font-size:var(--33b293);font-weight:var(--b38b97);line-height:var(--5f3bbf);letter-spacing:var(--40ba00);font-style:var(--02d236);font-variation-settings:var(--4c48ba)}._Text--wide-l--variant-small-semibold_i707h_1493{font-size:var(--97511e);font-weight:var(--fbec20);line-height:var(--a8f0e2);letter-spacing:var(--a566de);font-style:var(--92feb8);font-variation-settings:var(--a1201a)}._Text--wide-l--variant-small-semibold-italic_i707h_1501{font-size:var(--16878a);font-weight:var(--9d502c);line-height:var(--bd5dd5);letter-spacing:var(--ca673a);font-style:var(--7cc250);font-variation-settings:var(--f7661a)}._Text--wide-l--variant-default-regular_i707h_1509{font-size:var(--7f027e);font-weight:var(--59913e);line-height:var(--11f5c9);letter-spacing:var(--b2e406);font-style:var(--61e1de);font-variation-settings:var(--2d95ca)}._Text--wide-l--variant-default-regular-italic_i707h_1517{font-size:var(--58dc82);font-weight:var(--55b888);line-height:var(--d59274);letter-spacing:var(--40d520);font-style:var(--b09e9d);font-variation-settings:var(--7dfa2c)}._Text--wide-l--variant-default-semibold_i707h_1525{font-size:var(--8098ff);font-weight:var(--a4fde7);line-height:var(--2285fa);letter-spacing:var(--95d383);font-style:var(--82c3d5);font-variation-settings:var(--51956c)}._Text--wide-l--variant-default-semibold-italic_i707h_1533{font-size:var(--4f1e3c);font-weight:var(--ea7bfd);line-height:var(--f70f04);letter-spacing:var(--f69e59);font-style:var(--dd40d0);font-variation-settings:var(--19883f)}._Text--wide-l--variant-large-regular_i707h_1541{font-size:var(--3cfa3f);font-weight:var(--f9dbd7);line-height:var(--206b00);letter-spacing:var(--2585de);font-style:var(--1952bb);font-variation-settings:var(--0b4502)}._Text--wide-l--variant-large-regular-italic_i707h_1549{font-size:var(--3b44b6);font-weight:var(--500731);line-height:var(--c18960);letter-spacing:var(--e4d866);font-style:var(--bed3e0);font-variation-settings:var(--a4194d)}._Text--wide-l--variant-large-semibold_i707h_1557{font-size:var(--63f88d);font-weight:var(--c7a8eb);line-height:var(--942b2f);letter-spacing:var(--5b62c3);font-style:var(--9c1713);font-variation-settings:var(--42348d)}._Text--wide-l--variant-large-semibold-italic_i707h_1565{font-size:var(--4afac4);font-weight:var(--333137);line-height:var(--ae63b1);letter-spacing:var(--64a0ba);font-style:var(--ec8789);font-variation-settings:var(--f43b0b)}._Text--wide-l--variant-xs_i707h_1573{font-size:var(--4c9f68);font-weight:var(--71d69c);line-height:var(--543571);letter-spacing:var(--29af86);font-style:var(--647b4d);font-variation-settings:var(--afe759)}._Text--wide-l--variant-xs-medium_i707h_1581{font-size:var(--547b8f);font-weight:var(--86a200);line-height:var(--e7e648);letter-spacing:var(--d7a1ad);font-style:var(--abe371);font-variation-settings:var(--f65ebc)}._Text--wide-l--variant-s_i707h_1477{font-size:var(--a7cfda);font-weight:var(--dc8b92);line-height:var(--c552e7);letter-spacing:var(--4d1d51);font-style:var(--b8dd4e);font-variation-settings:var(--93fedc)}._Text--wide-l--variant-s-italic_i707h_1597{font-size:var(--79c03c);font-weight:var(--5127dd);line-height:var(--aeb64b);letter-spacing:var(--a50d8c);font-style:var(--c89e06);font-variation-settings:var(--0557d4)}._Text--wide-l--variant-s-medium_i707h_1605{font-size:var(--28e99e);font-weight:var(--ca04c0);line-height:var(--af784d);letter-spacing:var(--015e8c);font-style:var(--e1d91f);font-variation-settings:var(--d7e46a)}._Text--wide-l--variant-s-medium-italic_i707h_1613{font-size:var(--0e0e62);font-weight:var(--f9d4cc);line-height:var(--88c2d5);letter-spacing:var(--bc7f3e);font-style:var(--38a142);font-variation-settings:var(--6a0033)}._Text--wide-l--variant-s-bold_i707h_1621{font-size:var(--69b27c);font-weight:var(--a9bc9f);line-height:var(--42f895);letter-spacing:var(--c2692c);font-style:var(--070316);font-variation-settings:var(--676438)}._Text--wide-l--variant-s-bold-italic_i707h_1629{font-size:var(--0afa8f);font-weight:var(--363b48);line-height:var(--494462);letter-spacing:var(--10dc5c);font-style:var(--36d923);font-variation-settings:var(--c0a734)}._Text--wide-l--variant-m_i707h_1637{font-size:var(--0c62d6);font-weight:var(--cb99be);line-height:var(--829b1e);letter-spacing:var(--035113);font-style:var(--a833d1);font-variation-settings:var(--5bcea1)}._Text--wide-l--variant-m-italic_i707h_1645{font-size:var(--aa6f00);font-weight:var(--fb4838);line-height:var(--33548f);letter-spacing:var(--8330df);font-style:var(--b8b43c);font-variation-settings:var(--f2721b)}._Text--wide-l--variant-m-medium_i707h_1653{font-size:var(--a5b1e0);font-weight:var(--749dcd);line-height:var(--76f1ec);letter-spacing:var(--2a3820);font-style:var(--b079f7);font-variation-settings:var(--6fc943)}._Text--wide-l--variant-m-medium-italic_i707h_1661{font-size:var(--a9ad47);font-weight:var(--faf5f3);line-height:var(--3bd2e0);letter-spacing:var(--fe4b24);font-style:var(--a19ae7);font-variation-settings:var(--858246)}._Text--wide-l--variant-m-bold_i707h_1669{font-size:var(--29e813);font-weight:var(--18f8ed);line-height:var(--3d432c);letter-spacing:var(--6e9f29);font-style:var(--f02b45);font-variation-settings:var(--483ad1)}._Text--wide-l--variant-m-bold-italic_i707h_1677{font-size:var(--741af5);font-weight:var(--c521d5);line-height:var(--c47e7f);letter-spacing:var(--2e489a);font-style:var(--8c5771);font-variation-settings:var(--00e7e3)}._Text--wide-l--variant-l_i707h_1541{font-size:var(--8d5beb);font-weight:var(--0776b9);line-height:var(--1cd7aa);letter-spacing:var(--b5b330);font-style:var(--af51c3);font-variation-settings:var(--0f6434)}._Text--wide-l--variant-l-italic_i707h_1693{font-size:var(--feec74);font-weight:var(--6e4501);line-height:var(--1056e0);letter-spacing:var(--421c23);font-style:var(--2adf67);font-variation-settings:var(--da82d0)}._Text--wide-l--variant-l-medium_i707h_1701{font-size:var(--0bcae9);font-weight:var(--149f7d);line-height:var(--02fee9);letter-spacing:var(--11ba2e);font-style:var(--03e30a);font-variation-settings:var(--42f863)}._Text--wide-l--variant-l-medium-italic_i707h_1709{font-size:var(--007ce3);font-weight:var(--fa9191);line-height:var(--2c996d);letter-spacing:var(--9705f8);font-style:var(--56d3fb);font-variation-settings:var(--362b90)}._Text--wide-l--variant-xl_i707h_1717{font-size:var(--c338f3);font-weight:var(--f8f482);line-height:var(--2503fd);letter-spacing:var(--4aff48);font-style:var(--a93d90);font-variation-settings:var(--4bba58)}._Text--wide-l--variant-xl-italic_i707h_1725{font-size:var(--734b0c);font-weight:var(--0baf26);line-height:var(--e84231);letter-spacing:var(--c9c193);font-style:var(--0b0b05);font-variation-settings:var(--461ced)}._Text--wide-l--variant-xl-medium_i707h_1733{font-size:var(--19e13e);font-weight:var(--6455e5);line-height:var(--85e4ac);letter-spacing:var(--e76960);font-style:var(--0a5e67);font-variation-settings:var(--ccf786)}._Text--wide-l--variant-xl-medium-italic_i707h_1741{font-size:var(--88dc17);font-weight:var(--cc6f61);line-height:var(--904c1e);letter-spacing:var(--cf0e2c);font-style:var(--6fc949);font-variation-settings:var(--3233ee)}}._Text--strong_i707h_1750{font-weight:var(--6e9792)}._Text--size-2xs_i707h_1753{font-size:var(--451335)}._Text--size-xs_i707h_1756{font-size:var(--619ce5)}._Text--size-s_i707h_1759{font-size:var(--9f7286)}._Text--size-m_i707h_1762{font-size:var(--081924)}._Text--size-l_i707h_1765{font-size:var(--da41aa)}._Text--size-xl_i707h_1768{font-size:var(--698b61)}