@layer components{.icon{--icon-size: 1em;display:inline;stroke:currentColor;stroke-width:2;flex-shrink:0;align-self:center;width:var(--icon-size);height:var(--icon-size);max-width:none}.icon:where([data-size=small]){--icon-size: var(--spacing-2)}.icon:where([data-size=medium]){--icon-size: var(--spacing-4)}.icon:where([data-size=large]){--icon-size: var(--spacing-6)}}@layer components{.marketing-heading{text-align:left;margin-block:2lh}.marketing-heading h1{font:var(--font-hero)}.marketing-heading h2{font:var(--font-heading)}.marketing-heading h3,.marketing-heading h4,.marketing-heading h5,.marketing-heading h6{font:var(--font-subheading);font-weight:var(--semibold)}.marketing-heading p{font:var(--font-subheading);margin-top:.25lh;color:var(--text-color-muted)}.marketing-heading[data-align=center]{text-align:center}.marketing-heading[data-align=center] p{margin-left:auto;margin-right:auto}.marketing-heading[data-align=right]{text-align:right}h1.marketing-heading{font:var(--font-hero-heading)}h2.marketing-heading{font:var(--font-heading)}h3.marketing-heading,h4.marketing-heading,h5.marketing-heading,h6.marketing-heading{font:var(--font-subheading);font-weight:var(--font-semibold)}}@layer components{.react-aria-Button{--button-font-size: var(--font-size);--button-height: var(--spacing-8);--button-padding-block: var(--spacing-2);--button-padding-inline: var(--spacing-3);border:none;border-radius:var(--radius);appearance:none;font-size:var(--button-font-size);font-weight:400;margin:0;height:var(--button-height);padding:var(--button-padding-block) var(--button-padding-inline);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-1);-webkit-tap-highlight-color:transparent}.react-aria-Button[data-size=small]{--button-font-size: var(--font-size-sm);--button-height: var(--spacing-6);--button-padding-block: var(--spacing-2);--button-padding-inline: var(--spacing-2)}.react-aria-Button[data-size=large]{--button-font-size: var(--font-size-lg);font-weight:500;--button-height: var(--spacing-10);--button-padding-block: var(--spacing-3);--button-padding-inline: var(--spacing-4)}.react-aria-Button[data-pressed]{scale:.95}@media(prefers-color-scheme:dark){.react-aria-Button .react-aria-ProgressBar{--highlight-background: var(--gray-1600)}}.react-aria-Button kbd{font:var(--font-size-sm) system-ui;background:var(--highlight-hover);border:.5px solid var(--tint-500);padding:0 var(--spacing-1);border-radius:var(--radius-sm);margin-inline-start:var(--spacing-3)}}
