@smartyweb/ui 2.2.0 → 2.3.0-irina-inline-link.gf612f0e

package/dist/buttons/Link/Link.d.ts

@@ -1,28 +1,27 @@
 import { default as React } from 'react';
 interface SharedProps {
-    /** Figma's OnLightBlue axis — the link sitting on the light-blue surface. */
-    surface?: "default" | "lightBlue";
+    /** Link has two variants, default and accent; hover, pressed, focused and disabled are states. */
+    variant?: "default" | "accent";
     onClick?: React.MouseEventHandler;
     children?: React.ReactNode;
 }
-type AsAnchor = SharedProps & {
-    as?: "a";
+/**
+ * Where the href leads decides what renders: http(s) opens in a new tab, an internal
+ * route goes through the <LinkProvider> router, and anything else — including a file
+ * such as a PDF, which opens in the browser — is a plain <a>.
+ */
+type AsLink = SharedProps & {
     href: string;
-    openInNewTab?: boolean;
+    /** Saves the file instead of opening it: always a plain <a download>, never a new tab. */
+    download?: boolean;
     disabled?: never;
 };
+/** No href — a link-styled <button> for an action. */
 type AsButton = SharedProps & {
-    as: "button";
     href?: never;
-    openInNewTab?: never;
+    download?: never;
     disabled?: boolean;
 };
-type AsCustom = SharedProps & {
-    as: React.ElementType;
-    href: string;
-    openInNewTab?: boolean;
-    disabled?: never;
-};
-export type LinkProps = AsAnchor | AsButton | AsCustom;
-export declare function Link({ as: Tag, surface, href, openInNewTab, disabled, onClick, children, }: LinkProps): import("react/jsx-runtime").JSX.Element;
+export type LinkProps = AsLink | AsButton;
+export declare function Link({ variant, href, download, disabled, onClick, children, }: LinkProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/buttons/Link/LinkProvider.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+export interface LinkProviderProps {
+    /**
+     * Renders every internal route. Gets an anchor's props with `href` always set —
+     * `next/link` fits as is, or pass a wrapper around it to keep app-specific
+     * navigation rules (storefront's build-timestamp check lives in such a wrapper).
+     */
+    component: React.ElementType;
+    children?: React.ReactNode;
+}
+/** Set once near the app root so <Link> can route internal hrefs client-side. */
+export declare function LinkProvider({ component, children }: LinkProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useRouterLink(): React.ElementType<any, keyof React.JSX.IntrinsicElements> | null;

package/dist/buttons/Link/index.d.ts

@@ -1,2 +1,4 @@
 export { Link } from './Link';
 export type { LinkProps } from './Link';
+export { LinkProvider } from './LinkProvider';
+export type { LinkProviderProps } from './LinkProvider';

package/dist/buttons/index.d.ts

@@ -1 +1,2 @@
 export * from './Button';
+export * from './Link';

package/dist/index.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),l=require("react"),E="_h1_1765w_1",W={h1:E};function k({children:e,className:n}){const s=[W.h1,n].filter(Boolean).join(" ");return t.jsx("h1",{className:s,children:e})}const R="_h2_1eque_1",T={h2:R};function U({children:e}){return t.jsx("h2",{className:T.h2,children:e})}const F="_paragraph_11t85_1",P={paragraph:F};function V({children:e}){return t.jsx("p",{className:P.paragraph,children:e})}const z=typeof process<"u"&&process.env.NODE_ENV!=="production",$=new Set;function N(e){$.has(e)||($.add(e),console.warn(`[@smartyweb/ui] ${e}`))}function K(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 S(e,n){for(const s of l.Children.toArray(e)){if(!l.isValidElement(s)){if(typeof s!="string"&&typeof s!="number")continue;const r=String(s).trim();if(r==="")continue;N(`<UnorderedList> received the text ${JSON.stringify(r.slice(0,40))} as a direct child. A <ul> may only contain list items — wrap it in <ListItem>.`);continue}if(s.type===l.Fragment){const{children:r}=s.props;S(r,n);continue}n(s.type)||s.type==="li"||N(`<UnorderedList> received ${K(s.type)} as a direct child. A <ul> may only contain list items — wrap it in <ListItem>.`)}}function G(){N("<ListItem> was rendered outside of an <UnorderedList>. It renders an <li>, which browsers only style correctly inside a list.")}const J="_list_1p627_1",X="_item_1p627_14",C={list:J,item:X},I=l.createContext(!1);function L({children:e}){const n=l.useContext(I);return z&&!n&&G(),t.jsx("li",{className:C.item,children:e})}L.isSmartyListItem=!0;function Z(e){return e===L?!0:typeof e=="function"&&e.isSmartyListItem===!0}function Q({children:e}){return z&&S(e,Z),t.jsx(I,{value:!0,children:t.jsx("ul",{role:"list",className:C.list,children:e})})}const Y="_button_81qo0_1",ee="_sm_81qo0_26",te="_primary_81qo0_33",ne="_secondary_81qo0_49",se="_negative_81qo0_68",v={button:Y,sm:ee,primary:te,secondary:ne,negative:se};function ie({as:e="button",variant:n="primary",size:s="default",href:r,openInNewTab:d,disabled:m,type:a,onClick:c,children:u}){const p=[v.button,v[n],s==="sm"&&v.sm].filter(Boolean).join(" ");return t.jsx(e,{className:p,href:r,target:d?"_blank":void 0,rel:d?"noopener noreferrer":void 0,disabled:m,type:a,onClick:c,children:u})}const re=typeof process<"u"&&process.env.NODE_ENV!=="production",w=new Set;function oe(e){w.has(e)||(w.add(e),console.warn(`[@smartyweb/ui] ${e}`))}function ae(){oe("<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",le="_list_dxkjl_7",de="_item_dxkjl_16",ue="_link_dxkjl_20",_e="_current_dxkjl_48",g={nav:ce,list:le,item:de,link:ue,current:_e},O=l.createContext(null);function me({label:e,current:n,children:s}){return re&&!e?.trim()&&ae(),t.jsx("nav",{className:g.nav,"aria-label":e,children:t.jsx(O,{value:n??null,children:t.jsx("ul",{className:g.list,children:s})})})}function pe({as:e="a",href:n,current:s,openInNewTab:r,onClick:d,children:m}){const a=l.useContext(O),c=s??(a!==null&&a===n),u=[g.link,c&&g.current].filter(Boolean).join(" ");return t.jsx("li",{className:g.item,children:t.jsx(e,{className:u,href:n,target:r?"_blank":void 0,rel:r?"noopener noreferrer":void 0,onClick:d,"aria-current":c?"location":void 0,children:m})})}const fe="_hero_93692_11",he="_layout_93692_16",ge="_content_93692_21",ye="_titleLine_93692_25",xe="_titleWord_93692_29",ve="_description_93692_35",je="_media_93692_48",h={hero:fe,layout:he,content:ge,titleLine:ye,titleWord:xe,description:ve,media:je};function Ne(e){return e.replace(/([- ])/g,n=>`${n===" "?" ":n}|split|`).split("|split|")}const Le=e=>({"--hero-index":e});function be({title:e,description:n,media:s}){const r=Array.isArray(e);let d=0;const m=(r?e:[e]).map(a=>Ne(a).map(c=>({word:c,index:d++})));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(k,{children:m.map((a,c)=>t.jsx("span",{className:r?h.titleLine:void 0,children:a.map(({word:u,index:_})=>t.jsx("span",{className:h.titleWord,style:Le(_),children:u},_))},c))}),t.jsx("p",{className:h.description,children:n})]})]})})}function $e(){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 we="_field_7z5g3_1",ke="_error_7z5g3_17",ze="_message_7z5g3_21",Se="_content_7z5g3_36",Ce="_reveal_7z5g3_43",Ie="_label_7z5g3_53",Oe="_tags_7z5g3_64",Be="_input_7z5g3_71",De="_counter_7z5g3_88",Me="_empty_7z5g3_100",qe="_disabled_7z5g3_127",Ae="_chip_7z5g3_132",He="_chipText_7z5g3_153",Ee="_remove_7z5g3_158",We="_invalid_7z5g3_169",o={field:we,error:ke,message:ze,content:Se,reveal:Ce,label:Ie,tags:Oe,input:Be,counter:De,empty:Me,disabled:qe,chip:Ae,chipText:He,remove:Ee,invalid:We};function Re({children:e,invalid:n,onRemove:s}){return t.jsxs("span",{className:[o.chip,n&&o.invalid].filter(Boolean).join(" "),children:[t.jsx("span",{className:o.chipText,children:e}),s&&t.jsx("button",{type:"button",className:o.remove,"aria-label":`Remove ${e}${n?" (invalid)":""}`,onClick:s,children:t.jsx($e,{})})]})}const j=100;function Te({label:e,value:n,onChange:s,disabled:r=!1,isTagInvalid:d,onInputChange:m,error:a}){const c=l.useId(),u=`${c}-message`,_=l.useRef(null),[p,B]=l.useState(""),D=n.length>=j,M=i=>{B(i),m?.(i)},x=i=>{const f=i.split(/[\s,]+/),b=f.pop()??"",y=f.filter(Boolean).slice(0,Math.max(0,j-n.length));y.length&&s([...n,...y]),M(b)},q=i=>{i.key==="Enter"&&p&&!i.nativeEvent.isComposing?(i.preventDefault(),x(`${p},`)):i.key==="Backspace"&&!p&&n.length&&s(n.slice(0,-1))},A=i=>{r||i.target===_.current||i.target.closest("button")||(i.preventDefault(),_.current?.focus())},H=[o.field,!n.length&&o.empty,r&&o.disabled,a&&o.error].filter(Boolean).join(" ");return t.jsxs("div",{children:[t.jsxs("div",{className:H,onMouseDown:A,children:[t.jsxs("div",{className:o.content,children:[t.jsx("label",{htmlFor:c,className:o.label,children:e}),t.jsx("div",{className:o.reveal,children:t.jsxs("div",{className:o.tags,children:[n.map((i,f)=>t.jsx(Re,{invalid:d?.(i,f)??!1,onRemove:r?void 0:()=>{s(n.filter((b,y)=>y!==f)),f===n.length-1&&_.current?.focus()},children:i},f)),t.jsx("input",{ref:_,id:c,className:o.input,size:1,value:p,disabled:r,readOnly:D,"aria-invalid":a?!0:void 0,"aria-describedby":a?u:void 0,onChange:i=>{x(i.target.value)},onKeyDown:q,onBlur:()=>{x(`${p},`)}})]})})]}),t.jsx("div",{className:o.reveal,children:t.jsxs("p",{className:o.counter,children:[n.length," / ",j]})})]}),t.jsx("p",{id:u,className:o.message,"aria-live":"polite",children:a})]})}exports.Button=ie;exports.H1=k;exports.H2=U;exports.Hero=be;exports.ListItem=L;exports.MultitagField=Te;exports.Paragraph=V;exports.SideNav=me;exports.SideNavLink=pe;exports.UnorderedList=Q;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),_=require("react"),q="_h1_1765w_1",H={h1:q};function z({children:e,className:t}){const s=[H.h1,t].filter(Boolean).join(" ");return n.jsx("h1",{className:s,children:e})}const F="_h2_1eque_1",P={h2:F};function U({children:e}){return n.jsx("h2",{className:P.h2,children:e})}const V="_paragraph_11t85_1",K={paragraph:V};function X({children:e}){return n.jsx("p",{className:K.paragraph,children:e})}const C=typeof process<"u"&&process.env.NODE_ENV!=="production",k=new Set;function L(e){k.has(e)||(k.add(e),console.warn(`[@smartyweb/ui] ${e}`))}function G(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:t}=e;if(typeof t=="string")return`<${t}>`}return"an unknown element"}function S(e,t){for(const s of _.Children.toArray(e)){if(!_.isValidElement(s)){if(typeof s!="string"&&typeof s!="number")continue;const i=String(s).trim();if(i==="")continue;L(`<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===_.Fragment){const{children:i}=s.props;S(i,t);continue}t(s.type)||s.type==="li"||L(`<UnorderedList> received ${G(s.type)} as a direct child. A <ul> may only contain list items — wrap it in <ListItem>.`)}}function J(){L("<ListItem> was rendered outside of an <UnorderedList>. It renders an <li>, which browsers only style correctly inside a list.")}const Z="_list_1p627_1",Q="_item_1p627_14",I={list:Z,item:Q},O=_.createContext(!1);function b({children:e}){const t=_.useContext(O);return C&&!t&&J(),n.jsx("li",{className:I.item,children:e})}b.isSmartyListItem=!0;function Y(e){return e===b?!0:typeof e=="function"&&e.isSmartyListItem===!0}function ee({children:e}){return C&&S(e,Y),n.jsx(O,{value:!0,children:n.jsx("ul",{role:"list",className:I.list,children:e})})}const te="_button_81qo0_1",ne="_sm_81qo0_26",se="_primary_81qo0_33",ie="_secondary_81qo0_49",oe="_negative_81qo0_68",j={button:te,sm:ne,primary:se,secondary:ie,negative:oe};function re({as:e="button",variant:t="primary",size:s="default",href:i,openInNewTab:l,disabled:m,type:r,onClick:c,children:d}){const p=[j.button,j[t],s==="sm"&&j.sm].filter(Boolean).join(" ");return n.jsx(e,{className:p,href:i,target:l?"_blank":void 0,rel:l?"noopener noreferrer":void 0,disabled:m,type:r,onClick:c,children:d})}const ae="_link_1m7hb_1",ce="_accent_1m7hb_28",le="_disabled_1m7hb_38",de="_newTabNote_1m7hb_48",v={link:ae,accent:ce,disabled:le,newTabNote:de},T=_.createContext(null);function ue({component:e,children:t}){return n.jsx(T,{value:e,children:t})}function _e(){return _.useContext(T)}const me=" (opens in new tab)",pe=/\.[a-z][a-z\d]{1,4}$/;function fe(e,t){if(t)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 pe.test(s)?"plain":"router"}function he({variant:e="default",href:t,download:s=!1,disabled:i,onClick:l,children:m}){const r=_e(),d=[v.link,e==="accent"&&v.accent,i&&v.disabled].filter(Boolean).join(" ");if(t===void 0)return n.jsx("button",{type:"button",className:d,disabled:i,onClick:i?void 0:l,"aria-disabled":i,children:m});const u=fe(t,s);if(u==="external")return n.jsxs("a",{className:d,href:t,target:"_blank",rel:"noopener noreferrer",onClick:l,children:[m,n.jsx("span",{className:v.newTabNote,children:me})]});const p=u==="router"&&r?r:"a";return n.jsx(p,{className:d,href:t,download:u==="download"?"":void 0,onClick:l,children:m})}const xe=typeof process<"u"&&process.env.NODE_ENV!=="production",$=new Set;function ge(e){$.has(e)||($.add(e),console.warn(`[@smartyweb/ui] ${e}`))}function ve(){ge("<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 ye="_nav_dxkjl_3",je="_list_dxkjl_7",Ne="_item_dxkjl_16",Le="_link_dxkjl_20",be="_current_dxkjl_48",x={nav:ye,list:je,item:Ne,link:Le,current:be},B=_.createContext(null);function we({label:e,current:t,children:s}){return xe&&!e?.trim()&&ve(),n.jsx("nav",{className:x.nav,"aria-label":e,children:n.jsx(B,{value:t??null,children:n.jsx("ul",{className:x.list,children:s})})})}function ke({as:e="a",href:t,current:s,openInNewTab:i,onClick:l,children:m}){const r=_.useContext(B),c=s??(r!==null&&r===t),d=[x.link,c&&x.current].filter(Boolean).join(" ");return n.jsx("li",{className:x.item,children:n.jsx(e,{className:d,href:t,target:i?"_blank":void 0,rel:i?"noopener noreferrer":void 0,onClick:l,"aria-current":c?"location":void 0,children:m})})}const $e="_hero_93692_11",ze="_layout_93692_16",Ce="_content_93692_21",Se="_titleLine_93692_25",Ie="_titleWord_93692_29",Oe="_description_93692_35",Te="_media_93692_48",h={hero:$e,layout:ze,content:Ce,titleLine:Se,titleWord:Ie,description:Oe,media:Te};function Be(e){return e.replace(/([- ])/g,t=>`${t===" "?" ":t}|split|`).split("|split|")}const Ee=e=>({"--hero-index":e});function De({title:e,description:t,media:s}){const i=Array.isArray(e);let l=0;const m=(i?e:[e]).map(r=>Be(r).map(c=>({word:c,index:l++})));return n.jsx("section",{className:h.hero,children:n.jsxs("div",{className:h.layout,children:[n.jsx("div",{className:h.media,children:s}),n.jsxs("div",{className:h.content,children:[n.jsx(z,{children:m.map((r,c)=>n.jsx("span",{className:i?h.titleLine:void 0,children:r.map(({word:d,index:u})=>n.jsx("span",{className:h.titleWord,style:Ee(u),children:d},u))},c))}),n.jsx("p",{className:h.description,children:t})]})]})})}function Me(){return n.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",children:n.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 Ae="_field_7z5g3_1",Re="_error_7z5g3_17",We="_message_7z5g3_21",qe="_content_7z5g3_36",He="_reveal_7z5g3_43",Fe="_label_7z5g3_53",Pe="_tags_7z5g3_64",Ue="_input_7z5g3_71",Ve="_counter_7z5g3_88",Ke="_empty_7z5g3_100",Xe="_disabled_7z5g3_127",Ge="_chip_7z5g3_132",Je="_chipText_7z5g3_153",Ze="_remove_7z5g3_158",Qe="_invalid_7z5g3_169",a={field:Ae,error:Re,message:We,content:qe,reveal:He,label:Fe,tags:Pe,input:Ue,counter:Ve,empty:Ke,disabled:Xe,chip:Ge,chipText:Je,remove:Ze,invalid:Qe};function Ye({children:e,invalid:t,onRemove:s}){return n.jsxs("span",{className:[a.chip,t&&a.invalid].filter(Boolean).join(" "),children:[n.jsx("span",{className:a.chipText,children:e}),s&&n.jsx("button",{type:"button",className:a.remove,"aria-label":`Remove ${e}${t?" (invalid)":""}`,onClick:s,children:n.jsx(Me,{})})]})}const N=100;function et({label:e,value:t,onChange:s,disabled:i=!1,isTagInvalid:l,onInputChange:m,error:r}){const c=_.useId(),d=`${c}-message`,u=_.useRef(null),[p,E]=_.useState(""),D=t.length>=N,M=o=>{E(o),m?.(o)},y=o=>{const f=o.split(/[\s,]+/),w=f.pop()??"",g=f.filter(Boolean).slice(0,Math.max(0,N-t.length));g.length&&s([...t,...g]),M(w)},A=o=>{o.key==="Enter"&&p&&!o.nativeEvent.isComposing?(o.preventDefault(),y(`${p},`)):o.key==="Backspace"&&!p&&t.length&&s(t.slice(0,-1))},R=o=>{i||o.target===u.current||o.target.closest("button")||(o.preventDefault(),u.current?.focus())},W=[a.field,!t.length&&a.empty,i&&a.disabled,r&&a.error].filter(Boolean).join(" ");return n.jsxs("div",{children:[n.jsxs("div",{className:W,onMouseDown:R,children:[n.jsxs("div",{className:a.content,children:[n.jsx("label",{htmlFor:c,className:a.label,children:e}),n.jsx("div",{className:a.reveal,children:n.jsxs("div",{className:a.tags,children:[t.map((o,f)=>n.jsx(Ye,{invalid:l?.(o,f)??!1,onRemove:i?void 0:()=>{s(t.filter((w,g)=>g!==f)),f===t.length-1&&u.current?.focus()},children:o},f)),n.jsx("input",{ref:u,id:c,className:a.input,size:1,value:p,disabled:i,readOnly:D,"aria-invalid":r?!0:void 0,"aria-describedby":r?d:void 0,onChange:o=>{y(o.target.value)},onKeyDown:A,onBlur:()=>{y(`${p},`)}})]})})]}),n.jsx("div",{className:a.reveal,children:n.jsxs("p",{className:a.counter,children:[t.length," / ",N]})})]}),n.jsx("p",{id:d,className:a.message,"aria-live":"polite",children:r})]})}exports.Button=re;exports.H1=z;exports.H2=U;exports.Hero=De;exports.Link=he;exports.LinkProvider=ue;exports.ListItem=b;exports.MultitagField=et;exports.Paragraph=X;exports.SideNav=we;exports.SideNavLink=ke;exports.UnorderedList=ee;

package/dist/index.js

@@ -1,30 +1,30 @@
 "use client";
-import { jsx as n, jsxs as _ } from "react/jsx-runtime";
-import { Children as H, isValidElement as R, Fragment as T, createContext as k, useContext as z, useId as U, useRef as F, useState as V } from "react";
-const K = "_h1_1765w_1", P = {
-  h1: K
+import { jsx as n, jsxs as m } from "react/jsx-runtime";
+import { Children as F, isValidElement as H, Fragment as U, createContext as $, useContext as k, useId as P, useRef as V, useState as K } from "react";
+const X = "_h1_1765w_1", G = {
+  h1: X
 };
-function G({ children: e, className: t }) {
-  const s = [P.h1, t].filter(Boolean).join(" ");
+function J({ children: e, className: t }) {
+  const s = [G.h1, t].filter(Boolean).join(" ");
   return /* @__PURE__ */ n("h1", { className: s, children: e });
 }
-const J = "_h2_1eque_1", X = {
-  h2: J
+const Z = "_h2_1eque_1", Q = {
+  h2: Z
 };
-function Ve({ children: e }) {
-  return /* @__PURE__ */ n("h2", { className: X.h2, children: e });
+function tt({ children: e }) {
+  return /* @__PURE__ */ n("h2", { className: Q.h2, children: e });
 }
-const Z = "_paragraph_11t85_1", Q = {
-  paragraph: Z
+const Y = "_paragraph_11t85_1", ee = {
+  paragraph: Y
 };
-function Ke({ children: e }) {
-  return /* @__PURE__ */ n("p", { className: Q.paragraph, children: e });
+function nt({ children: e }) {
+  return /* @__PURE__ */ n("p", { className: ee.paragraph, children: e });
 }
-const j = typeof process < "u" && process.env.NODE_ENV !== "production", w = /* @__PURE__ */ new Set();
-function $(e) {
-  w.has(e) || (w.add(e), console.warn(`[@smartyweb/ui] ${e}`));
+const I = typeof process < "u" && process.env.NODE_ENV !== "production", z = /* @__PURE__ */ new Set();
+function w(e) {
+  z.has(e) || (z.add(e), console.warn(`[@smartyweb/ui] ${e}`));
 }
-function Y(e) {
+function te(e) {
   if (typeof e == "string") return `<${e}>`;
   if (typeof e == "function") return `<${e.name || "Component"}>`;
   if (typeof e == "object" && e !== null && "displayName" in e) {
@@ -33,149 +33,220 @@ function Y(e) {
   }
   return "an unknown element";
 }
-function C(e, t) {
-  for (const s of H.toArray(e)) {
-    if (!R(s)) {
+function O(e, t) {
+  for (const s of F.toArray(e)) {
+    if (!H(s)) {
       if (typeof s != "string" && typeof s != "number") continue;
-      const r = String(s).trim();
-      if (r === "") continue;
-      $(
-        `<UnorderedList> received the text ${JSON.stringify(r.slice(0, 40))} as a direct child. A <ul> may only contain list items — wrap it in <ListItem>.`
+      const i = String(s).trim();
+      if (i === "") continue;
+      w(
+        `<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 === T) {
-      const { children: r } = s.props;
-      C(r, t);
+    if (s.type === U) {
+      const { children: i } = s.props;
+      O(i, t);
       continue;
     }
-    t(s.type) || s.type === "li" || $(
-      `<UnorderedList> received ${Y(s.type)} as a direct child. A <ul> may only contain list items — wrap it in <ListItem>.`
+    t(s.type) || s.type === "li" || w(
+      `<UnorderedList> received ${te(s.type)} as a direct child. A <ul> may only contain list items — wrap it in <ListItem>.`
     );
   }
 }
-function ee() {
-  $(
+function ne() {
+  w(
     "<ListItem> was rendered outside of an <UnorderedList>. It renders an <li>, which browsers only style correctly inside a list."
   );
 }
-const te = "_list_1p627_1", ne = "_item_1p627_14", I = {
-  list: te,
-  item: ne
-}, O = k(!1);
-function S({ children: e }) {
-  const t = z(O);
-  return j && !t && ee(), /* @__PURE__ */ n("li", { className: I.item, children: e });
+const se = "_list_1p627_1", ie = "_item_1p627_14", T = {
+  list: se,
+  item: ie
+}, B = $(!1);
+function C({ children: e }) {
+  const t = k(B);
+  return I && !t && ne(), /* @__PURE__ */ n("li", { className: T.item, children: e });
 }
-S.isSmartyListItem = !0;
-function se(e) {
-  return e === S ? !0 : typeof e == "function" && e.isSmartyListItem === !0;
+C.isSmartyListItem = !0;
+function oe(e) {
+  return e === C ? !0 : typeof e == "function" && e.isSmartyListItem === !0;
 }
-function Pe({ children: e }) {
-  return j && C(e, se), /* @__PURE__ */ n(O, { value: !0, children: /* @__PURE__ */ n("ul", { role: "list", className: I.list, children: e }) });
+function st({ children: e }) {
+  return I && O(e, oe), /* @__PURE__ */ n(B, { value: !0, children: /* @__PURE__ */ n("ul", { role: "list", className: T.list, children: e }) });
 }
-const ie = "_button_81qo0_1", re = "_sm_81qo0_26", oe = "_primary_81qo0_33", ae = "_secondary_81qo0_49", ce = "_negative_81qo0_68", N = {
-  button: ie,
-  sm: re,
-  primary: oe,
-  secondary: ae,
-  negative: ce
+const re = "_button_81qo0_1", ae = "_sm_81qo0_26", ce = "_primary_81qo0_33", le = "_secondary_81qo0_49", de = "_negative_81qo0_68", b = {
+  button: re,
+  sm: ae,
+  primary: ce,
+  secondary: le,
+  negative: de
 };
-function Ge({
+function it({
   as: e = "button",
   variant: t = "primary",
   size: s = "default",
-  href: r,
+  href: i,
   openInNewTab: l,
-  disabled: m,
-  type: a,
+  disabled: _,
+  type: r,
   onClick: c,
   children: d
 }) {
-  const p = [N.button, N[t], s === "sm" && N.sm].filter(Boolean).join(" ");
+  const p = [b.button, b[t], s === "sm" && b.sm].filter(Boolean).join(" ");
   return /* @__PURE__ */ n(
     e,
     {
       className: p,
-      href: r,
+      href: i,
       target: l ? "_blank" : void 0,
       rel: l ? "noopener noreferrer" : void 0,
-      disabled: m,
-      type: a,
+      disabled: _,
+      type: r,
       onClick: c,
       children: d
     }
   );
 }
-const le = typeof process < "u" && process.env.NODE_ENV !== "production", x = /* @__PURE__ */ new Set();
-function de(e) {
-  x.has(e) || (x.add(e), console.warn(`[@smartyweb/ui] ${e}`));
+const ue = "_link_1m7hb_1", _e = "_accent_1m7hb_28", me = "_disabled_1m7hb_38", pe = "_newTabNote_1m7hb_48", v = {
+  link: ue,
+  accent: _e,
+  disabled: me,
+  newTabNote: pe
+}, E = $(null);
+function ot({ component: e, children: t }) {
+  return /* @__PURE__ */ n(E, { value: e, children: t });
 }
-function ue() {
-  de(
+function fe() {
+  return k(E);
+}
+const he = " (opens in new tab)", ge = /\.[a-z][a-z\d]{1,4}$/;
+function ye(e, t) {
+  if (t) 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 rt({
+  variant: e = "default",
+  href: t,
+  download: s = !1,
+  disabled: i,
+  onClick: l,
+  children: _
+}) {
+  const r = fe(), d = [v.link, e === "accent" && v.accent, i && v.disabled].filter(Boolean).join(" ");
+  if (t === void 0)
+    return /* @__PURE__ */ n(
+      "button",
+      {
+        type: "button",
+        className: d,
+        disabled: i,
+        onClick: i ? void 0 : l,
+        "aria-disabled": i,
+        children: _
+      }
+    );
+  const u = ye(t, s);
+  return u === "external" ? /* @__PURE__ */ m(
+    "a",
+    {
+      className: d,
+      href: t,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      onClick: l,
+      children: [
+        _,
+        /* @__PURE__ */ n("span", { className: v.newTabNote, children: he })
+      ]
+    }
+  ) : (
+    // The router link comes from context, set once at the app root, so it keeps its
+    // identity across renders — the remount this rule guards against cannot happen.
+    // eslint-disable-next-line react-hooks/static-components
+    /* @__PURE__ */ n(
+      u === "router" && r ? r : "a",
+      {
+        className: d,
+        href: t,
+        download: u === "download" ? "" : void 0,
+        onClick: l,
+        children: _
+      }
+    )
+  );
+}
+const ve = typeof process < "u" && process.env.NODE_ENV !== "production", j = /* @__PURE__ */ new Set();
+function Ne(e) {
+  j.has(e) || (j.add(e), console.warn(`[@smartyweb/ui] ${e}`));
+}
+function be() {
+  Ne(
     "<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 _e = "_nav_dxkjl_3", me = "_list_dxkjl_7", pe = "_item_dxkjl_16", fe = "_link_dxkjl_20", he = "_current_dxkjl_48", y = {
-  nav: _e,
-  list: me,
-  item: pe,
-  link: fe,
-  current: he
-}, B = k(null);
-function Je({ label: e, current: t, children: s }) {
-  return le && !e?.trim() && ue(), /* @__PURE__ */ n("nav", { className: y.nav, "aria-label": e, children: /* @__PURE__ */ n(B, { value: t ?? null, children: /* @__PURE__ */ n("ul", { className: y.list, children: s }) }) });
+const Le = "_nav_dxkjl_3", we = "_list_dxkjl_7", $e = "_item_dxkjl_16", ke = "_link_dxkjl_20", xe = "_current_dxkjl_48", g = {
+  nav: Le,
+  list: we,
+  item: $e,
+  link: ke,
+  current: xe
+}, S = $(null);
+function at({ label: e, current: t, children: s }) {
+  return ve && !e?.trim() && be(), /* @__PURE__ */ n("nav", { className: g.nav, "aria-label": e, children: /* @__PURE__ */ n(S, { value: t ?? null, children: /* @__PURE__ */ n("ul", { className: g.list, children: s }) }) });
 }
-function Xe({
+function ct({
   as: e = "a",
   href: t,
   current: s,
-  openInNewTab: r,
+  openInNewTab: i,
   onClick: l,
-  children: m
+  children: _
 }) {
-  const a = z(B), c = s ?? (a !== null && a === t), d = [y.link, c && y.current].filter(Boolean).join(" ");
-  return /* @__PURE__ */ n("li", { className: y.item, children: /* @__PURE__ */ n(
+  const r = k(S), c = s ?? (r !== null && r === t), d = [g.link, c && g.current].filter(Boolean).join(" ");
+  return /* @__PURE__ */ n("li", { className: g.item, children: /* @__PURE__ */ n(
     e,
     {
       className: d,
       href: t,
-      target: r ? "_blank" : void 0,
-      rel: r ? "noopener noreferrer" : void 0,
+      target: i ? "_blank" : void 0,
+      rel: i ? "noopener noreferrer" : void 0,
       onClick: l,
       "aria-current": c ? "location" : void 0,
-      children: m
+      children: _
     }
   ) });
 }
-const ye = "_hero_93692_11", ge = "_layout_93692_16", ve = "_content_93692_21", Ne = "_titleLine_93692_25", Le = "_titleWord_93692_29", $e = "_description_93692_35", be = "_media_93692_48", h = {
-  hero: ye,
-  layout: ge,
-  content: ve,
-  titleLine: Ne,
-  titleWord: Le,
-  description: $e,
-  media: be
+const ze = "_hero_93692_11", je = "_layout_93692_16", Ie = "_content_93692_21", Oe = "_titleLine_93692_25", Te = "_titleWord_93692_29", Be = "_description_93692_35", Ce = "_media_93692_48", h = {
+  hero: ze,
+  layout: je,
+  content: Ie,
+  titleLine: Oe,
+  titleWord: Te,
+  description: Be,
+  media: Ce
 };
-function we(e) {
+function Ee(e) {
   return e.replace(/([- ])/g, (t) => `${t === " " ? " " : t}|split|`).split("|split|");
 }
-const xe = (e) => ({ "--hero-index": e });
-function Ze({ title: e, description: t, media: s }) {
-  const r = Array.isArray(e);
+const Se = (e) => ({ "--hero-index": e });
+function lt({ title: e, description: t, media: s }) {
+  const i = Array.isArray(e);
   let l = 0;
-  const m = (r ? e : [e]).map(
-    (a) => we(a).map((c) => ({ word: c, index: l++ }))
+  const _ = (i ? e : [e]).map(
+    (r) => Ee(r).map((c) => ({ word: c, index: l++ }))
   );
-  return /* @__PURE__ */ n("section", { className: h.hero, children: /* @__PURE__ */ _("div", { className: h.layout, children: [
+  return /* @__PURE__ */ n("section", { className: h.hero, children: /* @__PURE__ */ m("div", { className: h.layout, children: [
     /* @__PURE__ */ n("div", { className: h.media, children: s }),
-    /* @__PURE__ */ _("div", { className: h.content, children: [
-      /* @__PURE__ */ n(G, { children: m.map((a, c) => /* @__PURE__ */ n("span", { className: r ? h.titleLine : void 0, children: a.map(({ word: d, index: u }) => /* @__PURE__ */ n("span", { className: h.titleWord, style: xe(u), children: d }, u)) }, c)) }),
+    /* @__PURE__ */ m("div", { className: h.content, children: [
+      /* @__PURE__ */ n(J, { children: _.map((r, c) => /* @__PURE__ */ n("span", { className: i ? h.titleLine : void 0, children: r.map(({ word: d, index: u }) => /* @__PURE__ */ n("span", { className: h.titleWord, style: Se(u), children: d }, u)) }, c)) }),
       /* @__PURE__ */ n("p", { className: h.description, children: t })
     ] })
   ] }) });
 }
-function ke() {
+function De() {
   return /* @__PURE__ */ n("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ n(
     "path",
     {
@@ -186,76 +257,76 @@ function ke() {
     }
   ) });
 }
-const ze = "_field_7z5g3_1", je = "_error_7z5g3_17", Ce = "_message_7z5g3_21", Ie = "_content_7z5g3_36", Oe = "_reveal_7z5g3_43", Se = "_label_7z5g3_53", Be = "_tags_7z5g3_64", De = "_input_7z5g3_71", Ae = "_counter_7z5g3_88", Me = "_empty_7z5g3_100", Ee = "_disabled_7z5g3_127", We = "_chip_7z5g3_132", qe = "_chipText_7z5g3_153", He = "_remove_7z5g3_158", Re = "_invalid_7z5g3_169", o = {
-  field: ze,
-  error: je,
-  message: Ce,
-  content: Ie,
-  reveal: Oe,
-  label: Se,
-  tags: Be,
-  input: De,
-  counter: Ae,
-  empty: Me,
-  disabled: Ee,
-  chip: We,
-  chipText: qe,
-  remove: He,
-  invalid: Re
+const Ae = "_field_7z5g3_1", We = "_error_7z5g3_17", Me = "_message_7z5g3_21", Re = "_content_7z5g3_36", qe = "_reveal_7z5g3_43", Fe = "_label_7z5g3_53", He = "_tags_7z5g3_64", Ue = "_input_7z5g3_71", Pe = "_counter_7z5g3_88", Ve = "_empty_7z5g3_100", Ke = "_disabled_7z5g3_127", Xe = "_chip_7z5g3_132", Ge = "_chipText_7z5g3_153", Je = "_remove_7z5g3_158", Ze = "_invalid_7z5g3_169", a = {
+  field: Ae,
+  error: We,
+  message: Me,
+  content: Re,
+  reveal: qe,
+  label: Fe,
+  tags: He,
+  input: Ue,
+  counter: Pe,
+  empty: Ve,
+  disabled: Ke,
+  chip: Xe,
+  chipText: Ge,
+  remove: Je,
+  invalid: Ze
 };
-function Te({ children: e, invalid: t, onRemove: s }) {
-  return /* @__PURE__ */ _("span", { className: [o.chip, t && o.invalid].filter(Boolean).join(" "), children: [
-    /* @__PURE__ */ n("span", { className: o.chipText, children: e }),
+function Qe({ children: e, invalid: t, onRemove: s }) {
+  return /* @__PURE__ */ m("span", { className: [a.chip, t && a.invalid].filter(Boolean).join(" "), children: [
+    /* @__PURE__ */ n("span", { className: a.chipText, children: e }),
     s && /* @__PURE__ */ n(
       "button",
       {
         type: "button",
-        className: o.remove,
+        className: a.remove,
         "aria-label": `Remove ${e}${t ? " (invalid)" : ""}`,
         onClick: s,
-        children: /* @__PURE__ */ n(ke, {})
+        children: /* @__PURE__ */ n(De, {})
       }
     )
   ] });
 }
 const L = 100;
-function Qe({
+function dt({
   label: e,
   value: t,
   onChange: s,
-  disabled: r = !1,
+  disabled: i = !1,
   isTagInvalid: l,
-  onInputChange: m,
-  error: a
+  onInputChange: _,
+  error: r
 }) {
-  const c = U(), d = `${c}-message`, u = F(null), [p, D] = V(""), A = t.length >= L, M = (i) => {
-    D(i), m?.(i);
-  }, v = (i) => {
-    const f = i.split(/[\s,]+/), b = f.pop() ?? "", g = f.filter(Boolean).slice(0, Math.max(0, L - t.length));
-    g.length && s([...t, ...g]), M(b);
-  }, E = (i) => {
-    i.key === "Enter" && p && !i.nativeEvent.isComposing ? (i.preventDefault(), v(`${p},`)) : i.key === "Backspace" && !p && t.length && s(t.slice(0, -1));
-  }, W = (i) => {
-    r || i.target === u.current || i.target.closest("button") || (i.preventDefault(), u.current?.focus());
+  const c = P(), d = `${c}-message`, u = V(null), [p, D] = K(""), A = t.length >= L, W = (o) => {
+    D(o), _?.(o);
+  }, N = (o) => {
+    const f = o.split(/[\s,]+/), x = f.pop() ?? "", y = f.filter(Boolean).slice(0, Math.max(0, L - t.length));
+    y.length && s([...t, ...y]), W(x);
+  }, M = (o) => {
+    o.key === "Enter" && p && !o.nativeEvent.isComposing ? (o.preventDefault(), N(`${p},`)) : o.key === "Backspace" && !p && t.length && s(t.slice(0, -1));
+  }, R = (o) => {
+    i || o.target === u.current || o.target.closest("button") || (o.preventDefault(), u.current?.focus());
   }, q = [
-    o.field,
-    !t.length && o.empty,
-    r && o.disabled,
-    a && o.error
+    a.field,
+    !t.length && a.empty,
+    i && a.disabled,
+    r && a.error
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ _("div", { children: [
-    /* @__PURE__ */ _("div", { className: q, onMouseDown: W, children: [
-      /* @__PURE__ */ _("div", { className: o.content, children: [
-        /* @__PURE__ */ n("label", { htmlFor: c, className: o.label, children: e }),
-        /* @__PURE__ */ n("div", { className: o.reveal, children: /* @__PURE__ */ _("div", { className: o.tags, children: [
-          t.map((i, f) => /* @__PURE__ */ n(
-            Te,
+  return /* @__PURE__ */ m("div", { children: [
+    /* @__PURE__ */ m("div", { className: q, onMouseDown: R, children: [
+      /* @__PURE__ */ m("div", { className: a.content, children: [
+        /* @__PURE__ */ n("label", { htmlFor: c, className: a.label, children: e }),
+        /* @__PURE__ */ n("div", { className: a.reveal, children: /* @__PURE__ */ m("div", { className: a.tags, children: [
+          t.map((o, f) => /* @__PURE__ */ n(
+            Qe,
             {
-              invalid: l?.(i, f) ?? !1,
-              onRemove: r ? void 0 : () => {
-                s(t.filter((b, g) => g !== f)), f === t.length - 1 && u.current?.focus();
+              invalid: l?.(o, f) ?? !1,
+              onRemove: i ? void 0 : () => {
+                s(t.filter((x, y) => y !== f)), f === t.length - 1 && u.current?.focus();
               },
-              children: i
+              children: o
             },
             f
           )),
@@ -264,42 +335,44 @@ function Qe({
             {
               ref: u,
               id: c,
-              className: o.input,
+              className: a.input,
               size: 1,
               value: p,
-              disabled: r,
+              disabled: i,
               readOnly: A,
-              "aria-invalid": a ? !0 : void 0,
-              "aria-describedby": a ? d : void 0,
-              onChange: (i) => {
-                v(i.target.value);
+              "aria-invalid": r ? !0 : void 0,
+              "aria-describedby": r ? d : void 0,
+              onChange: (o) => {
+                N(o.target.value);
               },
-              onKeyDown: E,
+              onKeyDown: M,
               onBlur: () => {
-                v(`${p},`);
+                N(`${p},`);
               }
             }
           )
         ] }) })
       ] }),
-      /* @__PURE__ */ n("div", { className: o.reveal, children: /* @__PURE__ */ _("p", { className: o.counter, children: [
+      /* @__PURE__ */ n("div", { className: a.reveal, children: /* @__PURE__ */ m("p", { className: a.counter, children: [
         t.length,
         " / ",
         L
       ] }) })
     ] }),
-    /* @__PURE__ */ n("p", { id: d, className: o.message, "aria-live": "polite", children: a })
+    /* @__PURE__ */ n("p", { id: d, className: a.message, "aria-live": "polite", children: r })
   ] });
 }
 export {
-  Ge as Button,
-  G as H1,
-  Ve as H2,
-  Ze as Hero,
-  S as ListItem,
-  Qe as MultitagField,
-  Ke as Paragraph,
-  Je as SideNav,
-  Xe as SideNavLink,
-  Pe as UnorderedList
+  it as Button,
+  J as H1,
+  tt as H2,
+  lt as Hero,
+  rt as Link,
+  ot as LinkProvider,
+  C as ListItem,
+  dt as MultitagField,
+  nt as Paragraph,
+  at as SideNav,
+  ct as SideNavLink,
+  st as UnorderedList
 };

package/dist/ui.css

@@ -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)}._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}}@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}}
+: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}}@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}}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@smartyweb/ui",
-	"version": "2.2.0",
+	"version": "2.3.0-irina-inline-link.gf612f0e",
 	"type": "module",
 	"main": "dist/index.cjs",
 	"module": "dist/index.js",