@smartyweb/ui 2.5.0 → 2.5.1-max-text-field-line-height.g0f33859
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +1 -1
- package/dist/index.js +294 -293
- package/dist/ui.css +1 -1
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("react"),G="_h1_1765w_1",Z={h1:G};function z({children:e,className:n}){const s=[Z.h1,n].filter(Boolean).join(" ");return t.jsx("h1",{className:s,children:e})}const Q="_h2_1eque_1",Y={h2:Q};function ee({children:e}){return t.jsx("h2",{className:Y.h2,children:e})}const ne="_paragraph_11t85_1",te={paragraph:ne};function se({children:e}){return t.jsx("p",{className:te.paragraph,children:e})}const D=typeof process<"u"&&process.env.NODE_ENV!=="production",T=new Set;function $(e){T.has(e)||(T.add(e),console.warn(`[@smartyweb/ui] ${e}`))}function ie(e){if(typeof e=="string")return`<${e}>`;if(typeof e=="function")return`<${e.name||"Component"}>`;if(typeof e=="object"&&e!==null&&"displayName"in e){const{displayName:n}=e;if(typeof n=="string")return`<${n}>`}return"an unknown element"}function E(e,n){for(const s of r.Children.toArray(e)){if(!r.isValidElement(s)){if(typeof s!="string"&&typeof s!="number")continue;const i=String(s).trim();if(i==="")continue;$(`<UnorderedList> received the text ${JSON.stringify(i.slice(0,40))} as a direct child. A <ul> may only contain list items — wrap it in <ListItem>.`);continue}if(s.type===r.Fragment){const{children:i}=s.props;E(i,n);continue}n(s.type)||s.type==="li"||$(`<UnorderedList> received ${ie(s.type)} as a direct child. A <ul> may only contain list items — wrap it in <ListItem>.`)}}function oe(){$("<ListItem> was rendered outside of an <UnorderedList>. It renders an <li>, which browsers only style correctly inside a list.")}const re="_list_1p627_1",ae="_item_1p627_14",B={list:re,item:ae},M=r.createContext(!1);function k({children:e}){const n=r.useContext(M);return D&&!n&&oe(),t.jsx("li",{className:B.item,children:e})}k.isSmartyListItem=!0;function ce(e){return e===k?!0:typeof e=="function"&&e.isSmartyListItem===!0}function le({children:e}){return D&&E(e,ce),t.jsx(M,{value:!0,children:t.jsx("ul",{role:"list",className:B.list,children:e})})}const de="_button_81qo0_1",ue="_sm_81qo0_26",fe="_primary_81qo0_33",_e="_secondary_81qo0_49",me="_negative_81qo0_68",b={button:de,sm:ue,primary:fe,secondary:_e,negative:me};function pe({as:e="button",variant:n="primary",size:s="default",href:i,openInNewTab:c,disabled:d,type:o,onClick:u,children:f}){const m=[b.button,b[n],s==="sm"&&b.sm].filter(Boolean).join(" ");return t.jsx(e,{className:m,href:i,target:c?"_blank":void 0,rel:c?"noopener noreferrer":void 0,disabled:d,type:o,onClick:u,children:f})}const he="_link_1m7hb_1",ye="_accent_1m7hb_28",xe="_disabled_1m7hb_38",ve="_newTabNote_1m7hb_48",g={link:he,accent:ye,disabled:xe,newTabNote:ve},R=r.createContext(null);function ge({component:e,children:n}){return t.jsx(R,{value:e,children:n})}function je(){return r.useContext(R)}const Ne=" (opens in new tab)",be=/\.[a-z][a-z\d]{1,4}$/;function Le(e,n){if(n)return"download";if(/^(https?:)?\/\//i.test(e))return"external";if(e.startsWith("#")||/^[a-z][a-z\d+.-]*:/i.test(e))return"plain";const s=(e.split(/[?#]/)[0]??"").toLowerCase();return be.test(s)?"plain":"router"}function A({variant:e="default",href:n,download:s=!1,disabled:i,onClick:c,children:d}){const o=je(),f=[g.link,e==="accent"&&g.accent,i&&g.disabled].filter(Boolean).join(" ");if(n===void 0)return t.jsx("button",{type:"button",className:f,disabled:i,onClick:i?void 0:c,"aria-disabled":i,children:d});const _=Le(n,s);if(_==="external")return t.jsxs("a",{className:f,href:n,target:"_blank",rel:"noopener noreferrer",onClick:c,children:[d,t.jsx("span",{className:g.newTabNote,children:Ne})]});const m=_==="router"&&o?o:"a";return t.jsx(m,{className:f,href:n,download:_==="download"?"":void 0,onClick:c,children:d})}const $e=typeof process<"u"&&process.env.NODE_ENV!=="production",I=new Set;function we(e){I.has(e)||(I.add(e),console.warn(`[@smartyweb/ui] ${e}`))}function ke(){we("<SideNav> was rendered with no accessible name. Pass `label` so screen reader users can tell this nav apart from the other navigation landmarks on the page.")}const Ce="_nav_dxkjl_3",Oe="_list_dxkjl_7",Te="_item_dxkjl_16",Ie="_link_dxkjl_20",Se="_current_dxkjl_48",x={nav:Ce,list:Oe,item:Te,link:Ie,current:Se},F=r.createContext(null);function ze({label:e,current:n,children:s}){return $e&&!e?.trim()&&ke(),t.jsx("nav",{className:x.nav,"aria-label":e,children:t.jsx(F,{value:n??null,children:t.jsx("ul",{className:x.list,children:s})})})}function De({as:e="a",href:n,current:s,openInNewTab:i,onClick:c,children:d}){const o=r.useContext(F),u=s??(o!==null&&o===n),f=[x.link,u&&x.current].filter(Boolean).join(" ");return t.jsx("li",{className:x.item,children:t.jsx(e,{className:f,href:n,target:i?"_blank":void 0,rel:i?"noopener noreferrer":void 0,onClick:c,"aria-current":u?"location":void 0,children:d})})}const W=typeof process<"u"&&process.env.NODE_ENV!=="production",S=new Set;function w(e){S.has(e)||(S.add(e),console.warn(`[@smartyweb/ui] ${e}`))}function Ee(e){if(typeof e=="string")return`<${e}>`;if(typeof e=="function")return`<${e.name||"Component"}>`;if(typeof e=="object"&&e!==null&&"displayName"in e){const{displayName:n}=e;if(typeof n=="string")return`<${n}>`}return"an unknown element"}function q(e,n){for(const s of r.Children.toArray(e)){if(!r.isValidElement(s)){if(typeof s!="string"&&typeof s!="number")continue;const i=String(s).trim();if(i==="")continue;w(`<TableOfContents> received the text ${JSON.stringify(i.slice(0,40))} as a direct child. Its list may only contain entries — wrap it in <TableOfContentsLink href="#…">.`);continue}if(s.type===r.Fragment){const{children:i}=s.props;q(i,n);continue}n(s.type)||s.type==="li"||w(`<TableOfContents> received ${Ee(s.type)} as a direct child. Its list may only contain entries — use <TableOfContentsLink href="#…"> instead.`)}}function Be(){w("<TableOfContentsLink> was rendered outside of a <TableOfContents>. It renders an <li>, which browsers only style correctly inside a list.")}const Me="_nav_1us0j_1",Re="_heading_1us0j_8",Ae="_list_1us0j_19",Fe="_item_1us0j_28",j={nav:Me,heading:Re,list:Ae,item:Fe},H=r.createContext(!1);function C({href:e,children:n}){const s=r.useContext(H);return W&&!s&&Be(),t.jsx("li",{className:j.item,children:t.jsx(A,{href:e,children:n})})}C.isSmartyTableOfContentsLink=!0;function We(e){return e===C?!0:typeof e=="function"&&e.isSmartyTableOfContentsLink===!0}function qe({title:e="Table of contents",children:n}){const s=r.useId();return W&&q(n,We),t.jsxs("nav",{className:j.nav,"aria-labelledby":s,children:[t.jsx("h2",{id:s,className:j.heading,children:e}),t.jsx(H,{value:!0,children:t.jsx("ul",{role:"list",className:j.list,children:n})})]})}const He="_hero_93692_11",Pe="_layout_93692_16",Ue="_content_93692_21",Ve="_titleLine_93692_25",Je="_titleWord_93692_29",Ke="_description_93692_35",Xe="_media_93692_48",h={hero:He,layout:Pe,content:Ue,titleLine:Ve,titleWord:Je,description:Ke,media:Xe};function Ge(e){return e.replace(/([- ])/g,n=>`${n===" "?" ":n}|split|`).split("|split|")}const Ze=e=>({"--hero-index":e});function Qe({title:e,description:n,media:s}){const i=Array.isArray(e);let c=0;const d=(i?e:[e]).map(o=>Ge(o).map(u=>({word:u,index:c++})));return t.jsx("section",{className:h.hero,children:t.jsxs("div",{className:h.layout,children:[t.jsx("div",{className:h.media,children:s}),t.jsxs("div",{className:h.content,children:[t.jsx(z,{children:d.map((o,u)=>t.jsx("span",{className:i?h.titleLine:void 0,children:o.map(({word:f,index:_})=>t.jsx("span",{className:h.titleWord,style:Ze(_),children:f},_))},u))}),t.jsx("p",{className:h.description,children:n})]})]})})}function Ye(){return t.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",children:t.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.58586 8L1.29297 2.70711L2.70718 1.29289L8.00008 6.58579L13.293 1.29289L14.7072 2.70711L9.41429 8L14.7072 13.2929L13.293 14.7071L8.00008 9.41421L2.70718 14.7071L1.29297 13.2929L6.58586 8Z",fill:"currentColor"})})}const en="_field_7z5g3_1",nn="_error_7z5g3_17",tn="_message_7z5g3_21",sn="_content_7z5g3_36",on="_reveal_7z5g3_43",rn="_label_7z5g3_53",an="_tags_7z5g3_64",cn="_input_7z5g3_71",ln="_counter_7z5g3_88",dn="_empty_7z5g3_100",un="_disabled_7z5g3_127",fn="_chip_7z5g3_132",_n="_chipText_7z5g3_153",mn="_remove_7z5g3_158",pn="_invalid_7z5g3_169",l={field:en,error:nn,message:tn,content:sn,reveal:on,label:rn,tags:an,input:cn,counter:ln,empty:dn,disabled:un,chip:fn,chipText:_n,remove:mn,invalid:pn};function hn({children:e,invalid:n,onRemove:s}){return t.jsxs("span",{className:[l.chip,n&&l.invalid].filter(Boolean).join(" "),children:[t.jsx("span",{className:l.chipText,children:e}),s&&t.jsx("button",{type:"button",className:l.remove,"aria-label":`Remove ${e}${n?" (invalid)":""}`,onClick:s,children:t.jsx(Ye,{})})]})}const L=100;function yn({label:e,value:n,onChange:s,disabled:i=!1,isTagInvalid:c,onInputChange:d,error:o}){const u=r.useId(),f=`${u}-message`,_=r.useRef(null),[m,P]=r.useState(""),U=n.length>=L,V=a=>{P(a),d?.(a)},N=a=>{const p=a.split(/[\s,]+/),O=p.pop()??"",v=p.filter(Boolean).slice(0,Math.max(0,L-n.length));v.length&&s([...n,...v]),V(O)},J=a=>{a.key==="Enter"&&m&&!a.nativeEvent.isComposing?(a.preventDefault(),N(`${m},`)):a.key==="Backspace"&&!m&&n.length&&s(n.slice(0,-1))},K=a=>{i||a.target===_.current||a.target.closest("button")||(a.preventDefault(),_.current?.focus())},X=[l.field,!n.length&&l.empty,i&&l.disabled,o&&l.error].filter(Boolean).join(" ");return t.jsxs("div",{children:[t.jsxs("div",{className:X,onMouseDown:K,children:[t.jsxs("div",{className:l.content,children:[t.jsx("label",{htmlFor:u,className:l.label,children:e}),t.jsx("div",{className:l.reveal,children:t.jsxs("div",{className:l.tags,children:[n.map((a,p)=>t.jsx(hn,{invalid:c?.(a,p)??!1,onRemove:i?void 0:()=>{s(n.filter((O,v)=>v!==p)),p===n.length-1&&_.current?.focus()},children:a},p)),t.jsx("input",{ref:_,id:u,className:l.input,size:1,value:m,disabled:i,readOnly:U,"aria-invalid":o?!0:void 0,"aria-describedby":o?f:void 0,onChange:a=>{N(a.target.value)},onKeyDown:J,onBlur:()=>{N(`${m},`)}})]})})]}),t.jsx("div",{className:l.reveal,children:t.jsxs("p",{className:l.counter,children:[n.length," / ",L]})})]}),t.jsx("p",{id:f,className:l.message,"aria-live":"polite",children:o})]})}const xn="_field_1hc5h_1",vn="_label_1hc5h_16",gn="_reveal_1hc5h_27",jn="_input_1hc5h_37",Nn="_empty_1hc5h_55",y={field:xn,label:vn,reveal:gn,input:jn,empty:Nn};function bn({label:e,value:n,onChange:s}){const i=r.useId(),c=r.useRef(null),d=o=>{o.target!==c.current&&(o.preventDefault(),c.current?.focus())};return t.jsxs("div",{className:[y.field,!n&&y.empty].filter(Boolean).join(" "),onMouseDown:d,children:[t.jsx("label",{htmlFor:i,className:y.label,children:e}),t.jsx("div",{className:y.reveal,children:t.jsx("div",{children:t.jsx("input",{ref:c,id:i,className:y.input,value:n,onChange:o=>{s(o.target.value)}})})})]})}exports.Button=pe;exports.H1=z;exports.H2=ee;exports.Hero=Qe;exports.Link=A;exports.LinkProvider=ge;exports.ListItem=k;exports.MultitagField=yn;exports.Paragraph=se;exports.SideNav=ze;exports.SideNavLink=De;exports.TableOfContents=qe;exports.TableOfContentsLink=C;exports.TextField=bn;exports.UnorderedList=le;
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("react"),G="_h1_1765w_1",Z={h1:G};function D({children:e,className:n}){const s=[Z.h1,n].filter(Boolean).join(" ");return t.jsx("h1",{className:s,children:e})}const Q="_h2_1eque_1",Y={h2:Q};function ee({children:e}){return t.jsx("h2",{className:Y.h2,children:e})}const ne="_paragraph_11t85_1",te={paragraph:ne};function se({children:e}){return t.jsx("p",{className:te.paragraph,children:e})}const E=typeof process<"u"&&process.env.NODE_ENV!=="production",T=new Set;function $(e){T.has(e)||(T.add(e),console.warn(`[@smartyweb/ui] ${e}`))}function ie(e){if(typeof e=="string")return`<${e}>`;if(typeof e=="function")return`<${e.name||"Component"}>`;if(typeof e=="object"&&e!==null&&"displayName"in e){const{displayName:n}=e;if(typeof n=="string")return`<${n}>`}return"an unknown element"}function B(e,n){for(const s of r.Children.toArray(e)){if(!r.isValidElement(s)){if(typeof s!="string"&&typeof s!="number")continue;const i=String(s).trim();if(i==="")continue;$(`<UnorderedList> received the text ${JSON.stringify(i.slice(0,40))} as a direct child. A <ul> may only contain list items — wrap it in <ListItem>.`);continue}if(s.type===r.Fragment){const{children:i}=s.props;B(i,n);continue}n(s.type)||s.type==="li"||$(`<UnorderedList> received ${ie(s.type)} as a direct child. A <ul> may only contain list items — wrap it in <ListItem>.`)}}function oe(){$("<ListItem> was rendered outside of an <UnorderedList>. It renders an <li>, which browsers only style correctly inside a list.")}const re="_list_1p627_1",ae="_item_1p627_14",M={list:re,item:ae},R=r.createContext(!1);function k({children:e}){const n=r.useContext(R);return E&&!n&&oe(),t.jsx("li",{className:M.item,children:e})}k.isSmartyListItem=!0;function le(e){return e===k?!0:typeof e=="function"&&e.isSmartyListItem===!0}function ce({children:e}){return E&&B(e,le),t.jsx(R,{value:!0,children:t.jsx("ul",{role:"list",className:M.list,children:e})})}const ue="_button_1391k_1",de="_sm_1391k_26",fe="_primary_1391k_33",_e="_secondary_1391k_49",me="_negative_1391k_68",g={button:ue,sm:de,primary:fe,secondary:_e,negative:me};function pe({as:e="button",variant:n="primary",size:s="default",href:i,openInNewTab:c,disabled:u,type:o,onClick:d,children:f}){const m=[g.button,g[n],s==="sm"&&g.sm].filter(Boolean).join(" ");return t.jsx(e,{className:m,href:i,target:c?"_blank":void 0,rel:c?"noopener noreferrer":void 0,disabled:u,type:o,onClick:d,children:f})}const he="_link_1m7hb_1",ye="_accent_1m7hb_28",xe="_disabled_1m7hb_38",ve="_newTabNote_1m7hb_48",j={link:he,accent:ye,disabled:xe,newTabNote:ve},A=r.createContext(null);function je({component:e,children:n}){return t.jsx(A,{value:e,children:n})}function be(){return r.useContext(A)}const Ne=" (opens in new tab)",ge=/\.[a-z][a-z\d]{1,4}$/;function Le(e,n){if(n)return"download";if(/^(https?:)?\/\//i.test(e))return"external";if(e.startsWith("#")||/^[a-z][a-z\d+.-]*:/i.test(e))return"plain";const s=(e.split(/[?#]/)[0]??"").toLowerCase();return ge.test(s)?"plain":"router"}function F({variant:e="default",href:n,download:s=!1,disabled:i,onClick:c,children:u}){const o=be(),f=[j.link,e==="accent"&&j.accent,i&&j.disabled].filter(Boolean).join(" ");if(n===void 0)return t.jsx("button",{type:"button",className:f,disabled:i,onClick:i?void 0:c,"aria-disabled":i,children:u});const _=Le(n,s);if(_==="external")return t.jsxs("a",{className:f,href:n,target:"_blank",rel:"noopener noreferrer",onClick:c,children:[u,t.jsx("span",{className:j.newTabNote,children:Ne})]});const m=_==="router"&&o?o:"a";return t.jsx(m,{className:f,href:n,download:_==="download"?"":void 0,onClick:c,children:u})}const $e=typeof process<"u"&&process.env.NODE_ENV!=="production",I=new Set;function we(e){I.has(e)||(I.add(e),console.warn(`[@smartyweb/ui] ${e}`))}function ke(){we("<SideNav> was rendered with no accessible name. Pass `label` so screen reader users can tell this nav apart from the other navigation landmarks on the page.")}const Ce="_nav_dxkjl_3",Oe="_list_dxkjl_7",Te="_item_dxkjl_16",Ie="_link_dxkjl_20",Se="_current_dxkjl_48",x={nav:Ce,list:Oe,item:Te,link:Ie,current:Se},W=r.createContext(null);function De({label:e,current:n,children:s}){return $e&&!e?.trim()&&ke(),t.jsx("nav",{className:x.nav,"aria-label":e,children:t.jsx(W,{value:n??null,children:t.jsx("ul",{className:x.list,children:s})})})}function Ee({as:e="a",href:n,current:s,openInNewTab:i,onClick:c,children:u}){const o=r.useContext(W),d=s??(o!==null&&o===n),f=[x.link,d&&x.current].filter(Boolean).join(" ");return t.jsx("li",{className:x.item,children:t.jsx(e,{className:f,href:n,target:i?"_blank":void 0,rel:i?"noopener noreferrer":void 0,onClick:c,"aria-current":d?"location":void 0,children:u})})}const H=typeof process<"u"&&process.env.NODE_ENV!=="production",S=new Set;function w(e){S.has(e)||(S.add(e),console.warn(`[@smartyweb/ui] ${e}`))}function Be(e){if(typeof e=="string")return`<${e}>`;if(typeof e=="function")return`<${e.name||"Component"}>`;if(typeof e=="object"&&e!==null&&"displayName"in e){const{displayName:n}=e;if(typeof n=="string")return`<${n}>`}return"an unknown element"}function P(e,n){for(const s of r.Children.toArray(e)){if(!r.isValidElement(s)){if(typeof s!="string"&&typeof s!="number")continue;const i=String(s).trim();if(i==="")continue;w(`<TableOfContents> received the text ${JSON.stringify(i.slice(0,40))} as a direct child. Its list may only contain entries — wrap it in <TableOfContentsLink href="#…">.`);continue}if(s.type===r.Fragment){const{children:i}=s.props;P(i,n);continue}n(s.type)||s.type==="li"||w(`<TableOfContents> received ${Be(s.type)} as a direct child. Its list may only contain entries — use <TableOfContentsLink href="#…"> instead.`)}}function Me(){w("<TableOfContentsLink> was rendered outside of a <TableOfContents>. It renders an <li>, which browsers only style correctly inside a list.")}const Re="_nav_1us0j_1",Ae="_heading_1us0j_8",Fe="_list_1us0j_19",We="_item_1us0j_28",b={nav:Re,heading:Ae,list:Fe,item:We},U=r.createContext(!1);function C({href:e,children:n}){const s=r.useContext(U);return H&&!s&&Me(),t.jsx("li",{className:b.item,children:t.jsx(F,{href:e,children:n})})}C.isSmartyTableOfContentsLink=!0;function He(e){return e===C?!0:typeof e=="function"&&e.isSmartyTableOfContentsLink===!0}function Pe({title:e="Table of contents",children:n}){const s=r.useId();return H&&P(n,He),t.jsxs("nav",{className:b.nav,"aria-labelledby":s,children:[t.jsx("h2",{id:s,className:b.heading,children:e}),t.jsx(U,{value:!0,children:t.jsx("ul",{role:"list",className:b.list,children:n})})]})}const Ue="_hero_93692_11",ze="_layout_93692_16",Ve="_content_93692_21",qe="_titleLine_93692_25",Je="_titleWord_93692_29",Ke="_description_93692_35",Xe="_media_93692_48",h={hero:Ue,layout:ze,content:Ve,titleLine:qe,titleWord:Je,description:Ke,media:Xe};function Ge(e){return e.replace(/([- ])/g,n=>`${n===" "?" ":n}|split|`).split("|split|")}const Ze=e=>({"--hero-index":e});function Qe({title:e,description:n,media:s}){const i=Array.isArray(e);let c=0;const u=(i?e:[e]).map(o=>Ge(o).map(d=>({word:d,index:c++})));return t.jsx("section",{className:h.hero,children:t.jsxs("div",{className:h.layout,children:[t.jsx("div",{className:h.media,children:s}),t.jsxs("div",{className:h.content,children:[t.jsx(D,{children:u.map((o,d)=>t.jsx("span",{className:i?h.titleLine:void 0,children:o.map(({word:f,index:_})=>t.jsx("span",{className:h.titleWord,style:Ze(_),children:f},_))},d))}),t.jsx("p",{className:h.description,children:n})]})]})})}function Ye(){return t.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",children:t.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.58586 8L1.29297 2.70711L2.70718 1.29289L8.00008 6.58579L13.293 1.29289L14.7072 2.70711L9.41429 8L14.7072 13.2929L13.293 14.7071L8.00008 9.41421L2.70718 14.7071L1.29297 13.2929L6.58586 8Z",fill:"currentColor"})})}const en="_field_14suf_1",nn="_error_14suf_17",tn="_message_14suf_21",sn="_content_14suf_36",on="_reveal_14suf_43",rn="_label_14suf_53",an="_tags_14suf_64",ln="_chips_14suf_71",cn="_input_14suf_78",un="_counter_14suf_95",dn="_empty_14suf_107",fn="_disabled_14suf_134",_n="_chip_14suf_71",mn="_chipText_14suf_160",pn="_remove_14suf_165",hn="_invalid_14suf_176",l={field:en,error:nn,message:tn,content:sn,reveal:on,label:rn,tags:an,chips:ln,input:cn,counter:un,empty:dn,disabled:fn,chip:_n,chipText:mn,remove:pn,invalid:hn};function yn({children:e,invalid:n,onRemove:s}){return t.jsxs("li",{className:[l.chip,n&&l.invalid].filter(Boolean).join(" "),children:[t.jsx("span",{className:l.chipText,children:e}),s&&t.jsx("button",{type:"button",className:l.remove,"aria-label":`Remove ${e}${n?" (invalid)":""}`,onClick:s,children:t.jsx(Ye,{})})]})}const L=100;function xn({label:e,value:n,onChange:s,disabled:i=!1,isTagInvalid:c,onInputChange:u,error:o}){const d=r.useId(),f=`${d}-message`,_=r.useRef(null),[m,z]=r.useState(""),V=n.length>=L,q=a=>{z(a),u?.(a)},N=a=>{const p=a.split(/[\s,]+/),O=p.pop()??"",v=p.filter(Boolean).slice(0,Math.max(0,L-n.length));v.length&&s([...n,...v]),q(O)},J=a=>{a.key==="Enter"&&m&&!a.nativeEvent.isComposing?(a.preventDefault(),N(`${m},`)):a.key==="Backspace"&&!m&&n.length&&s(n.slice(0,-1))},K=a=>{i||a.target===_.current||a.target.closest("button")||(a.preventDefault(),_.current?.focus())},X=[l.field,!n.length&&l.empty,i&&l.disabled,o&&l.error].filter(Boolean).join(" ");return t.jsxs("div",{children:[t.jsxs("div",{className:X,onMouseDown:K,children:[t.jsxs("div",{className:l.content,children:[t.jsx("label",{htmlFor:d,className:l.label,children:e}),t.jsx("div",{className:l.reveal,children:t.jsxs("div",{className:l.tags,children:[n.length>0&&t.jsx("ul",{role:"list",className:l.chips,children:n.map((a,p)=>t.jsx(yn,{invalid:c?.(a,p)??!1,onRemove:i?void 0:()=>{s(n.filter((O,v)=>v!==p)),p===n.length-1&&_.current?.focus()},children:a},p))}),t.jsx("input",{ref:_,id:d,className:l.input,size:1,value:m,disabled:i,readOnly:V,"aria-invalid":o?!0:void 0,"aria-describedby":o?f:void 0,onChange:a=>{N(a.target.value)},onKeyDown:J,onBlur:()=>{N(`${m},`)}})]})})]}),t.jsx("div",{className:l.reveal,children:t.jsxs("p",{className:l.counter,children:[n.length," / ",L]})})]}),t.jsx("p",{id:f,className:l.message,"aria-live":"polite",children:o})]})}const vn="_field_otub4_1",jn="_label_otub4_16",bn="_reveal_otub4_27",Nn="_input_otub4_37",gn="_empty_otub4_56",y={field:vn,label:jn,reveal:bn,input:Nn,empty:gn};function Ln({label:e,value:n,onChange:s}){const i=r.useId(),c=r.useRef(null),u=o=>{o.target!==c.current&&(o.preventDefault(),c.current?.focus())};return t.jsxs("div",{className:[y.field,!n&&y.empty].filter(Boolean).join(" "),onMouseDown:u,children:[t.jsx("label",{htmlFor:i,className:y.label,children:e}),t.jsx("div",{className:y.reveal,children:t.jsx("div",{children:t.jsx("input",{ref:c,id:i,className:y.input,value:n,onChange:o=>{s(o.target.value)}})})})]})}exports.Button=pe;exports.H1=D;exports.H2=ee;exports.Hero=Qe;exports.Link=F;exports.LinkProvider=je;exports.ListItem=k;exports.MultitagField=xn;exports.Paragraph=se;exports.SideNav=De;exports.SideNavLink=Ee;exports.TableOfContents=Pe;exports.TableOfContentsLink=C;exports.TextField=Ln;exports.UnorderedList=ce;
|
package/dist/index.js
CHANGED
|
@@ -1,313 +1,313 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as
|
|
3
|
-
import { Children as
|
|
4
|
-
const
|
|
5
|
-
h1:
|
|
2
|
+
import { jsx as s, jsxs as _ } from "react/jsx-runtime";
|
|
3
|
+
import { Children as E, isValidElement as B, Fragment as A, createContext as $, useContext as w, useId as x, useRef as M, useState as ne } from "react";
|
|
4
|
+
const te = "_h1_1765w_1", se = {
|
|
5
|
+
h1: te
|
|
6
6
|
};
|
|
7
|
-
function
|
|
8
|
-
const t = [
|
|
9
|
-
return /* @__PURE__ */
|
|
7
|
+
function ie({ children: e, className: n }) {
|
|
8
|
+
const t = [se.h1, n].filter(Boolean).join(" ");
|
|
9
|
+
return /* @__PURE__ */ s("h1", { className: t, children: e });
|
|
10
10
|
}
|
|
11
|
-
const
|
|
12
|
-
h2:
|
|
11
|
+
const oe = "_h2_1eque_1", re = {
|
|
12
|
+
h2: oe
|
|
13
13
|
};
|
|
14
|
-
function
|
|
15
|
-
return /* @__PURE__ */
|
|
14
|
+
function Ln({ children: e }) {
|
|
15
|
+
return /* @__PURE__ */ s("h2", { className: re.h2, children: e });
|
|
16
16
|
}
|
|
17
|
-
const
|
|
18
|
-
paragraph:
|
|
17
|
+
const ae = "_paragraph_11t85_1", ce = {
|
|
18
|
+
paragraph: ae
|
|
19
19
|
};
|
|
20
|
-
function
|
|
21
|
-
return /* @__PURE__ */
|
|
22
|
-
}
|
|
23
|
-
const
|
|
24
|
-
function T(
|
|
25
|
-
|
|
26
|
-
}
|
|
27
|
-
function
|
|
28
|
-
if (typeof
|
|
29
|
-
if (typeof
|
|
30
|
-
if (typeof
|
|
31
|
-
const { displayName:
|
|
32
|
-
if (typeof
|
|
20
|
+
function kn({ children: e }) {
|
|
21
|
+
return /* @__PURE__ */ s("p", { className: ce.paragraph, children: e });
|
|
22
|
+
}
|
|
23
|
+
const W = typeof process < "u" && process.env.NODE_ENV !== "production", I = /* @__PURE__ */ new Set();
|
|
24
|
+
function T(e) {
|
|
25
|
+
I.has(e) || (I.add(e), console.warn(`[@smartyweb/ui] ${e}`));
|
|
26
|
+
}
|
|
27
|
+
function le(e) {
|
|
28
|
+
if (typeof e == "string") return `<${e}>`;
|
|
29
|
+
if (typeof e == "function") return `<${e.name || "Component"}>`;
|
|
30
|
+
if (typeof e == "object" && e !== null && "displayName" in e) {
|
|
31
|
+
const { displayName: n } = e;
|
|
32
|
+
if (typeof n == "string") return `<${n}>`;
|
|
33
33
|
}
|
|
34
34
|
return "an unknown element";
|
|
35
35
|
}
|
|
36
|
-
function
|
|
37
|
-
for (const t of
|
|
38
|
-
if (!
|
|
36
|
+
function R(e, n) {
|
|
37
|
+
for (const t of E.toArray(e)) {
|
|
38
|
+
if (!B(t)) {
|
|
39
39
|
if (typeof t != "string" && typeof t != "number") continue;
|
|
40
|
-
const
|
|
41
|
-
if (
|
|
40
|
+
const i = String(t).trim();
|
|
41
|
+
if (i === "") continue;
|
|
42
42
|
T(
|
|
43
|
-
`<UnorderedList> received the text ${JSON.stringify(
|
|
43
|
+
`<UnorderedList> received the text ${JSON.stringify(i.slice(0, 40))} as a direct child. A <ul> may only contain list items — wrap it in <ListItem>.`
|
|
44
44
|
);
|
|
45
45
|
continue;
|
|
46
46
|
}
|
|
47
|
-
if (t.type ===
|
|
48
|
-
const { children:
|
|
49
|
-
|
|
47
|
+
if (t.type === A) {
|
|
48
|
+
const { children: i } = t.props;
|
|
49
|
+
R(i, n);
|
|
50
50
|
continue;
|
|
51
51
|
}
|
|
52
|
-
|
|
53
|
-
`<UnorderedList> received ${
|
|
52
|
+
n(t.type) || t.type === "li" || T(
|
|
53
|
+
`<UnorderedList> received ${le(t.type)} as a direct child. A <ul> may only contain list items — wrap it in <ListItem>.`
|
|
54
54
|
);
|
|
55
55
|
}
|
|
56
56
|
}
|
|
57
|
-
function
|
|
57
|
+
function ue() {
|
|
58
58
|
T(
|
|
59
59
|
"<ListItem> was rendered outside of an <UnorderedList>. It renders an <li>, which browsers only style correctly inside a list."
|
|
60
60
|
);
|
|
61
61
|
}
|
|
62
|
-
const
|
|
63
|
-
list:
|
|
64
|
-
item:
|
|
65
|
-
},
|
|
66
|
-
function
|
|
67
|
-
const
|
|
68
|
-
return
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
function
|
|
72
|
-
return
|
|
73
|
-
}
|
|
74
|
-
function
|
|
75
|
-
return
|
|
76
|
-
}
|
|
77
|
-
const
|
|
78
|
-
button:
|
|
79
|
-
sm:
|
|
80
|
-
primary:
|
|
81
|
-
secondary:
|
|
82
|
-
negative:
|
|
62
|
+
const de = "_list_1p627_1", fe = "_item_1p627_14", F = {
|
|
63
|
+
list: de,
|
|
64
|
+
item: fe
|
|
65
|
+
}, z = $(!1);
|
|
66
|
+
function H({ children: e }) {
|
|
67
|
+
const n = w(z);
|
|
68
|
+
return W && !n && ue(), /* @__PURE__ */ s("li", { className: F.item, children: e });
|
|
69
|
+
}
|
|
70
|
+
H.isSmartyListItem = !0;
|
|
71
|
+
function _e(e) {
|
|
72
|
+
return e === H ? !0 : typeof e == "function" && e.isSmartyListItem === !0;
|
|
73
|
+
}
|
|
74
|
+
function On({ children: e }) {
|
|
75
|
+
return W && R(e, _e), /* @__PURE__ */ s(z, { value: !0, children: /* @__PURE__ */ s("ul", { role: "list", className: F.list, children: e }) });
|
|
76
|
+
}
|
|
77
|
+
const me = "_button_1391k_1", pe = "_sm_1391k_26", he = "_primary_1391k_33", ye = "_secondary_1391k_49", ve = "_negative_1391k_68", k = {
|
|
78
|
+
button: me,
|
|
79
|
+
sm: pe,
|
|
80
|
+
primary: he,
|
|
81
|
+
secondary: ye,
|
|
82
|
+
negative: ve
|
|
83
83
|
};
|
|
84
|
-
function
|
|
85
|
-
as:
|
|
86
|
-
variant:
|
|
84
|
+
function Tn({
|
|
85
|
+
as: e = "button",
|
|
86
|
+
variant: n = "primary",
|
|
87
87
|
size: t = "default",
|
|
88
|
-
href:
|
|
89
|
-
openInNewTab:
|
|
88
|
+
href: i,
|
|
89
|
+
openInNewTab: c,
|
|
90
90
|
disabled: l,
|
|
91
91
|
type: o,
|
|
92
|
-
onClick:
|
|
93
|
-
children:
|
|
92
|
+
onClick: u,
|
|
93
|
+
children: d
|
|
94
94
|
}) {
|
|
95
|
-
const m = [k.button, k[
|
|
96
|
-
return /* @__PURE__ */
|
|
97
|
-
|
|
95
|
+
const m = [k.button, k[n], t === "sm" && k.sm].filter(Boolean).join(" ");
|
|
96
|
+
return /* @__PURE__ */ s(
|
|
97
|
+
e,
|
|
98
98
|
{
|
|
99
99
|
className: m,
|
|
100
|
-
href:
|
|
101
|
-
target:
|
|
102
|
-
rel:
|
|
100
|
+
href: i,
|
|
101
|
+
target: c ? "_blank" : void 0,
|
|
102
|
+
rel: c ? "noopener noreferrer" : void 0,
|
|
103
103
|
disabled: l,
|
|
104
104
|
type: o,
|
|
105
|
-
onClick:
|
|
106
|
-
children:
|
|
105
|
+
onClick: u,
|
|
106
|
+
children: d
|
|
107
107
|
}
|
|
108
108
|
);
|
|
109
109
|
}
|
|
110
|
-
const
|
|
111
|
-
link:
|
|
112
|
-
accent:
|
|
113
|
-
disabled:
|
|
114
|
-
newTabNote:
|
|
115
|
-
},
|
|
116
|
-
function
|
|
117
|
-
return /* @__PURE__ */
|
|
118
|
-
}
|
|
119
|
-
function
|
|
120
|
-
return w(
|
|
121
|
-
}
|
|
122
|
-
const
|
|
123
|
-
function
|
|
124
|
-
if (
|
|
125
|
-
if (/^(https?:)?\/\//i.test(
|
|
126
|
-
if (
|
|
127
|
-
const t = (
|
|
128
|
-
return
|
|
129
|
-
}
|
|
130
|
-
function
|
|
131
|
-
variant:
|
|
132
|
-
href:
|
|
110
|
+
const Ne = "_link_1m7hb_1", be = "_accent_1m7hb_28", ge = "_disabled_1m7hb_38", $e = "_newTabNote_1m7hb_48", b = {
|
|
111
|
+
link: Ne,
|
|
112
|
+
accent: be,
|
|
113
|
+
disabled: ge,
|
|
114
|
+
newTabNote: $e
|
|
115
|
+
}, U = $(null);
|
|
116
|
+
function Cn({ component: e, children: n }) {
|
|
117
|
+
return /* @__PURE__ */ s(U, { value: e, children: n });
|
|
118
|
+
}
|
|
119
|
+
function we() {
|
|
120
|
+
return w(U);
|
|
121
|
+
}
|
|
122
|
+
const Le = " (opens in new tab)", ke = /\.[a-z][a-z\d]{1,4}$/;
|
|
123
|
+
function Oe(e, n) {
|
|
124
|
+
if (n) return "download";
|
|
125
|
+
if (/^(https?:)?\/\//i.test(e)) return "external";
|
|
126
|
+
if (e.startsWith("#") || /^[a-z][a-z\d+.-]*:/i.test(e)) return "plain";
|
|
127
|
+
const t = (e.split(/[?#]/)[0] ?? "").toLowerCase();
|
|
128
|
+
return ke.test(t) ? "plain" : "router";
|
|
129
|
+
}
|
|
130
|
+
function Te({
|
|
131
|
+
variant: e = "default",
|
|
132
|
+
href: n,
|
|
133
133
|
download: t = !1,
|
|
134
|
-
disabled:
|
|
135
|
-
onClick:
|
|
134
|
+
disabled: i,
|
|
135
|
+
onClick: c,
|
|
136
136
|
children: l
|
|
137
137
|
}) {
|
|
138
|
-
const o =
|
|
139
|
-
if (
|
|
140
|
-
return /* @__PURE__ */
|
|
138
|
+
const o = we(), d = [b.link, e === "accent" && b.accent, i && b.disabled].filter(Boolean).join(" ");
|
|
139
|
+
if (n === void 0)
|
|
140
|
+
return /* @__PURE__ */ s(
|
|
141
141
|
"button",
|
|
142
142
|
{
|
|
143
143
|
type: "button",
|
|
144
|
-
className:
|
|
145
|
-
disabled:
|
|
146
|
-
onClick:
|
|
147
|
-
"aria-disabled":
|
|
144
|
+
className: d,
|
|
145
|
+
disabled: i,
|
|
146
|
+
onClick: i ? void 0 : c,
|
|
147
|
+
"aria-disabled": i,
|
|
148
148
|
children: l
|
|
149
149
|
}
|
|
150
150
|
);
|
|
151
|
-
const f =
|
|
151
|
+
const f = Oe(n, t);
|
|
152
152
|
return f === "external" ? /* @__PURE__ */ _(
|
|
153
153
|
"a",
|
|
154
154
|
{
|
|
155
|
-
className:
|
|
156
|
-
href:
|
|
155
|
+
className: d,
|
|
156
|
+
href: n,
|
|
157
157
|
target: "_blank",
|
|
158
158
|
rel: "noopener noreferrer",
|
|
159
|
-
onClick:
|
|
159
|
+
onClick: c,
|
|
160
160
|
children: [
|
|
161
161
|
l,
|
|
162
|
-
/* @__PURE__ */
|
|
162
|
+
/* @__PURE__ */ s("span", { className: b.newTabNote, children: Le })
|
|
163
163
|
]
|
|
164
164
|
}
|
|
165
165
|
) : (
|
|
166
166
|
// The router link comes from context, set once at the app root, so it keeps its
|
|
167
167
|
// identity across renders — the remount this rule guards against cannot happen.
|
|
168
168
|
// eslint-disable-next-line react-hooks/static-components
|
|
169
|
-
/* @__PURE__ */
|
|
169
|
+
/* @__PURE__ */ s(
|
|
170
170
|
f === "router" && o ? o : "a",
|
|
171
171
|
{
|
|
172
|
-
className:
|
|
173
|
-
href:
|
|
172
|
+
className: d,
|
|
173
|
+
href: n,
|
|
174
174
|
download: f === "download" ? "" : void 0,
|
|
175
|
-
onClick:
|
|
175
|
+
onClick: c,
|
|
176
176
|
children: l
|
|
177
177
|
}
|
|
178
178
|
)
|
|
179
179
|
);
|
|
180
180
|
}
|
|
181
|
-
const
|
|
182
|
-
function
|
|
183
|
-
|
|
181
|
+
const Ce = typeof process < "u" && process.env.NODE_ENV !== "production", S = /* @__PURE__ */ new Set();
|
|
182
|
+
function xe(e) {
|
|
183
|
+
S.has(e) || (S.add(e), console.warn(`[@smartyweb/ui] ${e}`));
|
|
184
184
|
}
|
|
185
|
-
function
|
|
186
|
-
|
|
185
|
+
function je() {
|
|
186
|
+
xe(
|
|
187
187
|
"<SideNav> was rendered with no accessible name. Pass `label` so screen reader users can tell this nav apart from the other navigation landmarks on the page."
|
|
188
188
|
);
|
|
189
189
|
}
|
|
190
|
-
const
|
|
191
|
-
nav:
|
|
192
|
-
list:
|
|
193
|
-
item:
|
|
194
|
-
link:
|
|
195
|
-
current:
|
|
196
|
-
},
|
|
197
|
-
function
|
|
198
|
-
return
|
|
199
|
-
}
|
|
200
|
-
function
|
|
201
|
-
as:
|
|
202
|
-
href:
|
|
190
|
+
const Ie = "_nav_dxkjl_3", Se = "_list_dxkjl_7", De = "_item_dxkjl_16", Ee = "_link_dxkjl_20", Be = "_current_dxkjl_48", v = {
|
|
191
|
+
nav: Ie,
|
|
192
|
+
list: Se,
|
|
193
|
+
item: De,
|
|
194
|
+
link: Ee,
|
|
195
|
+
current: Be
|
|
196
|
+
}, V = $(null);
|
|
197
|
+
function xn({ label: e, current: n, children: t }) {
|
|
198
|
+
return Ce && !e?.trim() && je(), /* @__PURE__ */ s("nav", { className: v.nav, "aria-label": e, children: /* @__PURE__ */ s(V, { value: n ?? null, children: /* @__PURE__ */ s("ul", { className: v.list, children: t }) }) });
|
|
199
|
+
}
|
|
200
|
+
function jn({
|
|
201
|
+
as: e = "a",
|
|
202
|
+
href: n,
|
|
203
203
|
current: t,
|
|
204
|
-
openInNewTab:
|
|
205
|
-
onClick:
|
|
204
|
+
openInNewTab: i,
|
|
205
|
+
onClick: c,
|
|
206
206
|
children: l
|
|
207
207
|
}) {
|
|
208
|
-
const o = w(
|
|
209
|
-
return /* @__PURE__ */
|
|
210
|
-
|
|
208
|
+
const o = w(V), u = t ?? (o !== null && o === n), d = [v.link, u && v.current].filter(Boolean).join(" ");
|
|
209
|
+
return /* @__PURE__ */ s("li", { className: v.item, children: /* @__PURE__ */ s(
|
|
210
|
+
e,
|
|
211
211
|
{
|
|
212
|
-
className:
|
|
213
|
-
href:
|
|
214
|
-
target:
|
|
215
|
-
rel:
|
|
216
|
-
onClick:
|
|
217
|
-
"aria-current":
|
|
212
|
+
className: d,
|
|
213
|
+
href: n,
|
|
214
|
+
target: i ? "_blank" : void 0,
|
|
215
|
+
rel: i ? "noopener noreferrer" : void 0,
|
|
216
|
+
onClick: c,
|
|
217
|
+
"aria-current": u ? "location" : void 0,
|
|
218
218
|
children: l
|
|
219
219
|
}
|
|
220
220
|
) });
|
|
221
221
|
}
|
|
222
|
-
const
|
|
223
|
-
function C(
|
|
224
|
-
|
|
222
|
+
const P = typeof process < "u" && process.env.NODE_ENV !== "production", D = /* @__PURE__ */ new Set();
|
|
223
|
+
function C(e) {
|
|
224
|
+
D.has(e) || (D.add(e), console.warn(`[@smartyweb/ui] ${e}`));
|
|
225
225
|
}
|
|
226
|
-
function
|
|
227
|
-
if (typeof
|
|
228
|
-
if (typeof
|
|
229
|
-
if (typeof
|
|
230
|
-
const { displayName:
|
|
231
|
-
if (typeof
|
|
226
|
+
function Ae(e) {
|
|
227
|
+
if (typeof e == "string") return `<${e}>`;
|
|
228
|
+
if (typeof e == "function") return `<${e.name || "Component"}>`;
|
|
229
|
+
if (typeof e == "object" && e !== null && "displayName" in e) {
|
|
230
|
+
const { displayName: n } = e;
|
|
231
|
+
if (typeof n == "string") return `<${n}>`;
|
|
232
232
|
}
|
|
233
233
|
return "an unknown element";
|
|
234
234
|
}
|
|
235
|
-
function
|
|
236
|
-
for (const t of
|
|
237
|
-
if (!
|
|
235
|
+
function J(e, n) {
|
|
236
|
+
for (const t of E.toArray(e)) {
|
|
237
|
+
if (!B(t)) {
|
|
238
238
|
if (typeof t != "string" && typeof t != "number") continue;
|
|
239
|
-
const
|
|
240
|
-
if (
|
|
239
|
+
const i = String(t).trim();
|
|
240
|
+
if (i === "") continue;
|
|
241
241
|
C(
|
|
242
|
-
`<TableOfContents> received the text ${JSON.stringify(
|
|
242
|
+
`<TableOfContents> received the text ${JSON.stringify(i.slice(0, 40))} as a direct child. Its list may only contain entries — wrap it in <TableOfContentsLink href="#…">.`
|
|
243
243
|
);
|
|
244
244
|
continue;
|
|
245
245
|
}
|
|
246
|
-
if (t.type ===
|
|
247
|
-
const { children:
|
|
248
|
-
|
|
246
|
+
if (t.type === A) {
|
|
247
|
+
const { children: i } = t.props;
|
|
248
|
+
J(i, n);
|
|
249
249
|
continue;
|
|
250
250
|
}
|
|
251
|
-
|
|
252
|
-
`<TableOfContents> received ${
|
|
251
|
+
n(t.type) || t.type === "li" || C(
|
|
252
|
+
`<TableOfContents> received ${Ae(t.type)} as a direct child. Its list may only contain entries — use <TableOfContentsLink href="#…"> instead.`
|
|
253
253
|
);
|
|
254
254
|
}
|
|
255
255
|
}
|
|
256
|
-
function
|
|
256
|
+
function Me() {
|
|
257
257
|
C(
|
|
258
258
|
"<TableOfContentsLink> was rendered outside of a <TableOfContents>. It renders an <li>, which browsers only style correctly inside a list."
|
|
259
259
|
);
|
|
260
260
|
}
|
|
261
|
-
const
|
|
262
|
-
nav:
|
|
263
|
-
heading:
|
|
264
|
-
list:
|
|
265
|
-
item:
|
|
266
|
-
},
|
|
267
|
-
function
|
|
268
|
-
const t = w(
|
|
269
|
-
return
|
|
270
|
-
}
|
|
271
|
-
|
|
272
|
-
function
|
|
273
|
-
return
|
|
274
|
-
}
|
|
275
|
-
function
|
|
261
|
+
const We = "_nav_1us0j_1", Re = "_heading_1us0j_8", Fe = "_list_1us0j_19", ze = "_item_1us0j_28", g = {
|
|
262
|
+
nav: We,
|
|
263
|
+
heading: Re,
|
|
264
|
+
list: Fe,
|
|
265
|
+
item: ze
|
|
266
|
+
}, K = $(!1);
|
|
267
|
+
function X({ href: e, children: n }) {
|
|
268
|
+
const t = w(K);
|
|
269
|
+
return P && !t && Me(), /* @__PURE__ */ s("li", { className: g.item, children: /* @__PURE__ */ s(Te, { href: e, children: n }) });
|
|
270
|
+
}
|
|
271
|
+
X.isSmartyTableOfContentsLink = !0;
|
|
272
|
+
function He(e) {
|
|
273
|
+
return e === X ? !0 : typeof e == "function" && e.isSmartyTableOfContentsLink === !0;
|
|
274
|
+
}
|
|
275
|
+
function In({ title: e = "Table of contents", children: n }) {
|
|
276
276
|
const t = x();
|
|
277
|
-
return
|
|
278
|
-
/* @__PURE__ */
|
|
279
|
-
/* @__PURE__ */
|
|
277
|
+
return P && J(n, He), /* @__PURE__ */ _("nav", { className: g.nav, "aria-labelledby": t, children: [
|
|
278
|
+
/* @__PURE__ */ s("h2", { id: t, className: g.heading, children: e }),
|
|
279
|
+
/* @__PURE__ */ s(K, { value: !0, children: /* @__PURE__ */ s("ul", { role: "list", className: g.list, children: n }) })
|
|
280
280
|
] });
|
|
281
281
|
}
|
|
282
|
-
const
|
|
283
|
-
hero:
|
|
284
|
-
layout:
|
|
285
|
-
content:
|
|
286
|
-
titleLine:
|
|
287
|
-
titleWord:
|
|
288
|
-
description:
|
|
289
|
-
media:
|
|
282
|
+
const Ue = "_hero_93692_11", Ve = "_layout_93692_16", Pe = "_content_93692_21", Je = "_titleLine_93692_25", Ke = "_titleWord_93692_29", Xe = "_description_93692_35", qe = "_media_93692_48", h = {
|
|
283
|
+
hero: Ue,
|
|
284
|
+
layout: Ve,
|
|
285
|
+
content: Pe,
|
|
286
|
+
titleLine: Je,
|
|
287
|
+
titleWord: Ke,
|
|
288
|
+
description: Xe,
|
|
289
|
+
media: qe
|
|
290
290
|
};
|
|
291
|
-
function
|
|
292
|
-
return
|
|
293
|
-
}
|
|
294
|
-
const
|
|
295
|
-
function
|
|
296
|
-
const
|
|
297
|
-
let
|
|
298
|
-
const l = (
|
|
299
|
-
(o) =>
|
|
291
|
+
function Ge(e) {
|
|
292
|
+
return e.replace(/([- ])/g, (n) => `${n === " " ? " " : n}|split|`).split("|split|");
|
|
293
|
+
}
|
|
294
|
+
const Ze = (e) => ({ "--hero-index": e });
|
|
295
|
+
function Sn({ title: e, description: n, media: t }) {
|
|
296
|
+
const i = Array.isArray(e);
|
|
297
|
+
let c = 0;
|
|
298
|
+
const l = (i ? e : [e]).map(
|
|
299
|
+
(o) => Ge(o).map((u) => ({ word: u, index: c++ }))
|
|
300
300
|
);
|
|
301
|
-
return /* @__PURE__ */
|
|
302
|
-
/* @__PURE__ */
|
|
301
|
+
return /* @__PURE__ */ s("section", { className: h.hero, children: /* @__PURE__ */ _("div", { className: h.layout, children: [
|
|
302
|
+
/* @__PURE__ */ s("div", { className: h.media, children: t }),
|
|
303
303
|
/* @__PURE__ */ _("div", { className: h.content, children: [
|
|
304
|
-
/* @__PURE__ */
|
|
305
|
-
/* @__PURE__ */
|
|
304
|
+
/* @__PURE__ */ s(ie, { children: l.map((o, u) => /* @__PURE__ */ s("span", { className: i ? h.titleLine : void 0, children: o.map(({ word: d, index: f }) => /* @__PURE__ */ s("span", { className: h.titleWord, style: Ze(f), children: d }, f)) }, u)) }),
|
|
305
|
+
/* @__PURE__ */ s("p", { className: h.description, children: n })
|
|
306
306
|
] })
|
|
307
307
|
] }) });
|
|
308
308
|
}
|
|
309
|
-
function
|
|
310
|
-
return /* @__PURE__ */
|
|
309
|
+
function Qe() {
|
|
310
|
+
return /* @__PURE__ */ s("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ s(
|
|
311
311
|
"path",
|
|
312
312
|
{
|
|
313
313
|
fillRule: "evenodd",
|
|
@@ -317,91 +317,92 @@ function Yn() {
|
|
|
317
317
|
}
|
|
318
318
|
) });
|
|
319
319
|
}
|
|
320
|
-
const
|
|
321
|
-
field:
|
|
322
|
-
error:
|
|
323
|
-
message:
|
|
324
|
-
content:
|
|
325
|
-
reveal:
|
|
326
|
-
label:
|
|
327
|
-
tags:
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
320
|
+
const Ye = "_field_14suf_1", en = "_error_14suf_17", nn = "_message_14suf_21", tn = "_content_14suf_36", sn = "_reveal_14suf_43", on = "_label_14suf_53", rn = "_tags_14suf_64", an = "_chips_14suf_71", cn = "_input_14suf_78", ln = "_counter_14suf_95", un = "_empty_14suf_107", dn = "_disabled_14suf_134", fn = "_chip_14suf_71", _n = "_chipText_14suf_160", mn = "_remove_14suf_165", pn = "_invalid_14suf_176", a = {
|
|
321
|
+
field: Ye,
|
|
322
|
+
error: en,
|
|
323
|
+
message: nn,
|
|
324
|
+
content: tn,
|
|
325
|
+
reveal: sn,
|
|
326
|
+
label: on,
|
|
327
|
+
tags: rn,
|
|
328
|
+
chips: an,
|
|
329
|
+
input: cn,
|
|
330
|
+
counter: ln,
|
|
331
|
+
empty: un,
|
|
332
|
+
disabled: dn,
|
|
333
|
+
chip: fn,
|
|
334
|
+
chipText: _n,
|
|
335
|
+
remove: mn,
|
|
336
|
+
invalid: pn
|
|
336
337
|
};
|
|
337
|
-
function
|
|
338
|
-
return /* @__PURE__ */ _("
|
|
339
|
-
/* @__PURE__ */
|
|
340
|
-
t && /* @__PURE__ */
|
|
338
|
+
function hn({ children: e, invalid: n, onRemove: t }) {
|
|
339
|
+
return /* @__PURE__ */ _("li", { className: [a.chip, n && a.invalid].filter(Boolean).join(" "), children: [
|
|
340
|
+
/* @__PURE__ */ s("span", { className: a.chipText, children: e }),
|
|
341
|
+
t && /* @__PURE__ */ s(
|
|
341
342
|
"button",
|
|
342
343
|
{
|
|
343
344
|
type: "button",
|
|
344
|
-
className:
|
|
345
|
-
"aria-label": `Remove ${
|
|
345
|
+
className: a.remove,
|
|
346
|
+
"aria-label": `Remove ${e}${n ? " (invalid)" : ""}`,
|
|
346
347
|
onClick: t,
|
|
347
|
-
children: /* @__PURE__ */
|
|
348
|
+
children: /* @__PURE__ */ s(Qe, {})
|
|
348
349
|
}
|
|
349
350
|
)
|
|
350
351
|
] });
|
|
351
352
|
}
|
|
352
353
|
const O = 100;
|
|
353
|
-
function
|
|
354
|
-
label:
|
|
355
|
-
value:
|
|
354
|
+
function Dn({
|
|
355
|
+
label: e,
|
|
356
|
+
value: n,
|
|
356
357
|
onChange: t,
|
|
357
|
-
disabled:
|
|
358
|
-
isTagInvalid:
|
|
358
|
+
disabled: i = !1,
|
|
359
|
+
isTagInvalid: c,
|
|
359
360
|
onInputChange: l,
|
|
360
361
|
error: o
|
|
361
362
|
}) {
|
|
362
|
-
const
|
|
363
|
-
|
|
363
|
+
const u = x(), d = `${u}-message`, f = M(null), [m, q] = ne(""), G = n.length >= O, Z = (r) => {
|
|
364
|
+
q(r), l?.(r);
|
|
364
365
|
}, L = (r) => {
|
|
365
|
-
const p = r.split(/[\s,]+/), j = p.pop() ?? "",
|
|
366
|
-
|
|
366
|
+
const p = r.split(/[\s,]+/), j = p.pop() ?? "", N = p.filter(Boolean).slice(0, Math.max(0, O - n.length));
|
|
367
|
+
N.length && t([...n, ...N]), Z(j);
|
|
367
368
|
}, Q = (r) => {
|
|
368
|
-
r.key === "Enter" && m && !r.nativeEvent.isComposing ? (r.preventDefault(), L(`${m},`)) : r.key === "Backspace" && !m &&
|
|
369
|
+
r.key === "Enter" && m && !r.nativeEvent.isComposing ? (r.preventDefault(), L(`${m},`)) : r.key === "Backspace" && !m && n.length && t(n.slice(0, -1));
|
|
369
370
|
}, Y = (r) => {
|
|
370
|
-
|
|
371
|
-
},
|
|
372
|
-
|
|
373
|
-
!
|
|
374
|
-
|
|
375
|
-
o &&
|
|
371
|
+
i || r.target === f.current || r.target.closest("button") || (r.preventDefault(), f.current?.focus());
|
|
372
|
+
}, ee = [
|
|
373
|
+
a.field,
|
|
374
|
+
!n.length && a.empty,
|
|
375
|
+
i && a.disabled,
|
|
376
|
+
o && a.error
|
|
376
377
|
].filter(Boolean).join(" ");
|
|
377
378
|
return /* @__PURE__ */ _("div", { children: [
|
|
378
|
-
/* @__PURE__ */ _("div", { className:
|
|
379
|
-
/* @__PURE__ */ _("div", { className:
|
|
380
|
-
/* @__PURE__ */
|
|
381
|
-
/* @__PURE__ */
|
|
382
|
-
|
|
383
|
-
|
|
379
|
+
/* @__PURE__ */ _("div", { className: ee, onMouseDown: Y, children: [
|
|
380
|
+
/* @__PURE__ */ _("div", { className: a.content, children: [
|
|
381
|
+
/* @__PURE__ */ s("label", { htmlFor: u, className: a.label, children: e }),
|
|
382
|
+
/* @__PURE__ */ s("div", { className: a.reveal, children: /* @__PURE__ */ _("div", { className: a.tags, children: [
|
|
383
|
+
n.length > 0 && /* @__PURE__ */ s("ul", { role: "list", className: a.chips, children: n.map((r, p) => /* @__PURE__ */ s(
|
|
384
|
+
hn,
|
|
384
385
|
{
|
|
385
|
-
invalid:
|
|
386
|
-
onRemove:
|
|
387
|
-
t(
|
|
386
|
+
invalid: c?.(r, p) ?? !1,
|
|
387
|
+
onRemove: i ? void 0 : () => {
|
|
388
|
+
t(n.filter((j, N) => N !== p)), p === n.length - 1 && f.current?.focus();
|
|
388
389
|
},
|
|
389
390
|
children: r
|
|
390
391
|
},
|
|
391
392
|
p
|
|
392
|
-
)),
|
|
393
|
-
/* @__PURE__ */
|
|
393
|
+
)) }),
|
|
394
|
+
/* @__PURE__ */ s(
|
|
394
395
|
"input",
|
|
395
396
|
{
|
|
396
397
|
ref: f,
|
|
397
|
-
id:
|
|
398
|
-
className:
|
|
398
|
+
id: u,
|
|
399
|
+
className: a.input,
|
|
399
400
|
size: 1,
|
|
400
401
|
value: m,
|
|
401
|
-
disabled:
|
|
402
|
+
disabled: i,
|
|
402
403
|
readOnly: G,
|
|
403
404
|
"aria-invalid": o ? !0 : void 0,
|
|
404
|
-
"aria-describedby": o ?
|
|
405
|
+
"aria-describedby": o ? d : void 0,
|
|
405
406
|
onChange: (r) => {
|
|
406
407
|
L(r.target.value);
|
|
407
408
|
},
|
|
@@ -413,40 +414,40 @@ function Ie({
|
|
|
413
414
|
)
|
|
414
415
|
] }) })
|
|
415
416
|
] }),
|
|
416
|
-
/* @__PURE__ */
|
|
417
|
-
|
|
417
|
+
/* @__PURE__ */ s("div", { className: a.reveal, children: /* @__PURE__ */ _("p", { className: a.counter, children: [
|
|
418
|
+
n.length,
|
|
418
419
|
" / ",
|
|
419
420
|
O
|
|
420
421
|
] }) })
|
|
421
422
|
] }),
|
|
422
|
-
/* @__PURE__ */
|
|
423
|
+
/* @__PURE__ */ s("p", { id: d, className: a.message, "aria-live": "polite", children: o })
|
|
423
424
|
] });
|
|
424
425
|
}
|
|
425
|
-
const
|
|
426
|
-
field:
|
|
427
|
-
label:
|
|
428
|
-
reveal:
|
|
429
|
-
input:
|
|
430
|
-
empty:
|
|
426
|
+
const yn = "_field_otub4_1", vn = "_label_otub4_16", Nn = "_reveal_otub4_27", bn = "_input_otub4_37", gn = "_empty_otub4_56", y = {
|
|
427
|
+
field: yn,
|
|
428
|
+
label: vn,
|
|
429
|
+
reveal: Nn,
|
|
430
|
+
input: bn,
|
|
431
|
+
empty: gn
|
|
431
432
|
};
|
|
432
|
-
function
|
|
433
|
-
const
|
|
434
|
-
o.target !==
|
|
433
|
+
function En({ label: e, value: n, onChange: t }) {
|
|
434
|
+
const i = x(), c = M(null), l = (o) => {
|
|
435
|
+
o.target !== c.current && (o.preventDefault(), c.current?.focus());
|
|
435
436
|
};
|
|
436
437
|
return /* @__PURE__ */ _(
|
|
437
438
|
"div",
|
|
438
439
|
{
|
|
439
|
-
className: [y.field, !
|
|
440
|
+
className: [y.field, !n && y.empty].filter(Boolean).join(" "),
|
|
440
441
|
onMouseDown: l,
|
|
441
442
|
children: [
|
|
442
|
-
/* @__PURE__ */
|
|
443
|
-
/* @__PURE__ */
|
|
443
|
+
/* @__PURE__ */ s("label", { htmlFor: i, className: y.label, children: e }),
|
|
444
|
+
/* @__PURE__ */ s("div", { className: y.reveal, children: /* @__PURE__ */ s("div", { children: /* @__PURE__ */ s(
|
|
444
445
|
"input",
|
|
445
446
|
{
|
|
446
|
-
ref:
|
|
447
|
-
id:
|
|
447
|
+
ref: c,
|
|
448
|
+
id: i,
|
|
448
449
|
className: y.input,
|
|
449
|
-
value:
|
|
450
|
+
value: n,
|
|
450
451
|
onChange: (o) => {
|
|
451
452
|
t(o.target.value);
|
|
452
453
|
}
|
|
@@ -457,19 +458,19 @@ function Se({ label: n, value: e, onChange: t }) {
|
|
|
457
458
|
);
|
|
458
459
|
}
|
|
459
460
|
export {
|
|
460
|
-
|
|
461
|
-
|
|
462
|
-
|
|
463
|
-
|
|
464
|
-
|
|
465
|
-
|
|
466
|
-
|
|
467
|
-
|
|
468
|
-
|
|
469
|
-
|
|
470
|
-
|
|
471
|
-
|
|
472
|
-
|
|
473
|
-
|
|
474
|
-
|
|
461
|
+
Tn as Button,
|
|
462
|
+
ie as H1,
|
|
463
|
+
Ln as H2,
|
|
464
|
+
Sn as Hero,
|
|
465
|
+
Te as Link,
|
|
466
|
+
Cn as LinkProvider,
|
|
467
|
+
H as ListItem,
|
|
468
|
+
Dn as MultitagField,
|
|
469
|
+
kn as Paragraph,
|
|
470
|
+
xn as SideNav,
|
|
471
|
+
jn as SideNavLink,
|
|
472
|
+
In as TableOfContents,
|
|
473
|
+
X as TableOfContentsLink,
|
|
474
|
+
En as TextField,
|
|
475
|
+
On as UnorderedList
|
|
475
476
|
};
|
package/dist/ui.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--font-desktop-heading: TT Hoves Pro;--font-desktop-paragraph: TT Hoves Pro;--font-desktop-buttons: Inter;--font-desktop-body-inter: Inter;--font-desktop-body-tt-hoves: TT Hoves Pro;--font-desktop-caption: Inter;--font-desktop-numbers: TT Hoves Pro;--font-desktop-code: Hack;--h-extra-desktop-font-size: 6rem;--h-extra-desktop-line-height: 6.625rem;--h-extra-desktop-letter-spacing: -.03em;--h1-desktop-letter-spacing: -.02em;--h1-desktop-line-height: 4rem;--h1-desktop-font-size: 4rem;--h2-desktop-font-size: 3.25rem;--h2-desktop-letter-spacing: -.02em;--h2-desktop-line-height: 3.5625rem;--h3-desktop-letter-spacing: -.02em;--h3-desktop-font-size: 2.75rem;--h3-desktop-line-height: 3rem;--h4-desktop-letter-spacing: -.01em;--h4-desktop-font-size: 2.25rem;--h4-desktop-line-height: 2.6875rem;--h5-desktop-letter-spacing: -.01em;--h5-desktop-font-size: 1.875rem;--h5-desktop-line-height: 2.0625rem;--h6-desktop-font-size: 1.75rem;--h6-desktop-letter-spacing: -.01em;--h6-desktop-line-height: 1.9375rem;--h7-desktop-font-size: 1.5rem;--h7-desktop-letter-spacing: -.01em;--h7-desktop-line-height: 1.75rem;--paragraph-desktop-font-size: 1.5rem;--paragraph-desktop-line-height: 2.25rem;--paragraph-desktop-letter-spacing: -.01em;--button-lg-desktop-font-size: 1.25rem;--button-lg-desktop-line-height: 1.5rem;--button-lg-desktop-letter-spacing: -.02em;--button-md-desktop-font-size: 1.0625rem;--button-md-desktop-line-height: 1.5rem;--button-md-desktop-letter-spacing: -.02em;--button-sm-desktop-font-size: .875rem;--button-sm-desktop-line-height: 1.5rem;--button-sm-desktop-letter-spacing: -.01em;--body-lg-tt-hoves-desktop-font-size: 1.125rem;--body-lg-tt-hoves-desktop-line-height: 1.5rem;--body-lg-tt-hoves-desktop-letter-spacing: -.01em;--body-lg-inter-desktop-font-size: 1.25rem;--body-lg-inter-desktop-line-height: 1.875rem;--body-lg-inter-desktop-letter-spacing: -.02em;--body-md-tt-hoves-desktop-letter-spacing: -.01em;--body-md-tt-hoves-desktop-font-size: 1rem;--body-md-tt-hoves-desktop-line-height: 1.375rem;--body-md-inter-desktop-letter-spacing: -.02em;--body-md-inter-desktop-font-size: 1rem;--body-md-inter-desktop-line-height: 1.5rem;--body-sm-desktop-letter-spacing: -.01em;--body-sm-desktop-font-size: .875rem;--body-sm-desktop-line-height: 1.25rem;--caption-lg-desktop-font-size: 1rem;--caption-lg-desktop-letter-spacing: -.01em;--caption-lg-desktop-line-height: 1.5rem;--caption-sm-desktop-font-size: .75rem;--caption-sm-desktop-line-height: 1.125rem;--caption-sm-desktop-letter-spacing: -.02em;--caption-sm-bold-desktop-font-size: .75rem;--caption-sm-bold-desktop-line-height: 1rem;--caption-sm-bold-desktop-letter-spacing: -.01em;--caption-uppercase-desktop-line-height: 1rem;--caption-uppercase-desktop-letter-spacing: .04em;--caption-uppercase-desktop-font-size: .8125rem;--numbers-desktop-line-height: 1.375rem;--numbers-desktop-letter-spacing: .04em;--numbers-desktop-font-size: 1rem;--special-styles-code-desktop-line-height: 1.5625rem;--special-styles-code-desktop-font-size: 1.125rem;--special-styles-code-desktop-letter-spacing: 0;--font-tablet-heading: TT Hoves Pro;--font-tablet-paragraph: TT Hoves Pro;--font-tablet-buttons: Inter;--font-tablet-body-inter: Inter;--font-tablet-body-tt-hoves: TT Hoves Pro;--font-tablet-caption: Inter;--font-tablet-numbers: TT Hoves Pro;--font-tablet-code: Hack;--h-extra-tablet-font-size: 6.875rem;--h-extra-tablet-line-height: 7.5625rem;--h-extra-tablet-letter-spacing: -.03em;--h1-tablet-letter-spacing: -.02em;--h1-tablet-line-height: 4.4rem;--h1-tablet-font-size: 4rem;--h2-tablet-font-size: 3rem;--h2-tablet-letter-spacing: -.02em;--h2-tablet-line-height: 3.3125rem;--h3-tablet-letter-spacing: -.02em;--h3-tablet-font-size: 2.5rem;--h3-tablet-line-height: 2.75rem;--h4-tablet-letter-spacing: -.02em;--h4-tablet-font-size: 2.25rem;--h4-tablet-line-height: 2.6875rem;--h5-tablet-letter-spacing: -.01em;--h5-tablet-font-size: 2rem;--h5-tablet-line-height: 2.1875rem;--h6-tablet-font-size: 1.5rem;--h6-tablet-letter-spacing: -.01em;--h6-tablet-line-height: 1.625rem;--h7-tablet-font-size: 1.375rem;--h7-tablet-letter-spacing: -.01em;--h7-tablet-line-height: 1.625rem;--paragraph-tablet-font-size: 1.375rem;--paragraph-tablet-line-height: 2.0625rem;--paragraph-tablet-letter-spacing: -.01em;--button-lg-tablet-font-size: 1.125rem;--button-lg-tablet-line-height: 1.5rem;--button-lg-tablet-letter-spacing: -.02em;--button-md-tablet-font-size: 1rem;--button-md-tablet-line-height: 1.5rem;--button-md-tablet-letter-spacing: -.02em;--button-sm-tablet-font-size: .875rem;--button-sm-tablet-line-height: 1.5rem;--button-sm-tablet-letter-spacing: -.01em;--body-lg-tt-hoves-tablet-font-size: 1rem;--body-lg-tt-hoves-tablet-line-height: 1.375rem;--body-lg-tt-hoves-tablet-letter-spacing: -.01em;--body-lg-inter-tablet-font-size: 1.125rem;--body-lg-inter-tablet-line-height: 1.6875rem;--body-lg-inter-tablet-letter-spacing: -.02em;--body-md-tt-hoves-tablet-letter-spacing: -.01em;--body-md-tt-hoves-tablet-font-size: 1rem;--body-md-tt-hoves-tablet-line-height: 1.375rem;--body-md-inter-tablet-letter-spacing: -.02em;--body-md-inter-tablet-font-size: 1rem;--body-md-inter-tablet-line-height: 1.5rem;--body-sm-tablet-letter-spacing: -.01em;--body-sm-tablet-font-size: .875rem;--body-sm-tablet-line-height: 1.25rem;--caption-lg-tablet-font-size: 1rem;--caption-lg-tablet-letter-spacing: -.02em;--caption-lg-tablet-line-height: 1.5rem;--caption-sm-tablet-font-size: .75rem;--caption-sm-tablet-line-height: 1.125rem;--caption-sm-tablet-letter-spacing: -.02em;--caption-sm-bold-tablet-font-size: .75rem;--caption-sm-bold-tablet-line-height: 1rem;--caption-sm-bold-tablet-letter-spacing: -.01em;--caption-uppercase-tablet-line-height: 1rem;--caption-uppercase-tablet-letter-spacing: .04em;--caption-uppercase-tablet-font-size: .8125rem;--numbers-tablet-line-height: 1.375rem;--numbers-tablet-letter-spacing: .04em;--numbers-tablet-font-size: 1rem;--special-styles-code-tablet-line-height: 1.5625rem;--special-styles-code-tablet-font-size: 1.125rem;--special-styles-code-tablet-letter-spacing: 0;--font-mobile-heading: TT Hoves Pro;--font-mobile-paragraph: TT Hoves Pro;--font-mobile-buttons: Inter;--font-mobile-body-inter: Inter;--font-mobile-body-tt-hoves: TT Hoves Pro;--font-mobile-caption: Inter;--font-mobile-numbers: TT Hoves Pro;--font-mobile-code: Hack;--h-extra-mobile-font-size: 3.5rem;--h-extra-mobile-line-height: 3.875rem;--h-extra-mobile-letter-spacing: -.02em;--h1-mobile-letter-spacing: -.01em;--h1-mobile-line-height: 2.75rem;--h1-mobile-font-size: 2.75rem;--h2-mobile-font-size: 2.5rem;--h2-mobile-letter-spacing: -.01em;--h2-mobile-line-height: 2.75rem;--h3-mobile-letter-spacing: -.01em;--h3-mobile-font-size: 2.25rem;--h3-mobile-line-height: 2.5rem;--h4-mobile-letter-spacing: -.01em;--h4-mobile-font-size: 2rem;--h4-mobile-line-height: 2.625rem;--h5-mobile-letter-spacing: -.01em;--h5-mobile-font-size: 1.375rem;--h5-mobile-line-height: 1.5rem;--h6-mobile-font-size: 1.25rem;--h6-mobile-letter-spacing: -.01em;--h6-mobile-line-height: 1.375rem;--h7-mobile-font-size: 1.25rem;--h7-mobile-letter-spacing: -.01em;--h7-mobile-line-height: 1.5rem;--paragraph-mobile-font-size: 1.125rem;--paragraph-mobile-line-height: 1.6875rem;--paragraph-mobile-letter-spacing: -.01em;--button-lg-mobile-font-size: 1rem;--button-lg-mobile-line-height: 1.5rem;--button-lg-mobile-letter-spacing: -.01em;--button-md-mobile-font-size: .875rem;--button-md-mobile-line-height: 1.5rem;--button-md-mobile-letter-spacing: -.01em;--button-sm-mobile-font-size: .75rem;--button-sm-mobile-line-height: 1.5rem;--button-sm-mobile-letter-spacing: -.01em;--body-lg-tt-hoves-mobile-font-size: .875rem;--body-lg-tt-hoves-mobile-line-height: 1.1875rem;--body-lg-tt-hoves-mobile-letter-spacing: -.01em;--body-lg-inter-mobile-font-size: 1rem;--body-lg-inter-mobile-line-height: 1.5rem;--body-lg-inter-mobile-letter-spacing: -.01em;--body-md-tt-hoves-mobile-letter-spacing: -.01em;--body-md-tt-hoves-mobile-font-size: 1rem;--body-md-tt-hoves-mobile-line-height: 1.375rem;--body-md-inter-mobile-letter-spacing: -.01em;--body-md-inter-mobile-font-size: .875rem;--body-md-inter-mobile-line-height: 1.3125rem;--body-sm-mobile-letter-spacing: -.01em;--body-sm-mobile-font-size: .875rem;--body-sm-mobile-line-height: 1.25rem;--caption-lg-mobile-font-size: 1rem;--caption-lg-mobile-letter-spacing: -.02em;--caption-lg-mobile-line-height: 1.5rem;--caption-sm-mobile-font-size: .75rem;--caption-sm-mobile-line-height: 1.125rem;--caption-sm-mobile-letter-spacing: -.02em;--caption-sm-bold-mobile-font-size: .75rem;--caption-sm-bold-mobile-line-height: 1rem;--caption-sm-bold-mobile-letter-spacing: -.01em;--caption-uppercase-mobile-line-height: 1rem;--caption-uppercase-mobile-letter-spacing: .04em;--caption-uppercase-mobile-font-size: .75rem;--numbers-mobile-line-height: 1.375rem;--numbers-mobile-letter-spacing: .04em;--numbers-mobile-font-size: 1rem;--special-styles-code-mobile-line-height: 1.375rem;--special-styles-code-mobile-font-size: 1rem;--special-styles-code-mobile-letter-spacing: 0;--surface-invert-fill-disabled: #c7ccd4;--surface-invert-secondary: #262c36;--surface-invert-primary: #151b23;--surface-invert-fill-deep: #6e7580;--surface-base-fill: #e6e9ed;--overlay-fill-dark: #151b23b3;--surface-invert-fill-pressed: #a8b0ba;--overlay-fill-medium: #151b23a3;--surface-base-fill-light: #eff7ff;--surface-base-secondary: #f5f7fa;--surface-base-primary: #ffffff;--surface-cell-disabled: #f5f7fa80;--surface-invert-fill-dark: #a8b0ba;--surface-invert-fill-hovered: #e6e9ed;--overlay-fill: #001d7a66;--surface-invert-dark: #151b23;--surface-invert-fill-medium: #c7ccd4;--surface-invert-fill-light: #e6e9ed;--text-invert-label: #939ba6;--text-link: #0066ff;--info-text: #00546b;--text-invert-secondary: #e6e9ed;--negative-text: #8f1150;--positive-text-dark: #005925;--text-base-label: #002ea3;--text-invert-pressed: #6e7580;--premium-text: #431878;--text-link-pressed: #001d7a;--text-base-secondary-light: #939ba6;--text-invert-primary: #ffffff;--positive-text: #147536;--negative-text-dark: #6b0039;--text-invert-disabled: #49505b;--warning-text: #6b1000;--text-disabled: #001d7a66;--text-link-hovered: #004cda;--text-invert-hovered: #b7bec7;--text-base-secondary: #49505b;--text-link-light: #2d84ff;--text-link-light-hovered: #5aa1ff;--caution-text: #505900;--text-base-primary: #151b23;--border-primary-light: #5aa1ff;--border-primary-active: #001d7a;--border-invert-secondary: #d6dbe0;--border-primary-medium: #2d84ff;--border-primary: #0066ff;--border-invert-primary: #ffffff;--border-primary-hovered: #004cda;--border-base-secondary: #d6dbe0;--border-base-secondary-light: #e6e9ed;--border-base-primary: #151b23;--border-primary-disabled: #002ea31a;--border-base-light: #e2f0ff;--accent-fill-hovered: #004cda;--accent-primary-hovered: #004cda;--accent-fill: #0066ff;--accent-fill-dark: #001d7a;--accent-fill-medium-disabled: #c7ccd4;--accent-fill-pressed: #002ea3;--accent-primary-dark: #001d7a;--accent-fill-medium-hovered: #a8b0ba;--accent-primary: #0066ff;--accent-fill-disabled: #002ea31a;--accent-fill-medium: #b7bec7;--accent-fill-medium-pressed: #939ba6;--accent-link: #0039b5;--accent-fill-focused: #8fc1ff;--accent-fill-light-hovered: #001d7a12;--accent-fill-light: #e2f0ff;--positive-icon: #29954b;--negative-icon-light: #b22265;--negative-icon: #8f1150;--icon-disabled: #001d7a66;--icon-invert: #c7ccd4;--icon-primary-light-hovered: #5aa1ff;--icon-base-secondary: #6e7580;--icon-primary: #383e48;--negative-fill-light-pressed: #ffafc8;--negative-fill: #f55591;--negative-fill-dark: #6b0039;--negative-fill-medium: #ff76a6;--negative-fill-light-hovered: #ffcbdb;--negative-fill-light: #ffe8ef;--warning-fill-dark: #6b1000;--warning-fill-medium: #f89364;--warning-primary: #f5804e;--warning-fill: #ffbc98;--warning-fill-light: #ffebde;--positive-fill-dark: #005925;--positive-fill: #47cc69;--positive-fill-medium: #81eb96;--positive-fill-light: #cffad6;--premium-fill: #9560ff;--premium-fill-medium: #b292fc;--premium-fill-light: #ece5ff;--info-fill: #3dc9d1;--info-fill-medium: #63dfe5;--info-fill-light: #b0f7f7;--caution-fill: #fcf58c;--caution-fill-dark: #e4e40d;--caution-fill-light: #fcf9d7;--disabled-progress-bar-right-gradient: #c7ccd4;--primary-progress-bar-left-gradient: #f55591;--primary-progress-bar-track: #e6e9ed;--disabled-progress-bar-track: #e6e9ed;--primary-progress-bar-right-gradient: #ffbc98;--disabled-progress-bar-left-gradient: #e6e9ed;--borderradius-none: 0;--borderradius-focusedstroke: 4px;--borderradius-muistroke: 4px;--borderradius-pill: 360px;--borderradius-cardsm: 12px;--borderradius-cardlg: 24px;--borderradius-button: 360px;--strokewidth-none: 0;--strokewidth-xs: 1px;--strokewidth-sm: 2px;--strokewidth-md: 4px;--strokewidth-lg: 8px;--insetspacing-5xs: .25rem;--insetspacing-4xs: .5rem;--insetspacing-3xs: .75rem;--insetspacing-2xs: 1rem;--insetspacing-xs: 1.25rem;--insetspacing-s: 1.5rem;--insetspacing-m: 1.75rem;--insetspacing-l: 2rem;--insetspacing-xl: 2.5rem;--insetspacing-2xl: 2.75rem;--insetspacing-3xl: 3rem;--insetspacing-4xl: 3.5rem;--insetspacing-5xl: 4rem;--insetspacing-6xl: 4.5rem;--insetspacing-7xl: 5rem;--insetspacing-8xl: 6rem;--insetspacing-9xl: 7.5rem;--insetspacing-10xl: 10rem;--stackspacing-5xs: .25rem;--stackspacing-4xs: .5rem;--stackspacing-3xs: .75rem;--stackspacing-2xs: 1rem;--stackspacing-xs: 1.25rem;--stackspacing-s: 1.5rem;--stackspacing-m: 1.75rem;--stackspacing-l: 2rem;--stackspacing-xl: 2.5rem;--stackspacing-2xl: 2.75rem;--stackspacing-3xl: 3rem;--stackspacing-4xl: 3.5rem;--stackspacing-5xl: 4rem;--stackspacing-6xl: 4.5rem;--stackspacing-7xl: 5rem;--stackspacing-8xl: 6rem;--stackspacing-9xl: 7.5rem;--stackspacing-10xl: 10rem;--inlinespacing-5xs: .25rem;--inlinespacing-4xs: .5rem;--inlinespacing-3xs: .75rem;--inlinespacing-2xs: 1rem;--inlinespacing-xs: 1.25rem;--inlinespacing-s: 1.5rem;--inlinespacing-m: 1.75rem;--inlinespacing-l: 2rem;--inlinespacing-xl: 2.5rem;--inlinespacing-2xl: 2.75rem;--inlinespacing-3xl: 3rem;--inlinespacing-4xl: 3.5rem;--inlinespacing-5xl: 4rem;--inlinespacing-6xl: 4.5rem;--inlinespacing-7xl: 5rem;--inlinespacing-8xl: 6rem;--inlinespacing-9xl: 7.5rem;--inlinespacing-10xl: 10rem}._h1_1765w_1{font-size:clamp(2.75rem,1.8779vw + 2.3099rem,4rem);line-height:clamp(2.75rem,1.8779vw + 2.3099rem,4rem);letter-spacing:-.02em;font-family:var(--ui-font-primary);font-weight:500;font-feature-settings:"ss01" 1,"ss02" 1,"ss04" 1;margin:0}._h2_1eque_1{font-size:clamp(2.5rem,1.1268vw + 2.2359rem,3.25rem);line-height:clamp(2.75rem,1.2207vw + 2.4639rem,3.5625rem);letter-spacing:-.02em;font-family:var(--ui-font-primary);font-weight:500;font-feature-settings:"ss01" 1,"ss02" 1,"ss04" 1;margin:0}._paragraph_11t85_1{font-size:clamp(1rem,.3756vw + .912rem,1.25rem);line-height:clamp(1.5rem,.5634vw + 1.368rem,1.875rem);letter-spacing:-.02em;font-family:var(--ui-font-body);font-weight:400;font-feature-settings:"dlig" 1;margin:0}._list_1p627_1{display:flex;flex-direction:column;gap:clamp(.75rem,.3756vw + .662rem,1rem);margin:clamp(1rem,.7512vw + .8239rem,1.5rem) 0 0;padding:0;list-style:none}._list_1p627_1 ._list_1p627_1{margin-top:clamp(.75rem,.3756vw + .662rem,1rem);margin-left:calc(clamp(1rem,.7512vw + .8239rem,1.5rem) - (clamp(.25rem,.3756vw + .162rem,.5rem) + 8px))}._item_1p627_14{position:relative;font-size:clamp(1rem,.3756vw + .912rem,1.25rem);line-height:clamp(1.5rem,.5634vw + 1.368rem,1.875rem);letter-spacing:-.02em;font-family:var(--ui-font-body);font-weight:400;font-feature-settings:"dlig" 1}._list_1p627_1 ._item_1p627_14{padding-left:calc(clamp(.25rem,.3756vw + .162rem,.5rem) + 8px)}._list_1p627_1 ._item_1p627_14:before{content:"";position:absolute;top:.4lh;left:0;box-sizing:border-box;width:8px;height:8px;border-radius:50%;background:var(--accent-primary)}._list_1p627_1 ._list_1p627_1 ._item_1p627_14:before{border:var(--strokewidth-xs) solid var(--accent-primary);background:transparent}._list_1p627_1 ._list_1p627_1 ._list_1p627_1 ._item_1p627_14:before{border:0;border-radius:0;background:var(--accent-primary)}._list_1p627_1 ._list_1p627_1 ._list_1p627_1 ._list_1p627_1 ._item_1p627_14:before{border-radius:50%}._button_81qo0_1{appearance:none;border:none;background:none;display:inline-block;text-decoration:none;cursor:pointer;border-radius:var(--borderradius-button);padding:clamp(1rem,.3756vw + .912rem,1.25rem) clamp(1.5rem,.7512vw + 1.3239rem,2rem);font-size:clamp(1rem,.3756vw + .912rem,1.25rem);line-height:1.5rem;letter-spacing:-.02em;font-family:var(--ui-font-body);font-weight:500;font-feature-settings:"dlig" 1;transition:background-color .15s ease,color .15s ease}._button_81qo0_1:focus-visible{outline:var(--strokewidth-sm) solid var(--accent-fill-focused);outline-offset:2px}._button_81qo0_1:disabled{cursor:not-allowed}._sm_81qo0_26{font-size:clamp(.875rem,.2817vw + .809rem,1.0625rem);line-height:1.5rem;letter-spacing:-.02em;padding:clamp(.5rem,.3756vw + .412rem,.75rem) clamp(1rem,.3756vw + .912rem,1.25rem)}._primary_81qo0_33{background-color:var(--accent-fill);color:var(--text-invert-primary)}._primary_81qo0_33:hover:not(:disabled){background-color:var(--accent-fill-hovered);color:var(--text-invert-primary)}._primary_81qo0_33:active:not(:disabled){background-color:var(--accent-fill-dark)}._primary_81qo0_33:disabled{background-color:var(--surface-invert-fill-disabled);color:var(--text-invert-primary)}._secondary_81qo0_49{background-color:transparent;color:var(--text-base-primary);box-shadow:inset 0 0 0 var(--strokewidth-sm) var(--border-base-primary);transition:box-shadow .15s ease,color .15s ease}._secondary_81qo0_49:hover:not(:disabled){box-shadow:inset 0 0 0 var(--strokewidth-sm) var(--accent-primary-hovered);color:var(--text-link-hovered)}._secondary_81qo0_49:active:not(:disabled){box-shadow:inset 0 0 0 var(--strokewidth-sm) var(--accent-primary-dark);color:var(--text-link-pressed)}._secondary_81qo0_49:disabled{box-shadow:inset 0 0 0 var(--strokewidth-sm) var(--border-base-secondary);color:var(--text-invert-hovered)}._negative_81qo0_68{background-color:var(--negative-fill-light);color:var(--negative-text)}._negative_81qo0_68:hover:not(:disabled){background-color:var(--negative-fill-light-hovered);color:var(--negative-text)}._negative_81qo0_68:active:not(:disabled){background-color:var(--negative-fill-light-pressed)}._negative_81qo0_68:disabled{background-color:var(--accent-fill-disabled);color:var(--text-disabled)}._link_1m7hb_1{display:inline;text-decoration:underline;text-decoration-thickness:from-font;text-underline-position:from-font;cursor:pointer;background:none;border:none;padding:0;font-size:clamp(1rem,.3756vw + .912rem,1.25rem);line-height:1.5rem;letter-spacing:-.02em;font-family:var(--ui-font-body);font-weight:500;font-feature-settings:"dlig" 1;color:var(--text-link)}._link_1m7hb_1:focus-visible{outline:var(--strokewidth-sm) solid var(--accent-fill-focused)}._link_1m7hb_1:hover{color:var(--text-link-hovered)}._link_1m7hb_1:active{color:var(--text-link-pressed)}._accent_1m7hb_28{color:var(--accent-link)}._accent_1m7hb_28:hover{color:var(--accent-fill-hovered)}._accent_1m7hb_28:active{color:var(--text-link-pressed)}._disabled_1m7hb_38{color:var(--text-invert-hovered);cursor:not-allowed;pointer-events:none}._disabled_1m7hb_38:hover,._disabled_1m7hb_38:active,._disabled_1m7hb_38:focus-visible{color:var(--text-invert-hovered);outline:none}._newTabNote_1m7hb_48{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}._nav_dxkjl_3{min-width:0}._list_dxkjl_7{display:flex;flex-direction:column;gap:clamp(.5rem,.3756vw + .412rem,.75rem);margin:0;padding:0;list-style:none}._item_dxkjl_16{min-width:0}._link_dxkjl_20{font-size:1rem;line-height:1.5rem;letter-spacing:-.01em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;font-family:var(--ui-font-body);font-weight:500;font-feature-settings:"dlig" 1;color:var(--text-base-primary);text-decoration:none;cursor:pointer;overflow-wrap:break-word;transition:color .15s ease}._link_dxkjl_20:hover{-webkit-line-clamp:none;line-clamp:none;color:var(--text-link)}._link_dxkjl_20:focus-visible{-webkit-line-clamp:none;line-clamp:none}._current_dxkjl_48{-webkit-line-clamp:none;line-clamp:none;color:var(--text-link)}@media(hover:none){._link_dxkjl_20{-webkit-line-clamp:none;line-clamp:none}}._nav_1us0j_1{display:flex;flex-direction:column;gap:clamp(1rem,.7512vw + .8239rem,1.5rem);min-width:0}._heading_1us0j_8{font-size:clamp(2rem,.3756vw + 1.912rem,2.25rem);line-height:clamp(2.625rem,.0939vw + 2.603rem,2.6875rem);letter-spacing:-.01em;font-family:var(--ui-font-primary);font-weight:500;font-feature-settings:"ss01" 1,"ss02" 1,"ss04" 1;color:var(--text-base-primary);margin:0}._list_1us0j_19{display:flex;flex-direction:column;gap:clamp(.75rem,.3756vw + .662rem,1rem);margin:0;padding:0;list-style:none}._item_1us0j_28{display:flex;align-items:flex-start;gap:clamp(.25rem,.3756vw + .162rem,.5rem);font-size:clamp(1rem,.3756vw + .912rem,1.25rem);line-height:1.5rem;letter-spacing:-.02em}._item_1us0j_28:before{content:"";position:relative;top:calc((1lh - 8px)/2);flex:none;width:8px;height:8px;border-radius:50%;background:var(--accent-fill)}._item_1us0j_28>*{min-width:0}@keyframes _hero-rise_93692_1{0%{opacity:0;transform:translateY(var(--hero-rise, 50px))}to{opacity:1;transform:none}}._hero_93692_11{container-type:inline-size;background-color:var(--surface-base-secondary)}._layout_93692_16{display:grid;padding:clamp(2.75rem,.7512vw + 2.3239rem,3rem) 0}._content_93692_21{min-width:0}._titleLine_93692_25{display:block}._titleWord_93692_29{animation:_hero-rise_93692_1 .67s cubic-bezier(.16,1,.03,1) both;display:inline-block;animation-delay:calc(.03s + var(--hero-index, 0) * 15ms)}._description_93692_35{font-size:clamp(1rem,.3756vw + .912rem,1.25rem);line-height:clamp(1.5rem,.5634vw + 1.368rem,1.875rem);letter-spacing:-.02em;animation:_hero-rise_93692_1 .67s cubic-bezier(.16,1,.03,1) both;margin:max(clamp(1.5rem,.7512vw + 1.3239rem,2rem),1.75rem) 0 0;font-family:var(--ui-font-body);font-weight:400;font-feature-settings:"dlig" 1;color:var(--text-base-secondary);animation-delay:.03s}._media_93692_48{animation:_hero-rise_93692_1 .67s cubic-bezier(.16,1,.03,1) both;--hero-rise: 100px;order:2;width:100%;margin-top:clamp(1.75rem,1.1268vw + 1.4859rem,2.5rem);animation-delay:.13s}._media_93692_48 :where(img,svg){display:block;max-width:100%;height:auto}@container (min-width: 1089px){._layout_93692_16{display:flow-root}._content_93692_21{max-width:700px}._media_93692_48{float:right;width:auto;max-width:620px;margin-top:0;shape-outside:circle(30%);shape-margin:clamp(1.75rem,1.1268vw + 1.4859rem,2.5rem)}}@media(prefers-reduced-motion:reduce){@keyframes _hero-rise_93692_1{0%{opacity:0}to{opacity:1}}}._field_7z5g3_1{position:relative;display:flex;flex-direction:column;gap:clamp(.25rem,.3756vw + .162rem,.5rem);padding:clamp(.5rem,.3756vw + .412rem,.75rem) clamp(1rem,.3756vw + .912rem,1.25rem);border-radius:var(--borderradius-cardsm);background-color:var(--surface-base-secondary);font-feature-settings:"dlig" 1;cursor:text;transition:padding .2s cubic-bezier(0,0,.2,1),gap .2s cubic-bezier(0,0,.2,1)}._field_7z5g3_1:focus-within{outline:var(--strokewidth-sm) solid var(--accent-fill-focused)}._field_7z5g3_1._error_7z5g3_17{outline:var(--strokewidth-sm) solid var(--negative-fill)}._message_7z5g3_21{font-size:.875rem;line-height:1.25rem;letter-spacing:-.01em;margin:0;padding-inline:clamp(1rem,.3756vw + .912rem,1.25rem);font-family:var(--ui-font-body);font-weight:400;font-feature-settings:"dlig" 1;color:var(--negative-text)}._message_7z5g3_21:not(:empty){margin-top:clamp(.25rem,.3756vw + .162rem,.5rem)}._content_7z5g3_36{display:flex;flex-direction:column;gap:clamp(.125rem,.1878vw + .081rem,.25rem);transition:gap .2s cubic-bezier(0,0,.2,1)}._reveal_7z5g3_43{display:grid;grid-template-rows:1fr;transition:grid-template-rows .2s cubic-bezier(0,0,.2,1)}._reveal_7z5g3_43>*{min-height:0;overflow:clip}._label_7z5g3_53{font-size:.875rem;line-height:1.25rem;letter-spacing:-.01em;font-family:var(--ui-font-primary);font-weight:400;color:var(--text-base-secondary);overflow-wrap:break-word;transition:font-size .2s cubic-bezier(0,0,.2,1),line-height .2s cubic-bezier(0,0,.2,1),letter-spacing .2s cubic-bezier(0,0,.2,1)}._tags_7z5g3_64{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(.25rem,.3756vw + .162rem,.5rem)}._input_7z5g3_71{font-size:clamp(.875rem,.1878vw + .831rem,1rem);line-height:clamp(1.3125rem,.2817vw + 1.2465rem,1.5rem);letter-spacing:-.02em;flex:1 0 auto;margin:0;padding:0;border:0;outline:0;background:transparent;font-family:var(--ui-font-body);font-weight:400;font-feature-settings:inherit;color:var(--text-base-primary);caret-color:var(--negative-fill)}._counter_7z5g3_88{font-size:.75rem;line-height:1.125rem;letter-spacing:-.02em;margin:0;font-family:var(--ui-font-body);font-weight:400;color:var(--text-base-secondary);text-align:right;transition:opacity .2s cubic-bezier(0,0,.2,1),visibility .2s}._field_7z5g3_1:not(:focus-within,._empty_7z5g3_100) ._input_7z5g3_71{position:absolute;width:1px;opacity:0}._empty_7z5g3_100:not(:focus-within){gap:0;padding-block:clamp(1rem,.7512vw + .8239rem,1.5rem)}._empty_7z5g3_100:not(:focus-within) ._content_7z5g3_36{gap:0}._empty_7z5g3_100:not(:focus-within) ._reveal_7z5g3_43{grid-template-rows:0fr}._empty_7z5g3_100:not(:focus-within) ._label_7z5g3_53{font-size:clamp(.875rem,.1878vw + .831rem,1rem);line-height:clamp(1.3125rem,.2817vw + 1.2465rem,1.5rem);letter-spacing:-.02em;font-family:var(--ui-font-body)}._empty_7z5g3_100:not(:focus-within) ._counter_7z5g3_88{visibility:hidden;opacity:0}._disabled_7z5g3_127{cursor:default}._disabled_7z5g3_127 ._label_7z5g3_53,._disabled_7z5g3_127 ._counter_7z5g3_88,._disabled_7z5g3_127 ._chip_7z5g3_132{color:var(--text-disabled)}._chip_7z5g3_132{font-size:clamp(.875rem,.1878vw + .831rem,1rem);line-height:clamp(1.3125rem,.2817vw + 1.2465rem,1.5rem);letter-spacing:-.02em;display:flex;align-items:center;gap:clamp(.25rem,.3756vw + .162rem,.5rem);max-width:100%;padding:clamp(.125rem,.1878vw + .081rem,.25rem) clamp(.75rem,.3756vw + .662rem,1rem);border-radius:var(--borderradius-pill);background-color:var(--surface-base-fill);font-family:var(--ui-font-body);font-weight:400;color:var(--text-base-primary);cursor:default}._chipText_7z5g3_153{min-width:0;overflow-wrap:anywhere}._remove_7z5g3_158{display:flex;flex-shrink:0;margin:0;padding:0;border:0;background:none;color:var(--icon-base-secondary);cursor:pointer}._invalid_7z5g3_169{background-color:var(--negative-fill-light);color:var(--negative-text)}._invalid_7z5g3_169 ._remove_7z5g3_158{color:var(--negative-icon)}@media(prefers-reduced-motion:reduce){._field_7z5g3_1,._content_7z5g3_36,._label_7z5g3_53,._reveal_7z5g3_43{transition:none}}._field_1hc5h_1{display:flex;flex-direction:column;gap:max(clamp(.125rem,.1878vw + .081rem,.25rem),.25rem);padding:max(clamp(.5rem,.3756vw + .412rem,.75rem),.75rem) max(clamp(1rem,.3756vw + .912rem,1.25rem),1.25rem);border-radius:var(--borderradius-cardsm);background-color:var(--surface-base-secondary);font-feature-settings:"dlig" 1;cursor:text;transition:padding .2s cubic-bezier(0,0,.2,1),gap .2s cubic-bezier(0,0,.2,1)}._field_1hc5h_1:focus-within{outline:var(--strokewidth-sm) solid var(--accent-fill-focused)}._label_1hc5h_16{font-size:.875rem;line-height:1.25rem;letter-spacing:-.01em;font-family:var(--ui-font-primary);font-weight:400;color:var(--text-base-secondary);overflow-wrap:break-word;transition:font-size .2s cubic-bezier(0,0,.2,1),line-height .2s cubic-bezier(0,0,.2,1),letter-spacing .2s cubic-bezier(0,0,.2,1)}._reveal_1hc5h_27{display:grid;grid-template-rows:1fr;transition:grid-template-rows .2s cubic-bezier(0,0,.2,1)}._reveal_1hc5h_27>*{min-height:0;overflow:clip}._input_1hc5h_37{font-size:1rem;line-height:1.375rem;letter-spacing:-.01em;box-sizing:border-box;width:100%;margin:0;padding:0;border:0;outline:0;background:transparent;font-family:var(--ui-font-primary);font-weight:400;font-feature-settings:inherit;color:var(--text-base-primary);caret-color:var(--negative-fill)}._empty_1hc5h_55:not(:focus-within){gap:0;padding-block:max(clamp(1rem,.7512vw + .8239rem,1.5rem),1.5rem)}._empty_1hc5h_55:not(:focus-within) ._reveal_1hc5h_27{grid-template-rows:0fr}._empty_1hc5h_55:not(:focus-within) ._label_1hc5h_16{font-size:1rem;line-height:1.375rem;letter-spacing:-.01em}@media(prefers-reduced-motion:reduce){._field_1hc5h_1,._label_1hc5h_16,._reveal_1hc5h_27{transition:none}}
|
|
1
|
+
:root{--font-desktop-heading: TT Hoves Pro;--font-desktop-paragraph: TT Hoves Pro;--font-desktop-buttons: Inter;--font-desktop-body-inter: Inter;--font-desktop-body-tt-hoves: TT Hoves Pro;--font-desktop-caption: Inter;--font-desktop-numbers: TT Hoves Pro;--font-desktop-code: Hack;--h-extra-desktop-font-size: 6rem;--h-extra-desktop-line-height: 6.625rem;--h-extra-desktop-letter-spacing: -.03em;--h1-desktop-letter-spacing: -.02em;--h1-desktop-line-height: 4rem;--h1-desktop-font-size: 4rem;--h2-desktop-font-size: 3.25rem;--h2-desktop-letter-spacing: -.02em;--h2-desktop-line-height: 3.5625rem;--h3-desktop-letter-spacing: -.02em;--h3-desktop-font-size: 2.75rem;--h3-desktop-line-height: 3rem;--h4-desktop-letter-spacing: -.01em;--h4-desktop-font-size: 2.25rem;--h4-desktop-line-height: 2.6875rem;--h5-desktop-letter-spacing: -.01em;--h5-desktop-font-size: 1.875rem;--h5-desktop-line-height: 2.0625rem;--h6-desktop-font-size: 1.75rem;--h6-desktop-letter-spacing: -.01em;--h6-desktop-line-height: 1.9375rem;--h7-desktop-font-size: 1.5rem;--h7-desktop-letter-spacing: -.01em;--h7-desktop-line-height: 1.75rem;--paragraph-desktop-font-size: 1.5rem;--paragraph-desktop-line-height: 2.25rem;--paragraph-desktop-letter-spacing: -.01em;--button-lg-desktop-font-size: 1.25rem;--button-lg-desktop-line-height: 1.5rem;--button-lg-desktop-letter-spacing: -.02em;--button-md-desktop-font-size: 1.0625rem;--button-md-desktop-line-height: 1.5rem;--button-md-desktop-letter-spacing: -.02em;--button-sm-desktop-font-size: .875rem;--button-sm-desktop-line-height: 1.5rem;--button-sm-desktop-letter-spacing: -.01em;--body-lg-tt-hoves-desktop-font-size: 1.125rem;--body-lg-tt-hoves-desktop-line-height: 1.5rem;--body-lg-tt-hoves-desktop-letter-spacing: -.01em;--body-lg-inter-desktop-font-size: 1.25rem;--body-lg-inter-desktop-line-height: 1.875rem;--body-lg-inter-desktop-letter-spacing: -.02em;--body-md-tt-hoves-desktop-letter-spacing: -.01em;--body-md-tt-hoves-desktop-font-size: 1rem;--body-md-tt-hoves-desktop-line-height: 1.375rem;--body-md-inter-desktop-letter-spacing: -.02em;--body-md-inter-desktop-font-size: 1rem;--body-md-inter-desktop-line-height: 1.5rem;--body-sm-desktop-letter-spacing: -.01em;--body-sm-desktop-font-size: .875rem;--body-sm-desktop-line-height: 1.25rem;--caption-lg-desktop-font-size: 1rem;--caption-lg-desktop-letter-spacing: -.01em;--caption-lg-desktop-line-height: 1.5rem;--caption-sm-desktop-font-size: .75rem;--caption-sm-desktop-line-height: 1.125rem;--caption-sm-desktop-letter-spacing: -.02em;--caption-sm-bold-desktop-font-size: .75rem;--caption-sm-bold-desktop-line-height: 1rem;--caption-sm-bold-desktop-letter-spacing: -.01em;--caption-uppercase-desktop-line-height: 1rem;--caption-uppercase-desktop-letter-spacing: .04em;--caption-uppercase-desktop-font-size: .8125rem;--numbers-desktop-line-height: 1.375rem;--numbers-desktop-letter-spacing: .04em;--numbers-desktop-font-size: 1rem;--special-styles-code-desktop-line-height: 1.5625rem;--special-styles-code-desktop-font-size: 1.125rem;--special-styles-code-desktop-letter-spacing: 0;--font-tablet-heading: TT Hoves Pro;--font-tablet-paragraph: TT Hoves Pro;--font-tablet-buttons: Inter;--font-tablet-body-inter: Inter;--font-tablet-body-tt-hoves: TT Hoves Pro;--font-tablet-caption: Inter;--font-tablet-numbers: TT Hoves Pro;--font-tablet-code: Hack;--h-extra-tablet-font-size: 6.875rem;--h-extra-tablet-line-height: 7.5625rem;--h-extra-tablet-letter-spacing: -.03em;--h1-tablet-letter-spacing: -.02em;--h1-tablet-line-height: 4.4rem;--h1-tablet-font-size: 4rem;--h2-tablet-font-size: 3rem;--h2-tablet-letter-spacing: -.02em;--h2-tablet-line-height: 3.3125rem;--h3-tablet-letter-spacing: -.02em;--h3-tablet-font-size: 2.5rem;--h3-tablet-line-height: 2.75rem;--h4-tablet-letter-spacing: -.02em;--h4-tablet-font-size: 2.25rem;--h4-tablet-line-height: 2.6875rem;--h5-tablet-letter-spacing: -.01em;--h5-tablet-font-size: 2rem;--h5-tablet-line-height: 2.1875rem;--h6-tablet-font-size: 1.5rem;--h6-tablet-letter-spacing: -.01em;--h6-tablet-line-height: 1.625rem;--h7-tablet-font-size: 1.375rem;--h7-tablet-letter-spacing: -.01em;--h7-tablet-line-height: 1.625rem;--paragraph-tablet-font-size: 1.375rem;--paragraph-tablet-line-height: 2.0625rem;--paragraph-tablet-letter-spacing: -.01em;--button-lg-tablet-font-size: 1.125rem;--button-lg-tablet-line-height: 1.5rem;--button-lg-tablet-letter-spacing: -.02em;--button-md-tablet-font-size: 1rem;--button-md-tablet-line-height: 1.5rem;--button-md-tablet-letter-spacing: -.02em;--button-sm-tablet-font-size: .875rem;--button-sm-tablet-line-height: 1.5rem;--button-sm-tablet-letter-spacing: -.01em;--body-lg-tt-hoves-tablet-font-size: 1rem;--body-lg-tt-hoves-tablet-line-height: 1.375rem;--body-lg-tt-hoves-tablet-letter-spacing: -.01em;--body-lg-inter-tablet-font-size: 1.125rem;--body-lg-inter-tablet-line-height: 1.6875rem;--body-lg-inter-tablet-letter-spacing: -.02em;--body-md-tt-hoves-tablet-letter-spacing: -.01em;--body-md-tt-hoves-tablet-font-size: 1rem;--body-md-tt-hoves-tablet-line-height: 1.375rem;--body-md-inter-tablet-letter-spacing: -.02em;--body-md-inter-tablet-font-size: 1rem;--body-md-inter-tablet-line-height: 1.5rem;--body-sm-tablet-letter-spacing: -.01em;--body-sm-tablet-font-size: .875rem;--body-sm-tablet-line-height: 1.25rem;--caption-lg-tablet-font-size: 1rem;--caption-lg-tablet-letter-spacing: -.02em;--caption-lg-tablet-line-height: 1.5rem;--caption-sm-tablet-font-size: .75rem;--caption-sm-tablet-line-height: 1.125rem;--caption-sm-tablet-letter-spacing: -.02em;--caption-sm-bold-tablet-font-size: .75rem;--caption-sm-bold-tablet-line-height: 1rem;--caption-sm-bold-tablet-letter-spacing: -.01em;--caption-uppercase-tablet-line-height: 1rem;--caption-uppercase-tablet-letter-spacing: .04em;--caption-uppercase-tablet-font-size: .8125rem;--numbers-tablet-line-height: 1.375rem;--numbers-tablet-letter-spacing: .04em;--numbers-tablet-font-size: 1rem;--special-styles-code-tablet-line-height: 1.5625rem;--special-styles-code-tablet-font-size: 1.125rem;--special-styles-code-tablet-letter-spacing: 0;--font-mobile-heading: TT Hoves Pro;--font-mobile-paragraph: TT Hoves Pro;--font-mobile-buttons: Inter;--font-mobile-body-inter: Inter;--font-mobile-body-tt-hoves: TT Hoves Pro;--font-mobile-caption: Inter;--font-mobile-numbers: TT Hoves Pro;--font-mobile-code: Hack;--h-extra-mobile-font-size: 3.5rem;--h-extra-mobile-line-height: 3.875rem;--h-extra-mobile-letter-spacing: -.02em;--h1-mobile-letter-spacing: -.01em;--h1-mobile-line-height: 2.75rem;--h1-mobile-font-size: 2.75rem;--h2-mobile-font-size: 2.5rem;--h2-mobile-letter-spacing: -.01em;--h2-mobile-line-height: 2.75rem;--h3-mobile-letter-spacing: -.01em;--h3-mobile-font-size: 2.25rem;--h3-mobile-line-height: 2.5rem;--h4-mobile-letter-spacing: -.01em;--h4-mobile-font-size: 2rem;--h4-mobile-line-height: 2.625rem;--h5-mobile-letter-spacing: -.01em;--h5-mobile-font-size: 1.375rem;--h5-mobile-line-height: 1.5rem;--h6-mobile-font-size: 1.25rem;--h6-mobile-letter-spacing: -.01em;--h6-mobile-line-height: 1.375rem;--h7-mobile-font-size: 1.25rem;--h7-mobile-letter-spacing: -.01em;--h7-mobile-line-height: 1.5rem;--paragraph-mobile-font-size: 1.125rem;--paragraph-mobile-line-height: 1.6875rem;--paragraph-mobile-letter-spacing: -.01em;--button-lg-mobile-font-size: 1rem;--button-lg-mobile-line-height: 1.5rem;--button-lg-mobile-letter-spacing: -.01em;--button-md-mobile-font-size: .875rem;--button-md-mobile-line-height: 1.5rem;--button-md-mobile-letter-spacing: -.01em;--button-sm-mobile-font-size: .75rem;--button-sm-mobile-line-height: 1.5rem;--button-sm-mobile-letter-spacing: -.01em;--body-lg-tt-hoves-mobile-font-size: .875rem;--body-lg-tt-hoves-mobile-line-height: 1.1875rem;--body-lg-tt-hoves-mobile-letter-spacing: -.01em;--body-lg-inter-mobile-font-size: 1rem;--body-lg-inter-mobile-line-height: 1.5rem;--body-lg-inter-mobile-letter-spacing: -.01em;--body-md-tt-hoves-mobile-letter-spacing: -.01em;--body-md-tt-hoves-mobile-font-size: 1rem;--body-md-tt-hoves-mobile-line-height: 1.375rem;--body-md-inter-mobile-letter-spacing: -.01em;--body-md-inter-mobile-font-size: .875rem;--body-md-inter-mobile-line-height: 1.3125rem;--body-sm-mobile-letter-spacing: -.01em;--body-sm-mobile-font-size: .875rem;--body-sm-mobile-line-height: 1.25rem;--caption-lg-mobile-font-size: 1rem;--caption-lg-mobile-letter-spacing: -.02em;--caption-lg-mobile-line-height: 1.5rem;--caption-sm-mobile-font-size: .75rem;--caption-sm-mobile-line-height: 1.125rem;--caption-sm-mobile-letter-spacing: -.02em;--caption-sm-bold-mobile-font-size: .75rem;--caption-sm-bold-mobile-line-height: 1rem;--caption-sm-bold-mobile-letter-spacing: -.01em;--caption-uppercase-mobile-line-height: 1rem;--caption-uppercase-mobile-letter-spacing: .04em;--caption-uppercase-mobile-font-size: .75rem;--numbers-mobile-line-height: 1.375rem;--numbers-mobile-letter-spacing: .04em;--numbers-mobile-font-size: 1rem;--special-styles-code-mobile-line-height: 1.375rem;--special-styles-code-mobile-font-size: 1rem;--special-styles-code-mobile-letter-spacing: 0;--surface-invert-fill-disabled: #c7ccd4;--surface-invert-secondary: #262c36;--surface-invert-primary: #151b23;--surface-invert-fill-deep: #6e7580;--surface-base-fill: #e6e9ed;--overlay-fill-dark: #151b23b3;--surface-invert-fill-pressed: #a8b0ba;--overlay-fill-medium: #151b23a3;--surface-base-fill-light: #eff7ff;--surface-base-secondary: #f5f7fa;--surface-base-primary: #ffffff;--surface-cell-disabled: #f5f7fa80;--surface-invert-fill-dark: #a8b0ba;--surface-invert-fill-hovered: #e6e9ed;--overlay-fill: #001d7a66;--surface-invert-dark: #151b23;--surface-invert-fill-medium: #c7ccd4;--surface-invert-fill-light: #e6e9ed;--text-invert-label: #939ba6;--text-link: #0066ff;--info-text: #00546b;--text-invert-secondary: #e6e9ed;--negative-text: #8f1150;--positive-text-dark: #005925;--text-base-label: #002ea3;--text-invert-pressed: #6e7580;--premium-text: #431878;--text-link-pressed: #001d7a;--text-base-secondary-light: #939ba6;--text-invert-primary: #ffffff;--positive-text: #147536;--negative-text-dark: #6b0039;--text-invert-disabled: #49505b;--warning-text: #6b1000;--text-disabled: #001d7a66;--text-link-hovered: #004cda;--text-invert-hovered: #b7bec7;--text-base-secondary: #49505b;--text-link-light: #2d84ff;--text-link-light-hovered: #5aa1ff;--caution-text: #505900;--text-base-primary: #151b23;--border-primary-light: #5aa1ff;--border-primary-active: #001d7a;--border-invert-secondary: #d6dbe0;--border-primary-medium: #2d84ff;--border-primary: #0066ff;--border-invert-primary: #ffffff;--border-primary-hovered: #004cda;--border-base-secondary: #d6dbe0;--border-base-secondary-light: #e6e9ed;--border-base-primary: #151b23;--border-primary-disabled: #002ea31a;--border-base-light: #e2f0ff;--accent-fill-hovered: #004cda;--accent-primary-hovered: #004cda;--accent-fill: #0066ff;--accent-fill-dark: #001d7a;--accent-fill-medium-disabled: #c7ccd4;--accent-fill-pressed: #002ea3;--accent-primary-dark: #001d7a;--accent-fill-medium-hovered: #a8b0ba;--accent-primary: #0066ff;--accent-fill-disabled: #002ea31a;--accent-fill-medium: #b7bec7;--accent-fill-medium-pressed: #939ba6;--accent-link: #0039b5;--accent-fill-focused: #8fc1ff;--accent-fill-light-hovered: #001d7a12;--accent-fill-light: #e2f0ff;--positive-icon: #29954b;--negative-icon-light: #b22265;--negative-icon: #8f1150;--icon-disabled: #001d7a66;--icon-invert: #c7ccd4;--icon-primary-light-hovered: #5aa1ff;--icon-base-secondary: #6e7580;--icon-primary: #383e48;--negative-fill-light-pressed: #ffafc8;--negative-fill: #f55591;--negative-fill-dark: #6b0039;--negative-fill-medium: #ff76a6;--negative-fill-light-hovered: #ffcbdb;--negative-fill-light: #ffe8ef;--warning-fill-dark: #6b1000;--warning-fill-medium: #f89364;--warning-primary: #f5804e;--warning-fill: #ffbc98;--warning-fill-light: #ffebde;--positive-fill-dark: #005925;--positive-fill: #47cc69;--positive-fill-medium: #81eb96;--positive-fill-light: #cffad6;--premium-fill: #9560ff;--premium-fill-medium: #b292fc;--premium-fill-light: #ece5ff;--info-fill: #3dc9d1;--info-fill-medium: #63dfe5;--info-fill-light: #b0f7f7;--caution-fill: #fcf58c;--caution-fill-dark: #e4e40d;--caution-fill-light: #fcf9d7;--disabled-progress-bar-right-gradient: #c7ccd4;--primary-progress-bar-left-gradient: #f55591;--primary-progress-bar-track: #e6e9ed;--disabled-progress-bar-track: #e6e9ed;--primary-progress-bar-right-gradient: #ffbc98;--disabled-progress-bar-left-gradient: #e6e9ed;--borderradius-none: 0;--borderradius-focusedstroke: 4px;--borderradius-muistroke: 4px;--borderradius-pill: 360px;--borderradius-cardsm: 12px;--borderradius-cardlg: 24px;--borderradius-button: 360px;--strokewidth-none: 0;--strokewidth-xs: 1px;--strokewidth-sm: 2px;--strokewidth-md: 4px;--strokewidth-lg: 8px;--insetspacing-5xs: .25rem;--insetspacing-4xs: .5rem;--insetspacing-3xs: .75rem;--insetspacing-2xs: 1rem;--insetspacing-xs: 1.25rem;--insetspacing-s: 1.5rem;--insetspacing-m: 1.75rem;--insetspacing-l: 2rem;--insetspacing-xl: 2.5rem;--insetspacing-2xl: 2.75rem;--insetspacing-3xl: 3rem;--insetspacing-4xl: 3.5rem;--insetspacing-5xl: 4rem;--insetspacing-6xl: 4.5rem;--insetspacing-7xl: 5rem;--insetspacing-8xl: 6rem;--insetspacing-9xl: 7.5rem;--insetspacing-10xl: 10rem;--stackspacing-5xs: .25rem;--stackspacing-4xs: .5rem;--stackspacing-3xs: .75rem;--stackspacing-2xs: 1rem;--stackspacing-xs: 1.25rem;--stackspacing-s: 1.5rem;--stackspacing-m: 1.75rem;--stackspacing-l: 2rem;--stackspacing-xl: 2.5rem;--stackspacing-2xl: 2.75rem;--stackspacing-3xl: 3rem;--stackspacing-4xl: 3.5rem;--stackspacing-5xl: 4rem;--stackspacing-6xl: 4.5rem;--stackspacing-7xl: 5rem;--stackspacing-8xl: 6rem;--stackspacing-9xl: 7.5rem;--stackspacing-10xl: 10rem;--inlinespacing-5xs: .25rem;--inlinespacing-4xs: .5rem;--inlinespacing-3xs: .75rem;--inlinespacing-2xs: 1rem;--inlinespacing-xs: 1.25rem;--inlinespacing-s: 1.5rem;--inlinespacing-m: 1.75rem;--inlinespacing-l: 2rem;--inlinespacing-xl: 2.5rem;--inlinespacing-2xl: 2.75rem;--inlinespacing-3xl: 3rem;--inlinespacing-4xl: 3.5rem;--inlinespacing-5xl: 4rem;--inlinespacing-6xl: 4.5rem;--inlinespacing-7xl: 5rem;--inlinespacing-8xl: 6rem;--inlinespacing-9xl: 7.5rem;--inlinespacing-10xl: 10rem}._h1_1765w_1{font-size:clamp(2.75rem,1.8779vw + 2.3099rem,4rem);line-height:clamp(2.75rem,1.8779vw + 2.3099rem,4rem);letter-spacing:-.02em;font-family:var(--ui-font-primary);font-weight:500;font-feature-settings:"ss01" 1,"ss02" 1,"ss04" 1;margin:0}._h2_1eque_1{font-size:clamp(2.5rem,1.1268vw + 2.2359rem,3.25rem);line-height:clamp(2.75rem,1.2207vw + 2.4639rem,3.5625rem);letter-spacing:-.02em;font-family:var(--ui-font-primary);font-weight:500;font-feature-settings:"ss01" 1,"ss02" 1,"ss04" 1;margin:0}._paragraph_11t85_1{font-size:clamp(1rem,.3756vw + .912rem,1.25rem);line-height:clamp(1.5rem,.5634vw + 1.368rem,1.875rem);letter-spacing:-.02em;font-family:var(--ui-font-body);font-weight:400;font-feature-settings:"dlig" 1;margin:0}._list_1p627_1{display:flex;flex-direction:column;gap:clamp(.75rem,.3756vw + .662rem,1rem);margin:clamp(1rem,.7512vw + .8239rem,1.5rem) 0 0;padding:0;list-style:none}._list_1p627_1 ._list_1p627_1{margin-top:clamp(.75rem,.3756vw + .662rem,1rem);margin-left:calc(clamp(1rem,.7512vw + .8239rem,1.5rem) - (clamp(.25rem,.3756vw + .162rem,.5rem) + 8px))}._item_1p627_14{position:relative;font-size:clamp(1rem,.3756vw + .912rem,1.25rem);line-height:clamp(1.5rem,.5634vw + 1.368rem,1.875rem);letter-spacing:-.02em;font-family:var(--ui-font-body);font-weight:400;font-feature-settings:"dlig" 1}._list_1p627_1 ._item_1p627_14{padding-left:calc(clamp(.25rem,.3756vw + .162rem,.5rem) + 8px)}._list_1p627_1 ._item_1p627_14:before{content:"";position:absolute;top:.4lh;left:0;box-sizing:border-box;width:8px;height:8px;border-radius:50%;background:var(--accent-primary)}._list_1p627_1 ._list_1p627_1 ._item_1p627_14:before{border:var(--strokewidth-xs) solid var(--accent-primary);background:transparent}._list_1p627_1 ._list_1p627_1 ._list_1p627_1 ._item_1p627_14:before{border:0;border-radius:0;background:var(--accent-primary)}._list_1p627_1 ._list_1p627_1 ._list_1p627_1 ._list_1p627_1 ._item_1p627_14:before{border-radius:50%}._button_1391k_1{appearance:none;border:none;background:none;display:inline-block;text-decoration:none;cursor:pointer;border-radius:var(--borderradius-button);padding:1.25rem 2rem;font-size:clamp(1rem,.3756vw + .912rem,1.25rem);line-height:1.5rem;letter-spacing:-.02em;font-family:var(--ui-font-body);font-weight:500;font-feature-settings:"dlig" 1;transition:background-color .15s ease,color .15s ease}._button_1391k_1:focus-visible{outline:var(--strokewidth-sm) solid var(--accent-fill-focused);outline-offset:2px}._button_1391k_1:disabled{cursor:not-allowed}._sm_1391k_26{font-size:clamp(.875rem,.2817vw + .809rem,1.0625rem);line-height:1.5rem;letter-spacing:-.02em;padding:.75rem 1.25rem}._primary_1391k_33{background-color:var(--accent-fill);color:var(--text-invert-primary)}._primary_1391k_33:hover:not(:disabled){background-color:var(--accent-fill-hovered);color:var(--text-invert-primary)}._primary_1391k_33:active:not(:disabled){background-color:var(--accent-fill-dark)}._primary_1391k_33:disabled{background-color:var(--surface-invert-fill-disabled);color:var(--text-invert-primary)}._secondary_1391k_49{background-color:transparent;color:var(--text-base-primary);box-shadow:inset 0 0 0 var(--strokewidth-sm) var(--border-base-primary);transition:box-shadow .15s ease,color .15s ease}._secondary_1391k_49:hover:not(:disabled){box-shadow:inset 0 0 0 var(--strokewidth-sm) var(--accent-primary-hovered);color:var(--text-link-hovered)}._secondary_1391k_49:active:not(:disabled){box-shadow:inset 0 0 0 var(--strokewidth-sm) var(--accent-primary-dark);color:var(--text-link-pressed)}._secondary_1391k_49:disabled{box-shadow:inset 0 0 0 var(--strokewidth-sm) var(--border-base-secondary);color:var(--text-invert-hovered)}._negative_1391k_68{background-color:var(--negative-fill-light);color:var(--negative-text)}._negative_1391k_68:hover:not(:disabled){background-color:var(--negative-fill-light-hovered);color:var(--negative-text)}._negative_1391k_68:active:not(:disabled){background-color:var(--negative-fill-light-pressed)}._negative_1391k_68:disabled{background-color:var(--accent-fill-disabled);color:var(--text-disabled)}._link_1m7hb_1{display:inline;text-decoration:underline;text-decoration-thickness:from-font;text-underline-position:from-font;cursor:pointer;background:none;border:none;padding:0;font-size:clamp(1rem,.3756vw + .912rem,1.25rem);line-height:1.5rem;letter-spacing:-.02em;font-family:var(--ui-font-body);font-weight:500;font-feature-settings:"dlig" 1;color:var(--text-link)}._link_1m7hb_1:focus-visible{outline:var(--strokewidth-sm) solid var(--accent-fill-focused)}._link_1m7hb_1:hover{color:var(--text-link-hovered)}._link_1m7hb_1:active{color:var(--text-link-pressed)}._accent_1m7hb_28{color:var(--accent-link)}._accent_1m7hb_28:hover{color:var(--accent-fill-hovered)}._accent_1m7hb_28:active{color:var(--text-link-pressed)}._disabled_1m7hb_38{color:var(--text-invert-hovered);cursor:not-allowed;pointer-events:none}._disabled_1m7hb_38:hover,._disabled_1m7hb_38:active,._disabled_1m7hb_38:focus-visible{color:var(--text-invert-hovered);outline:none}._newTabNote_1m7hb_48{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}._nav_dxkjl_3{min-width:0}._list_dxkjl_7{display:flex;flex-direction:column;gap:clamp(.5rem,.3756vw + .412rem,.75rem);margin:0;padding:0;list-style:none}._item_dxkjl_16{min-width:0}._link_dxkjl_20{font-size:1rem;line-height:1.5rem;letter-spacing:-.01em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;font-family:var(--ui-font-body);font-weight:500;font-feature-settings:"dlig" 1;color:var(--text-base-primary);text-decoration:none;cursor:pointer;overflow-wrap:break-word;transition:color .15s ease}._link_dxkjl_20:hover{-webkit-line-clamp:none;line-clamp:none;color:var(--text-link)}._link_dxkjl_20:focus-visible{-webkit-line-clamp:none;line-clamp:none}._current_dxkjl_48{-webkit-line-clamp:none;line-clamp:none;color:var(--text-link)}@media(hover:none){._link_dxkjl_20{-webkit-line-clamp:none;line-clamp:none}}._nav_1us0j_1{display:flex;flex-direction:column;gap:clamp(1rem,.7512vw + .8239rem,1.5rem);min-width:0}._heading_1us0j_8{font-size:clamp(2rem,.3756vw + 1.912rem,2.25rem);line-height:clamp(2.625rem,.0939vw + 2.603rem,2.6875rem);letter-spacing:-.01em;font-family:var(--ui-font-primary);font-weight:500;font-feature-settings:"ss01" 1,"ss02" 1,"ss04" 1;color:var(--text-base-primary);margin:0}._list_1us0j_19{display:flex;flex-direction:column;gap:clamp(.75rem,.3756vw + .662rem,1rem);margin:0;padding:0;list-style:none}._item_1us0j_28{display:flex;align-items:flex-start;gap:clamp(.25rem,.3756vw + .162rem,.5rem);font-size:clamp(1rem,.3756vw + .912rem,1.25rem);line-height:1.5rem;letter-spacing:-.02em}._item_1us0j_28:before{content:"";position:relative;top:calc((1lh - 8px)/2);flex:none;width:8px;height:8px;border-radius:50%;background:var(--accent-fill)}._item_1us0j_28>*{min-width:0}@keyframes _hero-rise_93692_1{0%{opacity:0;transform:translateY(var(--hero-rise, 50px))}to{opacity:1;transform:none}}._hero_93692_11{container-type:inline-size;background-color:var(--surface-base-secondary)}._layout_93692_16{display:grid;padding:clamp(2.75rem,.7512vw + 2.3239rem,3rem) 0}._content_93692_21{min-width:0}._titleLine_93692_25{display:block}._titleWord_93692_29{animation:_hero-rise_93692_1 .67s cubic-bezier(.16,1,.03,1) both;display:inline-block;animation-delay:calc(.03s + var(--hero-index, 0) * 15ms)}._description_93692_35{font-size:clamp(1rem,.3756vw + .912rem,1.25rem);line-height:clamp(1.5rem,.5634vw + 1.368rem,1.875rem);letter-spacing:-.02em;animation:_hero-rise_93692_1 .67s cubic-bezier(.16,1,.03,1) both;margin:max(clamp(1.5rem,.7512vw + 1.3239rem,2rem),1.75rem) 0 0;font-family:var(--ui-font-body);font-weight:400;font-feature-settings:"dlig" 1;color:var(--text-base-secondary);animation-delay:.03s}._media_93692_48{animation:_hero-rise_93692_1 .67s cubic-bezier(.16,1,.03,1) both;--hero-rise: 100px;order:2;width:100%;margin-top:clamp(1.75rem,1.1268vw + 1.4859rem,2.5rem);animation-delay:.13s}._media_93692_48 :where(img,svg){display:block;max-width:100%;height:auto}@container (min-width: 1089px){._layout_93692_16{display:flow-root}._content_93692_21{max-width:700px}._media_93692_48{float:right;width:auto;max-width:620px;margin-top:0;shape-outside:circle(30%);shape-margin:clamp(1.75rem,1.1268vw + 1.4859rem,2.5rem)}}@media(prefers-reduced-motion:reduce){@keyframes _hero-rise_93692_1{0%{opacity:0}to{opacity:1}}}._field_14suf_1{position:relative;display:flex;flex-direction:column;gap:.5rem;padding:.75rem 1.25rem;border-radius:var(--borderradius-cardsm);background-color:var(--surface-base-secondary);font-feature-settings:"dlig" 1;cursor:text;transition:padding .2s cubic-bezier(0,0,.2,1),gap .2s cubic-bezier(0,0,.2,1)}._field_14suf_1:focus-within{outline:var(--strokewidth-sm) solid var(--accent-fill-focused)}._field_14suf_1._error_14suf_17{outline:var(--strokewidth-sm) solid var(--negative-fill)}._message_14suf_21{font-size:.875rem;line-height:1.25rem;letter-spacing:-.01em;margin:0;padding-inline:1.25rem;font-family:var(--ui-font-body);font-weight:400;font-feature-settings:"dlig" 1;color:var(--negative-text)}._message_14suf_21:not(:empty){margin-top:.5rem}._content_14suf_36{display:flex;flex-direction:column;gap:.25rem;transition:gap .2s cubic-bezier(0,0,.2,1)}._reveal_14suf_43{display:grid;grid-template-rows:1fr;transition:grid-template-rows .2s cubic-bezier(0,0,.2,1)}._reveal_14suf_43>*{min-height:0;overflow:clip}._label_14suf_53{font-size:.875rem;line-height:1.25rem;letter-spacing:-.01em;font-family:var(--ui-font-primary);font-weight:400;color:var(--text-base-secondary);overflow-wrap:break-word;transition:font-size .2s cubic-bezier(0,0,.2,1),line-height .2s cubic-bezier(0,0,.2,1),letter-spacing .2s cubic-bezier(0,0,.2,1)}._tags_14suf_64{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}._chips_14suf_71{display:contents;margin:0;padding:0;list-style:none}._input_14suf_78{font-size:clamp(.875rem,.1878vw + .831rem,1rem);line-height:clamp(1.3125rem,.2817vw + 1.2465rem,1.5rem);letter-spacing:-.02em;flex:1 0 auto;margin:0;padding:0;border:0;outline:0;background:transparent;font-family:var(--ui-font-body);font-weight:400;font-feature-settings:inherit;color:var(--text-base-primary);caret-color:var(--negative-fill)}._counter_14suf_95{font-size:.75rem;line-height:1.125rem;letter-spacing:-.02em;margin:0;font-family:var(--ui-font-body);font-weight:400;color:var(--text-base-secondary);text-align:right;transition:opacity .2s cubic-bezier(0,0,.2,1),visibility .2s}._field_14suf_1:not(:focus-within,._empty_14suf_107) ._input_14suf_78{position:absolute;width:1px;opacity:0}._empty_14suf_107:not(:focus-within){gap:0;padding-block:1.5rem}._empty_14suf_107:not(:focus-within) ._content_14suf_36{gap:0}._empty_14suf_107:not(:focus-within) ._reveal_14suf_43{grid-template-rows:0fr}._empty_14suf_107:not(:focus-within) ._label_14suf_53{font-size:clamp(.875rem,.1878vw + .831rem,1rem);line-height:clamp(1.3125rem,.2817vw + 1.2465rem,1.5rem);letter-spacing:-.02em;font-family:var(--ui-font-body)}._empty_14suf_107:not(:focus-within) ._counter_14suf_95{visibility:hidden;opacity:0}._disabled_14suf_134{cursor:default}._disabled_14suf_134 ._label_14suf_53,._disabled_14suf_134 ._counter_14suf_95,._disabled_14suf_134 ._chip_14suf_71{color:var(--text-disabled)}._chip_14suf_71{font-size:clamp(.875rem,.1878vw + .831rem,1rem);line-height:clamp(1.3125rem,.2817vw + 1.2465rem,1.5rem);letter-spacing:-.02em;display:flex;align-items:center;gap:.5rem;max-width:100%;padding:.25rem 1rem;border-radius:var(--borderradius-pill);background-color:var(--surface-base-fill);font-family:var(--ui-font-body);font-weight:400;color:var(--text-base-primary);cursor:default}._chipText_14suf_160{min-width:0;overflow-wrap:anywhere}._remove_14suf_165{display:flex;flex-shrink:0;margin:0;padding:0;border:0;background:none;color:var(--icon-base-secondary);cursor:pointer}._invalid_14suf_176{background-color:var(--negative-fill-light);color:var(--negative-text)}._invalid_14suf_176 ._remove_14suf_165{color:var(--negative-icon)}@media(prefers-reduced-motion:reduce){._field_14suf_1,._content_14suf_36,._label_14suf_53,._reveal_14suf_43{transition:none}}._field_otub4_1{display:flex;flex-direction:column;gap:.25rem;padding:.75rem 1.25rem;border-radius:var(--borderradius-cardsm);background-color:var(--surface-base-secondary);font-feature-settings:"dlig" 1;cursor:text;transition:padding .2s cubic-bezier(0,0,.2,1),gap .2s cubic-bezier(0,0,.2,1)}._field_otub4_1:focus-within{outline:var(--strokewidth-sm) solid var(--accent-fill-focused)}._label_otub4_16{font-size:.875rem;line-height:1.25rem;letter-spacing:-.01em;font-family:var(--ui-font-primary);font-weight:400;color:var(--text-base-secondary);overflow-wrap:break-word;transition:font-size .2s cubic-bezier(0,0,.2,1),line-height .2s cubic-bezier(0,0,.2,1),letter-spacing .2s cubic-bezier(0,0,.2,1)}._reveal_otub4_27{display:grid;grid-template-rows:1fr;transition:grid-template-rows .2s cubic-bezier(0,0,.2,1)}._reveal_otub4_27>*{min-height:0;overflow:clip}._input_otub4_37{font-size:1rem;line-height:1.375rem;letter-spacing:-.01em;display:block;box-sizing:border-box;width:100%;margin:0;padding:0;border:0;outline:0;background:transparent;font-family:var(--ui-font-primary);font-weight:400;font-feature-settings:inherit;color:var(--text-base-primary);caret-color:var(--negative-fill)}._empty_otub4_56:not(:focus-within){gap:0;padding-block:1.5rem}._empty_otub4_56:not(:focus-within) ._reveal_otub4_27{grid-template-rows:0fr}._empty_otub4_56:not(:focus-within) ._label_otub4_16{font-size:1rem;line-height:1.375rem;letter-spacing:-.01em}@media(prefers-reduced-motion:reduce){._field_otub4_1,._label_otub4_16,._reveal_otub4_27{transition:none}}
|