lism-css 0.9.2 → 0.9.4

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.
Files changed (110) hide show
  1. package/dist/components/Box/Box.stories.d.ts +7 -0
  2. package/dist/components/Center/Center.stories.d.ts +8 -0
  3. package/dist/components/Cluster/Cluster.stories.d.ts +7 -0
  4. package/dist/components/Columns/Columns.stories.d.ts +8 -0
  5. package/dist/components/Container/Container.stories.d.ts +8 -0
  6. package/dist/components/Dummy/getContent.d.ts +1 -2
  7. package/dist/components/Dummy/getContent.js +6 -7
  8. package/dist/components/Flex/Flex.stories.d.ts +9 -0
  9. package/dist/components/Flow/Flow.stories.d.ts +9 -0
  10. package/dist/components/FluidCols/FluidCols.stories.d.ts +7 -0
  11. package/dist/components/Frame/Frame.stories.d.ts +7 -0
  12. package/dist/components/Grid/Grid.stories.d.ts +8 -0
  13. package/dist/components/Layer/Layer.stories.d.ts +8 -0
  14. package/dist/components/LinkBox/LinkBox.stories.d.ts +7 -0
  15. package/dist/components/Lism/Lism.d.ts +7 -4
  16. package/dist/components/Lism/Lism.stories.d.ts +1 -650
  17. package/dist/components/SideMain/SideMain.stories.d.ts +9 -0
  18. package/dist/components/Stack/Stack.stories.d.ts +8 -0
  19. package/dist/components/SwitchCols/SwitchCols.stories.d.ts +9 -0
  20. package/dist/components/Wrapper/Wrapper.stories.d.ts +10 -0
  21. package/dist/components/atomic/Decorator/Decorator.stories.d.ts +10 -0
  22. package/dist/components/atomic/Decorator/getProps.d.ts +5 -6
  23. package/dist/components/atomic/Divider/Divider.stories.d.ts +8 -0
  24. package/dist/components/atomic/Divider/getProps.d.ts +2 -2
  25. package/dist/components/atomic/Icon/Icon.d.ts +6 -2
  26. package/dist/components/atomic/Icon/Icon.stories.d.ts +15 -0
  27. package/dist/components/atomic/Icon/getProps.d.ts +11 -7
  28. package/dist/components/atomic/Icon/index.d.ts +1 -0
  29. package/dist/components/atomic/Media/Media.d.ts +6 -2
  30. package/dist/components/atomic/Media/Media.stories.d.ts +9 -0
  31. package/dist/components/atomic/Media/getProps.d.ts +6 -6
  32. package/dist/components/atomic/Spacer/Spacer.stories.d.ts +9 -0
  33. package/dist/components/atomic/Spacer/getProps.d.ts +2 -2
  34. package/dist/components/setMaybeTransformStyles.d.ts +2 -2
  35. package/dist/css/base.css +1 -1
  36. package/dist/css/main.css +1 -1
  37. package/dist/css/main_no_layer.css +1 -1
  38. package/dist/lib/getLayoutProps.d.ts +4 -3
  39. package/dist/lib/getLismProps.d.ts +10 -9
  40. package/dist/lib/getLismProps.js +69 -73
  41. package/dist/lib/getMaybeTokenValue.d.ts +2 -2
  42. package/dist/lib/types/LayoutProps.d.ts +26 -26
  43. package/dist/lib/types/ResponsiveProps.d.ts +1 -1
  44. package/dist/lib/types.d.ts +2 -2
  45. package/package.json +16 -10
  46. package/packages/astro/Box/Box.astro +2 -3
  47. package/packages/astro/Center/Center.astro +3 -0
  48. package/packages/astro/Cluster/Cluster.astro +3 -0
  49. package/packages/astro/Columns/Columns.astro +3 -0
  50. package/packages/astro/Container/Container.astro +4 -2
  51. package/packages/astro/Decorator/Decorator.astro +3 -4
  52. package/packages/astro/Divider/Divider.astro +3 -4
  53. package/packages/astro/Dummy/Dummy.astro +8 -4
  54. package/packages/astro/Flex/Flex.astro +3 -0
  55. package/packages/astro/Flow/Flow.astro +3 -0
  56. package/packages/astro/FluidCols/FluidCols.astro +3 -0
  57. package/packages/astro/Frame/Frame.astro +3 -0
  58. package/packages/astro/Grid/Grid.astro +3 -0
  59. package/packages/astro/HTML/a.astro +5 -1
  60. package/packages/astro/HTML/button.astro +5 -1
  61. package/packages/astro/HTML/div.astro +5 -1
  62. package/packages/astro/HTML/h.astro +6 -0
  63. package/packages/astro/HTML/img.astro +5 -1
  64. package/packages/astro/HTML/li.astro +5 -1
  65. package/packages/astro/HTML/ol.astro +5 -1
  66. package/packages/astro/HTML/p.astro +5 -1
  67. package/packages/astro/HTML/span.astro +5 -1
  68. package/packages/astro/HTML/ul.astro +5 -1
  69. package/packages/astro/Icon/Icon.astro +7 -12
  70. package/packages/astro/Layer/Layer.astro +4 -1
  71. package/packages/astro/LinkBox/LinkBox.astro +4 -3
  72. package/packages/astro/Lism/Lism.astro +4 -5
  73. package/packages/astro/Media/Media.astro +7 -3
  74. package/packages/astro/SideMain/SideMain.astro +3 -0
  75. package/packages/astro/Spacer/Spacer.astro +3 -4
  76. package/packages/astro/Stack/Stack.astro +3 -0
  77. package/packages/astro/SwitchCols/SwitchCols.astro +3 -0
  78. package/packages/astro/Wrapper/Wrapper.astro +5 -0
  79. package/packages/astro/env.d.ts +10 -0
  80. package/packages/astro/tsconfig.json +12 -0
  81. package/packages/astro/types.ts +51 -0
  82. package/src/scss/base/tokens/_shadow.scss +1 -0
  83. package/packages/astro/OverlayLink/OverlayLink.astro +0 -10
  84. package/packages/astro/OverlayLink/index.js +0 -1
  85. package/packages/astro/helper.js +0 -6
  86. /package/packages/astro/Box/{index.js → index.ts} +0 -0
  87. /package/packages/astro/Center/{index.js → index.ts} +0 -0
  88. /package/packages/astro/Cluster/{index.js → index.ts} +0 -0
  89. /package/packages/astro/Columns/{index.js → index.ts} +0 -0
  90. /package/packages/astro/Container/{index.js → index.ts} +0 -0
  91. /package/packages/astro/Decorator/{index.js → index.ts} +0 -0
  92. /package/packages/astro/Divider/{index.js → index.ts} +0 -0
  93. /package/packages/astro/Dummy/{index.js → index.ts} +0 -0
  94. /package/packages/astro/Flex/{index.js → index.ts} +0 -0
  95. /package/packages/astro/Flow/{index.js → index.ts} +0 -0
  96. /package/packages/astro/FluidCols/{index.js → index.ts} +0 -0
  97. /package/packages/astro/Frame/{index.js → index.ts} +0 -0
  98. /package/packages/astro/Grid/{index.js → index.ts} +0 -0
  99. /package/packages/astro/HTML/{index.js → index.ts} +0 -0
  100. /package/packages/astro/Icon/{index.js → index.ts} +0 -0
  101. /package/packages/astro/Layer/{index.js → index.ts} +0 -0
  102. /package/packages/astro/LinkBox/{index.js → index.ts} +0 -0
  103. /package/packages/astro/Lism/{index.js → index.ts} +0 -0
  104. /package/packages/astro/Media/{index.js → index.ts} +0 -0
  105. /package/packages/astro/SideMain/{index.js → index.ts} +0 -0
  106. /package/packages/astro/Spacer/{index.js → index.ts} +0 -0
  107. /package/packages/astro/Stack/{index.js → index.ts} +0 -0
  108. /package/packages/astro/SwitchCols/{index.js → index.ts} +0 -0
  109. /package/packages/astro/Wrapper/{index.js → index.ts} +0 -0
  110. /package/packages/astro/{index.js → index.ts} +0 -0
@@ -1,11 +1,10 @@
1
1
  import { FilterProps } from '../../getFilterProps';
2
2
  import { TransformStyleProps } from '../../setMaybeTransformStyles';
3
- import { LismComponentProps } from '../../Lism/Lism';
4
- type DecoratorOwnProps = {
3
+ import { LismProps } from '../../../lib/getLismProps';
4
+ export interface DecoratorOwnProps {
5
5
  size?: string;
6
6
  clipPath?: string;
7
7
  boxSizing?: string;
8
- };
9
- export type DecoratorProps = LismComponentProps & TransformStyleProps & FilterProps & DecoratorOwnProps;
10
- export default function getDecoratorProps({ lismClass, size, clipPath, boxSizing, style: outerStyle, ...rest }: DecoratorProps): LismComponentProps;
11
- export {};
8
+ }
9
+ export type DecoratorProps = LismProps & TransformStyleProps & FilterProps & DecoratorOwnProps;
10
+ export default function getDecoratorProps({ lismClass, size, clipPath, boxSizing, style: outerStyle, ...rest }: DecoratorProps): LismProps;
@@ -0,0 +1,8 @@
1
+ import { Meta, StoryObj } from '@storybook/react-vite';
2
+ import { Divider } from './index';
3
+ declare const meta: Meta<typeof Divider>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof Divider>;
6
+ export declare const Default: Story;
7
+ export declare const WithCustomStyle: Story;
8
+ export declare const Vertical: Story;
@@ -1,2 +1,2 @@
1
- import { LismComponentProps } from '../../Lism/Lism';
2
- export declare function getDividerProps({ lismClass, ...props }: LismComponentProps): LismComponentProps;
1
+ import { LismProps } from '../../../lib/getLismProps';
2
+ export declare function getDividerProps({ lismClass, ...props }: LismProps): LismProps;
@@ -1,5 +1,9 @@
1
+ import { LismComponentProps } from '../../Lism/Lism';
1
2
  import { IconProps } from './getProps';
2
- import { ReactNode } from 'react';
3
- export default function Icon({ children, ...props }: IconProps & {
3
+ import { ElementType, ReactNode, SVGAttributes, ImgHTMLAttributes } from 'react';
4
+ type IconElementProps = SVGAttributes<SVGSVGElement> & ImgHTMLAttributes<HTMLImageElement>;
5
+ type IconComponentProps<T extends ElementType = 'svg'> = LismComponentProps<T> & IconProps & IconElementProps;
6
+ export default function Icon<T extends ElementType = 'svg'>({ children, ...props }: IconComponentProps<T> & {
4
7
  children?: ReactNode;
5
8
  }): import("react").JSX.Element;
9
+ export {};
@@ -0,0 +1,15 @@
1
+ import { Meta, StoryObj } from '@storybook/react-vite';
2
+ import { Icon } from './index';
3
+ declare const meta: Meta;
4
+ export default meta;
5
+ type Story = StoryObj<typeof Icon>;
6
+ export declare const Default: Story;
7
+ export declare const WithLabel: Story;
8
+ export declare const LogoIcon: Story;
9
+ export declare const CheckCircle: Story;
10
+ export declare const WarningIcon: Story;
11
+ export declare const WithViewBox: Story;
12
+ export declare const ExternalComponent: Story;
13
+ export declare const ExternalComponentWithExProps: Story;
14
+ export declare const WithSize: Story;
15
+ export declare const IconObject: Story;
@@ -1,17 +1,21 @@
1
- import { LismComponentProps } from '../../Lism/Lism';
1
+ import { default as presets } from './presets';
2
+ import { LismProps } from '../../../lib/getLismProps';
2
3
  import { TransformStyleProps } from '../../setMaybeTransformStyles';
3
4
  import { ElementType } from 'react';
4
- type IconObject = {
5
+ export type PresetIconName = keyof typeof presets;
6
+ interface IconObject {
5
7
  as: ElementType;
6
8
  [key: string]: unknown;
7
- };
8
- type IconProp = ElementType | IconObject;
9
- type IconOwnProps = {
9
+ }
10
+ type IconProp = PresetIconName | ElementType | IconObject;
11
+ export interface IconOwnProps {
12
+ as?: ElementType;
10
13
  icon?: IconProp;
11
14
  label?: string;
15
+ size?: string;
12
16
  exProps?: Record<string, unknown>;
13
- };
14
- export type IconProps = LismComponentProps & TransformStyleProps & IconOwnProps;
17
+ }
18
+ export type IconProps = LismProps & TransformStyleProps & IconOwnProps;
15
19
  export default function getProps({ lismClass, as, icon, label, exProps, ..._props }: IconProps): {
16
20
  Component: ElementType | "_SVG_";
17
21
  lismProps: {
@@ -1 +1,2 @@
1
1
  export { default as Icon } from './Icon';
2
+ export type { PresetIconName } from './getProps';
@@ -1,2 +1,6 @@
1
- import { MediaProps } from './getProps';
2
- export default function Media(props: MediaProps): import("react").JSX.Element;
1
+ import { ElementType } from 'react';
2
+ import { LismComponentProps } from '../../Lism';
3
+ import { MediaOwnProps } from './getProps';
4
+ type MediaComponentProps<T extends ElementType = 'img'> = LismComponentProps<T> & MediaOwnProps;
5
+ export default function Media<T extends ElementType = 'img'>(props: MediaComponentProps<T>): import("react").JSX.Element;
6
+ export {};
@@ -0,0 +1,9 @@
1
+ import { Meta, StoryObj } from '@storybook/react-vite';
2
+ import { Media } from './index';
3
+ declare const meta: Meta;
4
+ export default meta;
5
+ type Story = StoryObj<typeof Media>;
6
+ export declare const Default: Story;
7
+ export declare const WithObjectFitCover: Story;
8
+ export declare const WithObjectFitContain: Story;
9
+ export declare const WithObjectPosition: Story;
@@ -1,9 +1,9 @@
1
- import { LismComponentProps } from '../../Lism/Lism';
1
+ import { LismProps } from '../../../lib/getLismProps';
2
2
  import { CSSProperties } from 'react';
3
- type MediaOwnProps = {
3
+ export interface MediaOwnProps {
4
4
  objectPosition?: CSSProperties['objectPosition'];
5
5
  objectFit?: CSSProperties['objectFit'];
6
- };
7
- export type MediaProps = LismComponentProps & MediaOwnProps;
8
- export default function getMediaProps({ objectPosition, objectFit, lismClass, style, ...rest }: MediaProps): LismComponentProps;
9
- export {};
6
+ }
7
+ export interface MediaProps extends LismProps, MediaOwnProps {
8
+ }
9
+ export default function getMediaProps({ objectPosition, objectFit, lismClass, style, ...rest }: MediaProps): LismProps;
@@ -0,0 +1,9 @@
1
+ import { Meta, StoryObj } from '@storybook/react-vite';
2
+ import { Spacer } from './index';
3
+ declare const meta: Meta<typeof Spacer>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof Spacer>;
6
+ export declare const Default: Story;
7
+ export declare const Large: Story;
8
+ export declare const Responsive: Story;
9
+ export declare const Horizontal: Story;
@@ -1,2 +1,2 @@
1
- import { LismComponentProps } from '../../Lism/Lism';
2
- export default function getSpacerProps({ lismClass, ...props }: LismComponentProps): LismComponentProps;
1
+ import { LismProps } from '../../../lib/getLismProps';
2
+ export default function getSpacerProps({ lismClass, ...props }: LismProps): LismProps;
@@ -1,10 +1,10 @@
1
1
  import { StyleWithCustomProps } from '../lib/types';
2
- export type TransformStyleProps = {
2
+ export interface TransformStyleProps {
3
3
  translate?: string;
4
4
  rotate?: string;
5
5
  scale?: string;
6
6
  transform?: string;
7
- };
7
+ }
8
8
  type TransformKeys = keyof TransformStyleProps;
9
9
  export default function setMaybeTransformStyles<P extends object>(props: P): Omit<P, TransformKeys> & {
10
10
  style: StyleWithCustomProps;
package/dist/css/base.css CHANGED
@@ -1 +1 @@
1
- @property --sz--container{syntax:"<length-percentage>";initial-value:100cqi;inherits:true}:root{--sz--xl:1600px;--sz--l:1280px;--sz--m:56rem;--sz--s:42rem;--sz--xs:32rem;--sz--min:18rem;--black:#000;--white:#fff;--L:60%;--C:0.22;--red:oklch(var(--L) var(--C) 20);--orange:oklch(calc(var(--L) + 4%) calc(var(--C) - 0.01) 52);--yellow:oklch(calc(var(--L) + 12%) calc(var(--C) - 0.025) 84);--green:oklch(calc(var(--L) + 4%) calc(var(--C) - 0.02) 152);--blue:oklch(calc(var(--L) - 2%) calc(var(--C) + 0.01) 260);--purple:oklch(calc(var(--L) - 4%) calc(var(--C) + 0.02) 292);--pink:oklch(calc(var(--L) + 2%) calc(var(--C) + 0.02) 348);--gray:oklch(calc(var(--L) - 4%) 0.04 256);--brand:#1e5f8c;--accent:#d94a6a;--base:#fcfcfd;--base-2:#f1f2f3;--text:#141415;--text-2:#4d4f56;--link:oklch(50% 0.3 240);--divider:#dedfe3;--o--n10:0.75;--o--n20:0.5;--o--n30:0.25;--bdrs--5:2px;--bdrs--10:0.25rem;--bdrs--20:0.5rem;--bdrs--30:1rem;--bdrs--40:1.5rem;--bdrs--50:2rem;--bdrs--99:99rem;--sh-inset: ;--shc:rgba(20,20,21,.05);--shsz--5:0px 2px 4px;--shsz--10:1px 3px 6px;--shsz--20:1px 5px 10px;--shsz--30:2px 8px 16px;--shsz--40:3px 13px 26px;--shsz--50:5px 21px 42px;--ar--og:1.91/1;--gutter-size:var(--s30);--vertical-mode:vertical-rl;--REM:clamp(0.95rem,0.915rem + 0.15vw,1.05rem);--REM--cq:clamp(0.95rem,0.9rem + 0.22vw,1.05rem);--fz--5xl:4em;--fz--4xl:2.667em;--fz--3xl:2em;--fz--2xl:1.6em;--fz--xl:1.333em;--fz--l:1.143em;--fz--m:1em;--fz--s:0.889em;--fz--xs:0.8em;--fz--2xs:0.727em;--ff--base:-apple-system,"BlinkMacSystemFont","Hiragino Sans",sans-serif,"Segoe UI Emoji";--ff--accent:"Garamond","Baskerville","Times New Roman",serif;--ff--mono:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;--fw--thin:100;--fw--light:300;--fw--normal:400;--fw--medium:500;--fw--bold:700;--fw--black:900;--lts--base:normal;--lts--s:-0.05em;--lts--l:0.05em;--fz--base:var(--REM);--hl-unit:calc(var(--REM)*0.125);--hl--xs:var(--hl-unit);--hl--s:calc(var(--hl-unit)*2);--hl--base:calc(var(--hl-unit)*3);--hl--l:calc(var(--hl-unit)*4);--s-unit:calc(var(--REM)*0.5);--s5:calc(var(--s-unit)*0.5);--s10:var(--s-unit);--s15:calc(var(--s-unit)*1.5);--s20:calc(var(--s-unit)*2);--s30:calc(var(--s-unit)*3);--s40:calc(var(--s-unit)*5);--s50:calc(var(--s-unit)*8);--s60:calc(var(--s-unit)*13);--s70:calc(var(--s-unit)*21);--s80:calc(var(--s-unit)*34)}@property --hl{syntax:"<length>";inherits:true;initial-value:.25rem}.set--shadow,:root{--sh--5:var(--sh-inset) var(--shsz--5) var(--shc);--sh--10:var(--sh-inset) var(--shsz--10) var(--shc);--sh--20:var(--sh-inset) var(--shsz--20) var(--shc);--sh--30:var(--sh-inset) var(--shsz--30) var(--shc);--sh--40:var(--sh-inset) var(--shsz--40) var(--shc);--sh--50:var(--sh-inset) var(--shsz--50) var(--shc);--bxsh--10:var(--sh--5),var(--sh--10);--bxsh--20:var(--sh--10),var(--sh--20);--bxsh--30:var(--sh--20),var(--sh--30);--bxsh--40:var(--sh--30),var(--sh--40);--bxsh--50:var(--sh--40),var(--sh--50)}body{--hl:var(--hl--base);background-color:var(--base);color:var(--text);font-family:var(--ff--base);font-size:var(--fz--base);letter-spacing:var(--lts--base);text-underline-offset:var(--under-offset,.125em)}*{line-height:calc(1em + var(--hl)*2)}:is(h1,h2,h3,h4,h5,h6){font-family:var(--heading-ff,inherit);font-weight:var(--heading-fw,bolder)}h1{font-size:var(--fz--3xl)}h2{font-size:var(--fz--2xl)}h3{font-size:var(--fz--xl)}h4{font-size:var(--fz--l)}h5,h6{font-size:var(--fz--m)}:is(ul,ol):where(:not([class])),:is(ul,ol):where([class^="-"]){list-style:revert;padding-inline-start:var(--s30)}a{color:var(--link-c,var(--link));-webkit-text-decoration:var(--link-td,underline);text-decoration:var(--link-td,underline);text-decoration-color:var(--link-td-color,currentColor);text-decoration-thickness:var(--link-td-thickness,auto)}small{--hl:var(--hl--s);font-size:var(--fz--xs)}b,strong{font-weight:var(--fw--bold)}sub,sup{font-size:80%;line-height:1.2}caption,figcaption,legend{font-size:var(--fz--s)}code,kbd,samp,var{font-family:var(--ff--mono)}dt{font-weight:var(--fw--bold)}dd+dt{margin-block-start:var(--s15)}blockquote{background-color:var(--base-2);padding:var(--s30)}hr{block-size:0;border:none;border-block-start:1px solid var(--divider)}th{background-color:var(--th--bgc,transparent);color:var(--th--c,inherit)}td,th{min-inline-size:var(--cell-min-w,initial);padding:var(--cell-p,var(--s5) var(--s10))}::file-selector-button,button,input,select,textarea{background-color:var(--base);border:1px solid var(--divider);border-radius:var(--bdrs--10);padding:var(--s5) var(--s10)}button{background-color:var(--base-2)}:disabled{opacity:var(--o--n20)}:focus-visible{outline-offset:var(--focus-offset,0)}.set--cqUnit{--REM:var(--REM--cq);font-size:var(--REM--cq);--fz--base:var(--REM);--hl-unit:calc(var(--REM)*0.125);--hl--xs:var(--hl-unit);--hl--s:calc(var(--hl-unit)*2);--hl--base:calc(var(--hl-unit)*3);--hl--l:calc(var(--hl-unit)*4);--s-unit:calc(var(--REM)*0.5);--s5:calc(var(--s-unit)*0.5);--s10:var(--s-unit);--s15:calc(var(--s-unit)*1.5);--s20:calc(var(--s-unit)*2);--s30:calc(var(--s-unit)*3);--s40:calc(var(--s-unit)*5);--s50:calc(var(--s-unit)*8);--s60:calc(var(--s-unit)*13);--s70:calc(var(--s-unit)*21);--s80:calc(var(--s-unit)*34)}:root{--_is_sm:unset;--_is_md:unset}@container (min-width: 480px){.set--bp{--_is_sm: }}@container (min-width: 800px){.set--bp{--_is_md: }}@media (any-hover:hover){.set--hov:hover{--_notHov: }.set--hov:not(:is(:hover,:focus-within)){--_isHov: }}@media (any-hover:none){.set--hov{--_isHov: }}.set--hov:is(:focus-visible,:focus-within){--_notHov: }.set--transition{transition:var(--hov-duration,.25s) var(--hov-ease,linear) var(--hov-delay,0s);transition-property:var(--hov-prop,all)}.set--innerRs{--bdrs--inner:calc(var(--bdrs, 0px) - var(--p, 0px))}.set--plain{background:none;border:none;border-radius:0;color:inherit;font:inherit;height:auto;line-height:calc(1em + var(--hl)*2);margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;text-decoration:none;width:auto}.set--gutter{padding-inline:var(--gutter-size)}
1
+ @property --sz--container{syntax:"<length-percentage>";initial-value:100cqi;inherits:true}:root{--sz--xl:1600px;--sz--l:1280px;--sz--m:56rem;--sz--s:42rem;--sz--xs:32rem;--sz--min:18rem;--black:#000;--white:#fff;--L:60%;--C:0.22;--red:oklch(var(--L) var(--C) 20);--orange:oklch(calc(var(--L) + 4%) calc(var(--C) - 0.01) 52);--yellow:oklch(calc(var(--L) + 12%) calc(var(--C) - 0.025) 84);--green:oklch(calc(var(--L) + 4%) calc(var(--C) - 0.02) 152);--blue:oklch(calc(var(--L) - 2%) calc(var(--C) + 0.01) 260);--purple:oklch(calc(var(--L) - 4%) calc(var(--C) + 0.02) 292);--pink:oklch(calc(var(--L) + 2%) calc(var(--C) + 0.02) 348);--gray:oklch(calc(var(--L) - 4%) 0.04 256);--brand:#1e5f8c;--accent:#d94a6a;--base:#fcfcfd;--base-2:#f1f2f3;--text:#141415;--text-2:#4d4f56;--link:oklch(50% 0.3 240);--divider:#dedfe3;--o--n10:0.75;--o--n20:0.5;--o--n30:0.25;--bdrs--5:2px;--bdrs--10:0.25rem;--bdrs--20:0.5rem;--bdrs--30:1rem;--bdrs--40:1.5rem;--bdrs--50:2rem;--bdrs--99:99rem;--sh-inset: ;--shc:rgba(20,20,21,.05);--shsz--5:0px 2px 4px;--shsz--10:1px 3px 6px;--shsz--20:1px 5px 10px;--shsz--30:2px 8px 16px;--shsz--40:3px 13px 26px;--shsz--50:5px 21px 42px;--ar--og:1.91/1;--gutter-size:var(--s30);--vertical-mode:vertical-rl;--REM:clamp(0.95rem,0.915rem + 0.15vw,1.05rem);--REM--cq:clamp(0.95rem,0.9rem + 0.22vw,1.05rem);--fz--5xl:4em;--fz--4xl:2.667em;--fz--3xl:2em;--fz--2xl:1.6em;--fz--xl:1.333em;--fz--l:1.143em;--fz--m:1em;--fz--s:0.889em;--fz--xs:0.8em;--fz--2xs:0.727em;--ff--base:-apple-system,"BlinkMacSystemFont","Hiragino Sans",sans-serif,"Segoe UI Emoji";--ff--accent:"Garamond","Baskerville","Times New Roman",serif;--ff--mono:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;--fw--thin:100;--fw--light:300;--fw--normal:400;--fw--medium:500;--fw--bold:700;--fw--black:900;--lts--base:normal;--lts--s:-0.05em;--lts--l:0.05em;--fz--base:var(--REM);--hl-unit:calc(var(--REM)*0.125);--hl--xs:var(--hl-unit);--hl--s:calc(var(--hl-unit)*2);--hl--base:calc(var(--hl-unit)*3);--hl--l:calc(var(--hl-unit)*4);--s-unit:calc(var(--REM)*0.5);--s5:calc(var(--s-unit)*0.5);--s10:var(--s-unit);--s15:calc(var(--s-unit)*1.5);--s20:calc(var(--s-unit)*2);--s30:calc(var(--s-unit)*3);--s40:calc(var(--s-unit)*5);--s50:calc(var(--s-unit)*8);--s60:calc(var(--s-unit)*13);--s70:calc(var(--s-unit)*21);--s80:calc(var(--s-unit)*34)}@property --hl{syntax:"<length>";inherits:true;initial-value:.25rem}.set--shadow,:root{--sh--5:var(--sh-inset) var(--shsz--5) var(--shc);--sh--10:var(--sh-inset) var(--shsz--10) var(--shc);--sh--20:var(--sh-inset) var(--shsz--20) var(--shc);--sh--30:var(--sh-inset) var(--shsz--30) var(--shc);--sh--40:var(--sh-inset) var(--shsz--40) var(--shc);--sh--50:var(--sh-inset) var(--shsz--50) var(--shc);--bxsh--5:var(--sh--5);--bxsh--10:var(--sh--5),var(--sh--10);--bxsh--20:var(--sh--10),var(--sh--20);--bxsh--30:var(--sh--20),var(--sh--30);--bxsh--40:var(--sh--30),var(--sh--40);--bxsh--50:var(--sh--40),var(--sh--50)}body{--hl:var(--hl--base);background-color:var(--base);color:var(--text);font-family:var(--ff--base);font-size:var(--fz--base);letter-spacing:var(--lts--base);text-underline-offset:var(--under-offset,.125em)}*{line-height:calc(1em + var(--hl)*2)}:is(h1,h2,h3,h4,h5,h6){font-family:var(--heading-ff,inherit);font-weight:var(--heading-fw,bolder)}h1{font-size:var(--fz--3xl)}h2{font-size:var(--fz--2xl)}h3{font-size:var(--fz--xl)}h4{font-size:var(--fz--l)}h5,h6{font-size:var(--fz--m)}:is(ul,ol):where(:not([class])),:is(ul,ol):where([class^="-"]){list-style:revert;padding-inline-start:var(--s30)}a{color:var(--link-c,var(--link));-webkit-text-decoration:var(--link-td,underline);text-decoration:var(--link-td,underline);text-decoration-color:var(--link-td-color,currentColor);text-decoration-thickness:var(--link-td-thickness,auto)}small{--hl:var(--hl--s);font-size:var(--fz--xs)}b,strong{font-weight:var(--fw--bold)}sub,sup{font-size:80%;line-height:1.2}caption,figcaption,legend{font-size:var(--fz--s)}code,kbd,samp,var{font-family:var(--ff--mono)}dt{font-weight:var(--fw--bold)}dd+dt{margin-block-start:var(--s15)}blockquote{background-color:var(--base-2);padding:var(--s30)}hr{block-size:0;border:none;border-block-start:1px solid var(--divider)}th{background-color:var(--th--bgc,transparent);color:var(--th--c,inherit)}td,th{min-inline-size:var(--cell-min-w,initial);padding:var(--cell-p,var(--s5) var(--s10))}::file-selector-button,button,input,select,textarea{background-color:var(--base);border:1px solid var(--divider);border-radius:var(--bdrs--10);padding:var(--s5) var(--s10)}button{background-color:var(--base-2)}:disabled{opacity:var(--o--n20)}:focus-visible{outline-offset:var(--focus-offset,0)}.set--cqUnit{--REM:var(--REM--cq);font-size:var(--REM--cq);--fz--base:var(--REM);--hl-unit:calc(var(--REM)*0.125);--hl--xs:var(--hl-unit);--hl--s:calc(var(--hl-unit)*2);--hl--base:calc(var(--hl-unit)*3);--hl--l:calc(var(--hl-unit)*4);--s-unit:calc(var(--REM)*0.5);--s5:calc(var(--s-unit)*0.5);--s10:var(--s-unit);--s15:calc(var(--s-unit)*1.5);--s20:calc(var(--s-unit)*2);--s30:calc(var(--s-unit)*3);--s40:calc(var(--s-unit)*5);--s50:calc(var(--s-unit)*8);--s60:calc(var(--s-unit)*13);--s70:calc(var(--s-unit)*21);--s80:calc(var(--s-unit)*34)}:root{--_is_sm:unset;--_is_md:unset}@container (min-width: 480px){.set--bp{--_is_sm: }}@container (min-width: 800px){.set--bp{--_is_md: }}@media (any-hover:hover){.set--hov:hover{--_notHov: }.set--hov:not(:is(:hover,:focus-within)){--_isHov: }}@media (any-hover:none){.set--hov{--_isHov: }}.set--hov:is(:focus-visible,:focus-within){--_notHov: }.set--transition{transition:var(--hov-duration,.25s) var(--hov-ease,linear) var(--hov-delay,0s);transition-property:var(--hov-prop,all)}.set--innerRs{--bdrs--inner:calc(var(--bdrs, 0px) - var(--p, 0px))}.set--plain{background:none;border:none;border-radius:0;color:inherit;font:inherit;height:auto;line-height:calc(1em + var(--hl)*2);margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;text-decoration:none;width:auto}.set--gutter{padding-inline:var(--gutter-size)}
package/dist/css/main.css CHANGED
@@ -1 +1 @@
1
- @layer lism-base{@layer reset{*,:after,:before{box-sizing:border-box}:not(dialog){margin:0}html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;line-break:strict;overflow-wrap:anywhere;overflow-x:clip;-moz-tab-size:4;-o-tab-size:4;tab-size:4;word-break:normal}html:has(:modal[open]){overflow:clip}body{min-height:100dvh;overflow:inherit}abbr[title]{text-decoration:underline;text-decoration-style:dotted}pre{overflow-x:auto}:is(ul,ol)[class],menu{list-style:none;padding:0}audio,canvas,iframe,img,object,svg,video{max-inline-size:100%;vertical-align:middle}img,video{block-size:auto}iframe{border:none}::file-selector-button,button,input,select,textarea{color:inherit;font:inherit;font-size:max(16px,1em)}fieldset{min-inline-size:0}textarea{max-inline-size:100%;resize:block}[type=checkbox],[type=radio],label[for],select,summary{cursor:pointer}::file-selector-button,[role=button],[role=option],[role=tab],[type=button],[type=reset],[type=submit],button{cursor:pointer;touch-action:manipulation}:disabled{cursor:not-allowed}[hidden=until-found]{z-index:-1}}@property --sz--container{syntax:"<length-percentage>";initial-value:100cqi;inherits:true}:root{--sz--xl:1600px;--sz--l:1280px;--sz--m:56rem;--sz--s:42rem;--sz--xs:32rem;--sz--min:18rem;--black:#000;--white:#fff;--L:60%;--C:0.22;--red:oklch(var(--L) var(--C) 20);--orange:oklch(calc(var(--L) + 4%) calc(var(--C) - 0.01) 52);--yellow:oklch(calc(var(--L) + 12%) calc(var(--C) - 0.025) 84);--green:oklch(calc(var(--L) + 4%) calc(var(--C) - 0.02) 152);--blue:oklch(calc(var(--L) - 2%) calc(var(--C) + 0.01) 260);--purple:oklch(calc(var(--L) - 4%) calc(var(--C) + 0.02) 292);--pink:oklch(calc(var(--L) + 2%) calc(var(--C) + 0.02) 348);--gray:oklch(calc(var(--L) - 4%) 0.04 256);--brand:#1e5f8c;--accent:#d94a6a;--base:#fcfcfd;--base-2:#f1f2f3;--text:#141415;--text-2:#4d4f56;--link:oklch(50% 0.3 240);--divider:#dedfe3;--o--n10:0.75;--o--n20:0.5;--o--n30:0.25;--bdrs--5:2px;--bdrs--10:0.25rem;--bdrs--20:0.5rem;--bdrs--30:1rem;--bdrs--40:1.5rem;--bdrs--50:2rem;--bdrs--99:99rem;--sh-inset: ;--shc:rgba(20,20,21,.05);--shsz--5:0px 2px 4px;--shsz--10:1px 3px 6px;--shsz--20:1px 5px 10px;--shsz--30:2px 8px 16px;--shsz--40:3px 13px 26px;--shsz--50:5px 21px 42px;--ar--og:1.91/1;--gutter-size:var(--s30);--vertical-mode:vertical-rl;--REM:clamp(0.95rem,0.915rem + 0.15vw,1.05rem);--REM--cq:clamp(0.95rem,0.9rem + 0.22vw,1.05rem);--fz--5xl:4em;--fz--4xl:2.667em;--fz--3xl:2em;--fz--2xl:1.6em;--fz--xl:1.333em;--fz--l:1.143em;--fz--m:1em;--fz--s:0.889em;--fz--xs:0.8em;--fz--2xs:0.727em;--ff--base:-apple-system,"BlinkMacSystemFont","Hiragino Sans",sans-serif,"Segoe UI Emoji";--ff--accent:"Garamond","Baskerville","Times New Roman",serif;--ff--mono:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;--fw--thin:100;--fw--light:300;--fw--normal:400;--fw--medium:500;--fw--bold:700;--fw--black:900;--lts--base:normal;--lts--s:-0.05em;--lts--l:0.05em;--fz--base:var(--REM);--hl-unit:calc(var(--REM)*0.125);--hl--xs:var(--hl-unit);--hl--s:calc(var(--hl-unit)*2);--hl--base:calc(var(--hl-unit)*3);--hl--l:calc(var(--hl-unit)*4);--s-unit:calc(var(--REM)*0.5);--s5:calc(var(--s-unit)*0.5);--s10:var(--s-unit);--s15:calc(var(--s-unit)*1.5);--s20:calc(var(--s-unit)*2);--s30:calc(var(--s-unit)*3);--s40:calc(var(--s-unit)*5);--s50:calc(var(--s-unit)*8);--s60:calc(var(--s-unit)*13);--s70:calc(var(--s-unit)*21);--s80:calc(var(--s-unit)*34)}@property --hl{syntax:"<length>";inherits:true;initial-value:.25rem}.set--shadow,:root{--sh--5:var(--sh-inset) var(--shsz--5) var(--shc);--sh--10:var(--sh-inset) var(--shsz--10) var(--shc);--sh--20:var(--sh-inset) var(--shsz--20) var(--shc);--sh--30:var(--sh-inset) var(--shsz--30) var(--shc);--sh--40:var(--sh-inset) var(--shsz--40) var(--shc);--sh--50:var(--sh-inset) var(--shsz--50) var(--shc);--bxsh--10:var(--sh--5),var(--sh--10);--bxsh--20:var(--sh--10),var(--sh--20);--bxsh--30:var(--sh--20),var(--sh--30);--bxsh--40:var(--sh--30),var(--sh--40);--bxsh--50:var(--sh--40),var(--sh--50)}body{--hl:var(--hl--base);background-color:var(--base);color:var(--text);font-family:var(--ff--base);font-size:var(--fz--base);letter-spacing:var(--lts--base);text-underline-offset:var(--under-offset,.125em)}*{line-height:calc(1em + var(--hl)*2)}:is(h1,h2,h3,h4,h5,h6){font-family:var(--heading-ff,inherit);font-weight:var(--heading-fw,bolder)}h1{font-size:var(--fz--3xl)}h2{font-size:var(--fz--2xl)}h3{font-size:var(--fz--xl)}h4{font-size:var(--fz--l)}h5,h6{font-size:var(--fz--m)}:is(ul,ol):where(:not([class])),:is(ul,ol):where([class^="-"]){list-style:revert;padding-inline-start:var(--s30)}a{color:var(--link-c,var(--link));-webkit-text-decoration:var(--link-td,underline);text-decoration:var(--link-td,underline);text-decoration-color:var(--link-td-color,currentColor);text-decoration-thickness:var(--link-td-thickness,auto)}small{--hl:var(--hl--s);font-size:var(--fz--xs)}b,strong{font-weight:var(--fw--bold)}sub,sup{font-size:80%;line-height:1.2}caption,figcaption,legend{font-size:var(--fz--s)}code,kbd,samp,var{font-family:var(--ff--mono)}dt{font-weight:var(--fw--bold)}dd+dt{margin-block-start:var(--s15)}blockquote{background-color:var(--base-2);padding:var(--s30)}hr{block-size:0;border:none;border-block-start:1px solid var(--divider)}th{background-color:var(--th--bgc,transparent);color:var(--th--c,inherit)}td,th{min-inline-size:var(--cell-min-w,initial);padding:var(--cell-p,var(--s5) var(--s10))}::file-selector-button,button,input,select,textarea{background-color:var(--base);border:1px solid var(--divider);border-radius:var(--bdrs--10);padding:var(--s5) var(--s10)}button{background-color:var(--base-2)}:disabled{opacity:var(--o--n20)}:focus-visible{outline-offset:var(--focus-offset,0)}.set--cqUnit{--REM:var(--REM--cq);font-size:var(--REM--cq);--fz--base:var(--REM);--hl-unit:calc(var(--REM)*0.125);--hl--xs:var(--hl-unit);--hl--s:calc(var(--hl-unit)*2);--hl--base:calc(var(--hl-unit)*3);--hl--l:calc(var(--hl-unit)*4);--s-unit:calc(var(--REM)*0.5);--s5:calc(var(--s-unit)*0.5);--s10:var(--s-unit);--s15:calc(var(--s-unit)*1.5);--s20:calc(var(--s-unit)*2);--s30:calc(var(--s-unit)*3);--s40:calc(var(--s-unit)*5);--s50:calc(var(--s-unit)*8);--s60:calc(var(--s-unit)*13);--s70:calc(var(--s-unit)*21);--s80:calc(var(--s-unit)*34)}:root{--_is_sm:unset;--_is_md:unset}@container (min-width: 480px){.set--bp{--_is_sm: }}@container (min-width: 800px){.set--bp{--_is_md: }}@media (any-hover:hover){.set--hov:hover{--_notHov: }.set--hov:not(:is(:hover,:focus-within)){--_isHov: }}@media (any-hover:none){.set--hov{--_isHov: }}.set--hov:is(:focus-visible,:focus-within){--_notHov: }.set--transition{transition:var(--hov-duration,.25s) var(--hov-ease,linear) var(--hov-delay,0s);transition-property:var(--hov-prop,all)}.set--innerRs{--bdrs--inner:calc(var(--bdrs, 0px) - var(--p, 0px))}.set--plain{background:none;border:none;border-radius:0;color:inherit;font:inherit;height:auto;line-height:calc(1em + var(--hl)*2);margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;text-decoration:none;width:auto}.set--gutter{padding-inline:var(--gutter-size)}}@layer lism-modules{@layer state{.is--container{container-type:inline-size}.is--container>*{--sz--container:100cqi}.is--container.set--gutter>*{--sz--container:calc(100cqi + var(--gutter-size)*2)}.is--wrapper{--contentSize:var(--sz--m,100%)}.is--wrapper>*{margin-inline:auto;max-inline-size:min(100%,var(--contentSize))}.-contentSize\:s{--contentSize:var(--sz--s)}.-contentSize\:l{--contentSize:var(--sz--l)}.is--linkBox{color:inherit;cursor:pointer;display:block;isolation:isolate;pointer-events:auto;position:relative;text-decoration:none}.is--linkBox a{position:relative;z-index:2}.is--layer{inset:0;overflow:hidden;position:absolute}.is--vertical{writing-mode:var(--vertical-mode)}.is--vertical\@sm{writing-mode:var(--_is_sm) var(--vertical-mode)}.is--vertical\@md{writing-mode:var(--_is_md) var(--vertical-mode)}}@layer layout{.l--flow{--flow--base:var(--s30);--flow--s:var(--s20);display:flow-root}.l--flow>*+*{--flow:var(--flow--base);margin-block-start:var(--flow)}.l--flow>:where(img,video,iframe){display:block}.-flow\:s>*{--flow:var(--flow--s)}.-flow\:>*{--flow:inherit}.l--flow>:where(h1,h2,h3,h4,h5,h6){margin-block-start:calc(var(--flow)*var(--flow-hScale, 2))}.is--skipFlow+*,.l--flow>:first-child{--flow:0px}.l--flex{display:flex}.l--flex>*{min-width:0}.l--cluster{align-items:center;display:flex;flex-wrap:wrap}.l--stack{display:flex;flex-direction:column}.l--grid{--gtr:none;--gtc:none;--gta:none;display:grid;grid-template:var(--gtr)/var(--gtc);grid-template-areas:var(--gta)}.l--grid>*{min-width:0}.l--center{display:grid;place-content:center;place-items:center}.l--fluidCols{--cols:var(--sz--min);--autoMode:auto-fit;display:grid;grid-template-columns:repeat(var(--autoMode),minmax(min(var(--cols),100%),1fr))}.l--columns{--cols:2;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr))}.l--sideMain{--sideW:auto;--mainW:max(var(--sz--min),50%);display:flex;flex-wrap:wrap}.l--sideMain>.is--side{flex-basis:var(--sideW);flex-grow:1}.l--sideMain>:not(.is--side){flex-basis:min(100%,var(--mainW));flex-grow:9999999}.l--switchCols{--breakSize:var(--sz--xs);display:flex;flex-wrap:wrap}.l--switchCols>*{flex-basis:calc((var(--breakSize) - 100%)*9999);flex-grow:1}.l--frame{overflow:hidden}.l--frame>:where(img,video,iframe,.a--media){display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}}@layer atomic{.a--divider{--bdc:var(--divider);--bds:solid;--bdw:1px;border-block-start:var(--bdw) var(--bds) var(--bdc)}.a--icon{flex-shrink:0}.a--icon:where(:not([fill])){fill:currentcolor}.a--icon:where(:not([width])){height:1em;width:1em}.a--spacer{min-height:1px;min-width:1px}.a--media{display:block}}}@layer lism-utility{.u--trim{margin-block:calc(var(--hl)*-1)}.u--trimChildren>*{--my:calc(var(--hl)*-1);margin-block:var(--my)}.u--trimChildren>:where(figure,img,button){--my:0px}.u--cbox{--c:color-mix(in srgb,var(--text),var(--keycolor) var(--cbox-cPct,32%));--bgc:color-mix(in srgb,var(--base),var(--keycolor) var(--cbox-bgPct,4%));--bdc:color-mix(in srgb,transparent,var(--keycolor) var(--cbox-bdPct,64%));--link-c:var(--keycolor);background-color:var(--bgc);color:var(--c)}@supports (color:oklch(from red l c h)){.u--cbox{--shc:oklch(from var(--keycolor) calc(l / 1.5) calc(c / 1.5) h/0.1)}}.u--collapseGrid{--bdw:1px;--bdc:var(--divider);gap:var(--bdw);padding:var(--bdw)}.u--collapseGrid>*{box-shadow:0 0 0 var(--bdw) var(--bdc)}.u--expandedLink{color:inherit;position:static;text-decoration:none}.u--expandedLink:before{content:"";inset:0;position:absolute;z-index:1}.u--srOnly.u--srOnly{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.u--snap{scroll-snap-type:var(--snapType,both mandatory)}.u--snap>*{scroll-snap-align:var(--snapAlign,start);scroll-snap-stop:var(--snapStop,normal)}.u--clipText{-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}}@layer lism-custom{}.-lh\:1{--hl:0px}.-lh\:base{--hl:var(--hl--base)}.-lh\:xs{--hl:var(--hl--xs)}.-lh\:s{--hl:var(--hl--s)}.-lh\:l{--hl:var(--hl--l)}@layer lism.base{.-bd,[class*=" -bd-"],[class^=-bd-]{--bds:solid;--bdw:1px;--bdc:var(--divider);border-color:var(--bdc);border-width:var(--bdw)}}.-bd{border-style:var(--bds)}.-bd-x{border-inline-style:var(--bds)}.-bd-y{border-block-style:var(--bds)}.-bd-x-s{border-inline-start-style:var(--bds)}.-bd-x-e{border-inline-end-style:var(--bds)}.-bd-t{border-top-style:var(--bds)}.-bd-b{border-bottom-style:var(--bds)}.-bd-l{border-left-style:var(--bds)}.-bd-r{border-right-style:var(--bds)}.-bd-y-s{border-block-start-style:var(--bds)}.-bd-y-e{border-block-end-style:var(--bds)}.-max-sz\:full{max-inline-size:100%}:where(.set--gutter)>.-max-sz\:full{margin-inline:calc(var(--gutter-size)*-1);max-inline-size:calc(100% + var(--gutter-size)*2)}.-max-sz\:container{margin-inline:calc(50% - var(--sz--container)/2);max-inline-size:var(--sz--container,100cqi)}.-f\:inherit{font:inherit}.-fz,[class*="-fz:"]{font-size:var(--fz)}.-fz\:root{--fz:var(--fz--root)}.-fz\:base{--fz:var(--fz--base)}.-fz\:5xl{--fz:var(--fz--5xl)}.-fz\:4xl{--fz:var(--fz--4xl)}.-fz\:3xl{--fz:var(--fz--3xl)}.-fz\:2xl{--fz:var(--fz--2xl)}.-fz\:xl{--fz:var(--fz--xl)}.-fz\:l{--fz:var(--fz--l)}.-fz\:m{--fz:var(--fz--m)}.-fz\:s{--fz:var(--fz--s)}.-fz\:xs{--fz:var(--fz--xs)}.-fz\:2xs{--fz:var(--fz--2xs)}.-fw\:thin{font-weight:var(--fw--thin)}.-fw\:light{font-weight:var(--fw--light)}.-fw\:normal{font-weight:var(--fw--normal)}.-fw\:medium{font-weight:var(--fw--medium)}.-fw\:bold{font-weight:var(--fw--bold)}.-fw\:black{font-weight:var(--fw--black)}.-ff\:base{font-family:var(--ff--base)}.-ff\:accent{font-family:var(--ff--accent)}.-ff\:mono{font-family:var(--ff--mono)}.-fs\:italic{font-style:italic}.-lts\:base{letter-spacing:var(--lts--base)}.-lts\:s{letter-spacing:var(--lts--s)}.-lts\:l{letter-spacing:var(--lts--l)}.-ta\:center{text-align:center}.-ta\:left{text-align:left}.-ta\:right{text-align:right}.-td\:none{text-decoration:none}.-tt\:upper{text-transform:uppercase}.-tt\:lower{text-transform:lowercase}.-d{display:var(--d)}.-d\:none{display:none}.-d\:block{display:block}.-d\:in-flex{display:inline-flex}.-o\:0{opacity:0}.-o\:-10{opacity:var(--o--n10)}.-o\:-20{opacity:var(--o--n20)}.-o\:-30{opacity:var(--o--n30)}.-v\:hidden{visibility:hidden}.-ov\:hidden{overflow:hidden}.-ov\:auto{overflow:auto}.-ov\:clip{overflow:clip}.-ov-x\:clip{overflow-x:clip}.-ov-x\:auto{overflow-x:auto}.-ov-x\:scroll{overflow-x:scroll}.-ov-y\:clip{overflow-y:clip}.-ov-y\:auto{overflow-y:auto}.-ov-y\:scroll{overflow-y:scroll}.-ar{aspect-ratio:var(--ar)}.-ar\:21\/9{aspect-ratio:21/9}.-ar\:16\/9{aspect-ratio:16/9}.-ar\:3\/2{aspect-ratio:3/2}.-ar\:1\/1{aspect-ratio:1/1}.-ar\:og{aspect-ratio:var(--ar--og)}.-w{width:var(--w)}.-w\:100\%{width:100%}.-w\:fit{width:-moz-fit-content;width:fit-content}.-h{height:var(--h)}.-h\:100\%{height:100%}.-h\:fit{height:-moz-fit-content;height:fit-content}.-min-w{min-width:var(--min-w)}.-min-w\:100\%{min-width:100%}.-max-w{max-width:var(--max-w)}.-max-w\:100\%{max-width:100%}.-min-h{min-height:var(--min-h)}.-min-h\:100\%{min-height:100%}.-max-h{max-height:var(--max-h)}.-max-h\:100\%{max-height:100%}.-max-sz\:xs{max-inline-size:var(--sz--xs)}.-max-sz\:s{max-inline-size:var(--sz--s)}.-max-sz\:m{max-inline-size:var(--sz--m)}.-max-sz\:l{max-inline-size:var(--sz--l)}.-max-sz\:xl{max-inline-size:var(--sz--xl)}.-bg{background:var(--bg)}.-bgr\:no-repeat{background-repeat:no-repeat}.-bgp\:center{background-position:50%}.-bgsz\:cover{background-size:cover}.-bgsz\:contain{background-size:contain}.-bgc,[class*="-bgc:"]{background-color:var(--bgc)}.-bgc\:base{--bgc:var(--base)}.-bgc\:base-2{--bgc:var(--base-2)}.-bgc\:text{--bgc:var(--text)}.-bgc\:brand{--bgc:var(--brand)}.-bgc\:accent{--bgc:var(--accent)}.-bgc\:transparent{--bgc:transparent}.-bgc\:inherit{background-color:inherit}.-c,[class*="-c:"]{color:var(--c)}.-c\:base{--c:var(--base)}.-c\:text{--c:var(--text)}.-c\:text-2{--c:var(--text-2)}.-c\:brand{--c:var(--brand)}.-c\:accent{--c:var(--accent)}.-c\:inherit{color:inherit}.-bd\:none{border:none}.-bds\:dashed{--bds:dashed}.-bds\:dotted{--bds:dotted}.-bds\:double{--bds:double}.-bdc\:brand{--bdc:var(--brand)}.-bdc\:accent{--bdc:var(--accent)}.-bdc\:divider{--bdc:var(--divider)}.-bdc\:inherit{--bdc:inherit}.-bdc\:transparent{--bdc:transparent}.-bdc\:cc{--bdc:currentColor}.-bdrs,[class*="-bdrs:"]{border-radius:var(--bdrs)}.-bdrs\:0{--bdrs:0}.-bdrs\:5{--bdrs:var(--bdrs--5)}.-bdrs\:10{--bdrs:var(--bdrs--10)}.-bdrs\:20{--bdrs:var(--bdrs--20)}.-bdrs\:30{--bdrs:var(--bdrs--30)}.-bdrs\:40{--bdrs:var(--bdrs--40)}.-bdrs\:50{--bdrs:var(--bdrs--50)}.-bdrs\:99{--bdrs:var(--bdrs--99)}.-bdrs\:inner{--bdrs:var(--bdrs--inner)}.-bxsh,[class*="-bxsh:"]{box-shadow:var(--bxsh)}.-bxsh\:0{--bxsh:none}.-bxsh\:5{--bxsh:var(--bxsh--5)}.-bxsh\:10{--bxsh:var(--bxsh--10)}.-bxsh\:20{--bxsh:var(--bxsh--20)}.-bxsh\:30{--bxsh:var(--bxsh--30)}.-bxsh\:40{--bxsh:var(--bxsh--40)}.-bxsh\:50{--bxsh:var(--bxsh--50)}.-pos\:static{position:static}.-pos\:fixed{position:fixed}.-pos\:sticky{position:sticky}.-pos\:rel{position:relative}.-pos\:abs{position:absolute}.-z\:0{z-index:0}.-z\:1{z-index:1}.-z\:99{z-index:99}.-z\:-1{z-index:-1}.-t\:0{top:0}.-t\:50\%{top:50%}.-t\:100\%{top:100%}.-l\:0{left:0}.-l\:50\%{left:50%}.-l\:100\%{left:100%}.-r\:0{right:0}.-r\:50\%{right:50%}.-r\:100\%{right:100%}.-b\:0{bottom:0}.-b\:50\%{bottom:50%}.-b\:100\%{bottom:100%}.-i\:0{inset:0}.-p,[class*="-p:"]{padding:var(--p)}.-p\:0{--p:0}.-p\:5{--p:var(--s5)}.-p\:10{--p:var(--s10)}.-p\:15{--p:var(--s15)}.-p\:20{--p:var(--s20)}.-p\:30{--p:var(--s30)}.-p\:40{--p:var(--s40)}.-p\:50{--p:var(--s50)}.-p\:60{--p:var(--s60)}.-p\:70{--p:var(--s70)}.-p\:80{--p:var(--s80)}.-px,[class*="-px:"]{padding-inline:var(--px)}.-px\:0{--px:0}.-px\:5{--px:var(--s5)}.-px\:10{--px:var(--s10)}.-px\:15{--px:var(--s15)}.-px\:20{--px:var(--s20)}.-px\:30{--px:var(--s30)}.-px\:40{--px:var(--s40)}.-px\:50{--px:var(--s50)}.-px\:60{--px:var(--s60)}.-px\:70{--px:var(--s70)}.-px\:80{--px:var(--s80)}.-py,[class*="-py:"]{padding-block:var(--py)}.-py\:0{--py:0}.-py\:5{--py:var(--s5)}.-py\:10{--py:var(--s10)}.-py\:15{--py:var(--s15)}.-py\:20{--py:var(--s20)}.-py\:30{--py:var(--s30)}.-py\:40{--py:var(--s40)}.-py\:50{--py:var(--s50)}.-py\:60{--py:var(--s60)}.-py\:70{--py:var(--s70)}.-py\:80{--py:var(--s80)}.-px-s{padding-inline-start:var(--px-s)}.-px-e{padding-inline-end:var(--px-e)}.-py-s{padding-block-start:var(--py-s)}.-py-e{padding-block-end:var(--py-e)}.-pl{padding-left:var(--pl)}.-pr{padding-right:var(--pr)}.-pt{padding-top:var(--pt)}.-pb{padding-bottom:var(--pb)}.-m,[class*="-m:"]{margin:var(--m)}.-m\:0{--m:0}.-m\:5{--m:var(--s5)}.-m\:10{--m:var(--s10)}.-m\:15{--m:var(--s15)}.-m\:20{--m:var(--s20)}.-m\:30{--m:var(--s30)}.-m\:40{--m:var(--s40)}.-m\:50{--m:var(--s50)}.-m\:60{--m:var(--s60)}.-m\:70{--m:var(--s70)}.-m\:80{--m:var(--s80)}.-m\:auto{--m:auto}.-mx,[class*="-mx:"]{margin-inline:var(--mx)}.-mx\:0{--mx:0}.-mx\:5{--mx:var(--s5)}.-mx\:10{--mx:var(--s10)}.-mx\:15{--mx:var(--s15)}.-mx\:20{--mx:var(--s20)}.-mx\:30{--mx:var(--s30)}.-mx\:40{--mx:var(--s40)}.-mx\:50{--mx:var(--s50)}.-mx\:60{--mx:var(--s60)}.-mx\:70{--mx:var(--s70)}.-mx\:80{--mx:var(--s80)}.-mx\:auto{--mx:auto}.-my,[class*="-my:"]{margin-block:var(--my)}.-my\:0{--my:0}.-my\:5{--my:var(--s5)}.-my\:10{--my:var(--s10)}.-my\:15{--my:var(--s15)}.-my\:20{--my:var(--s20)}.-my\:30{--my:var(--s30)}.-my\:40{--my:var(--s40)}.-my\:50{--my:var(--s50)}.-my\:60{--my:var(--s60)}.-my\:70{--my:var(--s70)}.-my\:80{--my:var(--s80)}.-my\:auto{--my:auto}.-mx-s{margin-inline-start:var(--mx-s)}.-mx-s\:auto{margin-inline-start:auto}.-mx-e{margin-inline-end:var(--mx-e)}.-mx-e\:auto{margin-inline-end:auto}.-my-s{margin-block-start:var(--my-s)}.-my-s\:0{margin-block-start:0}.-my-s\:5{margin-block-start:var(--s5)}.-my-s\:10{margin-block-start:var(--s10)}.-my-s\:15{margin-block-start:var(--s15)}.-my-s\:20{margin-block-start:var(--s20)}.-my-s\:30{margin-block-start:var(--s30)}.-my-s\:40{margin-block-start:var(--s40)}.-my-s\:50{margin-block-start:var(--s50)}.-my-s\:60{margin-block-start:var(--s60)}.-my-s\:70{margin-block-start:var(--s70)}.-my-s\:80{margin-block-start:var(--s80)}.-my-s\:auto{margin-block-start:auto}.-my-e{margin-block-end:var(--my-e)}.-my-e\:auto{margin-block-end:auto}.-ml{margin-left:var(--ml)}.-mr{margin-right:var(--mr)}.-mt{margin-top:var(--mt)}.-mb{margin-bottom:var(--mb)}.-g,[class*="-g:"]{gap:var(--g)}.-g\:0{--g:0}.-g\:5{--g:var(--s5)}.-g\:10{--g:var(--s10)}.-g\:15{--g:var(--s15)}.-g\:20{--g:var(--s20)}.-g\:30{--g:var(--s30)}.-g\:40{--g:var(--s40)}.-g\:50{--g:var(--s50)}.-g\:60{--g:var(--s60)}.-g\:70{--g:var(--s70)}.-g\:80{--g:var(--s80)}.-g\:inherit{gap:inherit}.-g-x{-moz-column-gap:var(--g-x);column-gap:var(--g-x)}.-g-y{row-gap:var(--g-y)}.-fxw{flex-wrap:var(--fxw)}.-fxw\:wrap{flex-wrap:wrap}.-fxd{flex-direction:var(--fxd)}.-fxd\:col{flex-direction:column}.-fxd\:col-r{flex-direction:column-reverse}.-fxd\:row-r{flex-direction:row-reverse}.-fx{flex:var(--fx)}.-fx\:1{flex:1}.-fxg\:1{flex-grow:1}.-fxsh\:0{flex-shrink:0}.-fxb{flex-basis:var(--fxb)}.-gt{grid-template:var(--gt)}.-gt\:repeat{grid-template:repeat(var(--rows,1),1fr) /repeat(var(--cols,1),1fr)}.-gta{grid-template-areas:var(--gta)}.-gtc{grid-template-columns:var(--gtc)}.-gtc\:subgrid{grid-template-columns:subgrid}.-gtr{grid-template-rows:var(--gtr)}.-gtr\:subgrid{grid-template-rows:subgrid}.-gaf{grid-auto-flow:var(--gaf)}.-gaf\:row{grid-auto-flow:row}.-gaf\:col{grid-auto-flow:column}.-ga{grid-area:var(--ga)}.-ga\:1\/1{grid-area:1/1}.-gc{grid-column:var(--gc)}.-gc\:1\/-1{grid-column:1/-1}.-gr{grid-row:var(--gr)}.-gr\:1\/-1{grid-row:1/-1}.-ai{align-items:var(--ai)}.-ai\:start{align-items:start}.-ai\:center{align-items:center}.-ai\:end{align-items:end}.-ai\:stretch{align-items:stretch}.-ai\:flex-s{align-items:flex-start}.-ai\:flex-e{align-items:flex-end}.-ac{align-content:var(--ac)}.-ac\:start{align-content:start}.-ac\:center{align-content:center}.-ac\:end{align-content:end}.-ac\:flex-s{align-content:flex-start}.-ac\:flex-e{align-content:flex-end}.-ac\:between{align-content:space-between}.-ji{justify-items:var(--ji)}.-ji\:start{justify-items:start}.-ji\:center{justify-items:center}.-ji\:end{justify-items:end}.-ji\:stretch{justify-items:stretch}.-ji\:flex-s{justify-items:flex-start}.-ji\:flex-e{justify-items:flex-end}.-jc{justify-content:var(--jc)}.-jc\:start{justify-content:start}.-jc\:center{justify-content:center}.-jc\:end{justify-content:end}.-jc\:flex-s{justify-content:flex-start}.-jc\:flex-e{justify-content:flex-end}.-jc\:between{justify-content:space-between}.-pi\:start{place-items:start}.-pi\:center{place-items:center}.-pi\:end{place-items:end}.-pc\:start{place-content:start}.-pc\:center{place-content:center}.-pc\:end{place-content:end}.-aslf\:start{align-self:start}.-aslf\:center{align-self:center}.-aslf\:end{align-self:end}.-aslf\:stretch{align-self:stretch}.-jslf\:start{justify-self:start}.-jslf\:center{justify-self:center}.-jslf\:end{justify-self:end}.-jslf\:stretch{justify-self:stretch}.-pslf\:start{place-self:start}.-pslf\:center{place-self:center}.-pslf\:end{place-self:end}.-order\:0{order:0}.-order\:1{order:1}.-order\:-1{order:-1}.-ovwrap\:any{overflow-wrap:anywhere}.-whspace\:nowrap{white-space:nowrap}.-float\:left{float:left}.-float\:right{float:right}.-clear\:both{clear:both}.-isolation\:isolate{isolation:isolate}@container (min-width: 480px){.-fz_sm{font-size:var(--fz_sm)}.-hl_sm{--hl:var(--hl_sm)!important}.-d_sm{display:var(--d_sm)}.-ar_sm{aspect-ratio:var(--ar_sm)}.-w_sm{width:var(--w_sm)}.-h_sm{height:var(--h_sm)}.-min-w_sm{min-width:var(--min-w_sm)}.-max-w_sm{max-width:var(--max-w_sm)}.-min-h_sm{min-height:var(--min-h_sm)}.-max-h_sm{max-height:var(--max-h_sm)}.-bg_sm{background:var(--bg_sm)}.-bdw_sm{--bdw:var(--bdw_sm)!important}.-bdrs_sm{border-radius:var(--bdrs_sm);--bdrs:var(--bdrs_sm)!important}.-bxsh_sm{box-shadow:var(--bxsh_sm)}.-p_sm{padding:var(--p_sm);--p:var(--p_sm)!important}.-px_sm{padding-inline:var(--px_sm)}.-py_sm{padding-block:var(--py_sm)}.-px-s_sm{padding-inline-start:var(--px-s_sm)}.-px-e_sm{padding-inline-end:var(--px-e_sm)}.-py-s_sm{padding-block-start:var(--py-s_sm)}.-py-e_sm{padding-block-end:var(--py-e_sm)}.-pl_sm{padding-left:var(--pl_sm)}.-pr_sm{padding-right:var(--pr_sm)}.-pt_sm{padding-top:var(--pt_sm)}.-pb_sm{padding-bottom:var(--pb_sm)}.-m_sm{margin:var(--m_sm);--m:var(--m_sm)!important}.-mx_sm{margin-inline:var(--mx_sm)}.-my_sm{margin-block:var(--my_sm)}.-mx-s_sm{margin-inline-start:var(--mx-s_sm)}.-mx-e_sm{margin-inline-end:var(--mx-e_sm)}.-my-s_sm{margin-block-start:var(--my-s_sm)}.-my-e_sm{margin-block-end:var(--my-e_sm)}.-ml_sm{margin-left:var(--ml_sm)}.-mr_sm{margin-right:var(--mr_sm)}.-mt_sm{margin-top:var(--mt_sm)}.-mb_sm{margin-bottom:var(--mb_sm)}.-g_sm{gap:var(--g_sm);--g:var(--g_sm)!important}.-g-x_sm{-moz-column-gap:var(--g-x_sm);column-gap:var(--g-x_sm)}.-g-y_sm{row-gap:var(--g-y_sm)}.-cols_sm{--cols:var(--cols_sm)!important}.-rows_sm{--rows:var(--rows_sm)!important}.-fxw_sm{flex-wrap:var(--fxw_sm)}.-fxd_sm{flex-direction:var(--fxd_sm)}.-fx_sm{flex:var(--fx_sm)}.-fxb_sm{flex-basis:var(--fxb_sm)}.-gt_sm{grid-template:var(--gt_sm)}.-gta_sm{grid-template-areas:var(--gta_sm)}.-gtc_sm{grid-template-columns:var(--gtc_sm)}.-gtr_sm{grid-template-rows:var(--gtr_sm)}.-gaf_sm{grid-auto-flow:var(--gaf_sm)}.-ga_sm{grid-area:var(--ga_sm)}.-gc_sm{grid-column:var(--gc_sm)}.-gr_sm{grid-row:var(--gr_sm)}.-ai_sm{align-items:var(--ai_sm)}.-ac_sm{align-content:var(--ac_sm)}.-ji_sm{justify-items:var(--ji_sm)}.-jc_sm{justify-content:var(--jc_sm)}}@container (min-width: 800px){.-fz_md{font-size:var(--fz_md)}.-hl_md{--hl:var(--hl_md)!important}.-d_md{display:var(--d_md)}.-ar_md{aspect-ratio:var(--ar_md)}.-w_md{width:var(--w_md)}.-h_md{height:var(--h_md)}.-min-w_md{min-width:var(--min-w_md)}.-max-w_md{max-width:var(--max-w_md)}.-min-h_md{min-height:var(--min-h_md)}.-max-h_md{max-height:var(--max-h_md)}.-bg_md{background:var(--bg_md)}.-bdw_md{--bdw:var(--bdw_md)!important}.-bdrs_md{border-radius:var(--bdrs_md);--bdrs:var(--bdrs_md)!important}.-bxsh_md{box-shadow:var(--bxsh_md)}.-p_md{padding:var(--p_md);--p:var(--p_md)!important}.-px_md{padding-inline:var(--px_md)}.-py_md{padding-block:var(--py_md)}.-px-s_md{padding-inline-start:var(--px-s_md)}.-px-e_md{padding-inline-end:var(--px-e_md)}.-py-s_md{padding-block-start:var(--py-s_md)}.-py-e_md{padding-block-end:var(--py-e_md)}.-pl_md{padding-left:var(--pl_md)}.-pr_md{padding-right:var(--pr_md)}.-pt_md{padding-top:var(--pt_md)}.-pb_md{padding-bottom:var(--pb_md)}.-m_md{margin:var(--m_md);--m:var(--m_md)!important}.-mx_md{margin-inline:var(--mx_md)}.-my_md{margin-block:var(--my_md)}.-mx-s_md{margin-inline-start:var(--mx-s_md)}.-mx-e_md{margin-inline-end:var(--mx-e_md)}.-my-s_md{margin-block-start:var(--my-s_md)}.-my-e_md{margin-block-end:var(--my-e_md)}.-ml_md{margin-left:var(--ml_md)}.-mr_md{margin-right:var(--mr_md)}.-mt_md{margin-top:var(--mt_md)}.-mb_md{margin-bottom:var(--mb_md)}.-g_md{gap:var(--g_md);--g:var(--g_md)!important}.-g-x_md{-moz-column-gap:var(--g-x_md);column-gap:var(--g-x_md)}.-g-y_md{row-gap:var(--g-y_md)}.-cols_md{--cols:var(--cols_md)!important}.-rows_md{--rows:var(--rows_md)!important}.-fxw_md{flex-wrap:var(--fxw_md)}.-fxd_md{flex-direction:var(--fxd_md)}.-fx_md{flex:var(--fx_md)}.-fxb_md{flex-basis:var(--fxb_md)}.-gt_md{grid-template:var(--gt_md)}.-gta_md{grid-template-areas:var(--gta_md)}.-gtc_md{grid-template-columns:var(--gtc_md)}.-gtr_md{grid-template-rows:var(--gtr_md)}.-gaf_md{grid-auto-flow:var(--gaf_md)}.-ga_md{grid-area:var(--ga_md)}.-gc_md{grid-column:var(--gc_md)}.-gr_md{grid-row:var(--gr_md)}.-ai_md{align-items:var(--ai_md)}.-ac_md{align-content:var(--ac_md)}.-ji_md{justify-items:var(--ji_md)}.-jc_md{justify-content:var(--jc_md)}}@media (any-hover:hover){.-hov\:c:hover{color:var(--hov-c,var(--link))}.-hov\:bdc:hover{border-color:var(--hov-bdc,currentColor)}.-hov\:bgc:hover{background-color:var(--hov-bgc,var(--base-2))}.-hov\:o:hover{opacity:var(--hov-o,.7)}.-hov\:bxsh:hover{box-shadow:var(--hov-bxsh,var(--bxsh--40))}.-hov\:neutral:hover{background-color:color-mix(in srgb,var(--bgc,var(--base)),#bcbec2 25%)}}.-hov\:to\:hide{--transProp:opacity;opacity:var(--_isHov,0)}.-hov\:to\:show{--transProp:opacity,visibility;opacity:var(--_notHov,0);visibility:var(--_notHov,hidden)}.-hov\:to\:zoom{--transProp:scale;scale:var(--_isHov,1.1)}
1
+ @layer lism-base{@layer reset{*,:after,:before{box-sizing:border-box}:not(dialog){margin:0}html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;line-break:strict;overflow-wrap:anywhere;overflow-x:clip;-moz-tab-size:4;-o-tab-size:4;tab-size:4;word-break:normal}html:has(:modal[open]){overflow:clip}body{min-height:100dvh;overflow:inherit}abbr[title]{text-decoration:underline;text-decoration-style:dotted}pre{overflow-x:auto}:is(ul,ol)[class],menu{list-style:none;padding:0}audio,canvas,iframe,img,object,svg,video{max-inline-size:100%;vertical-align:middle}img,video{block-size:auto}iframe{border:none}::file-selector-button,button,input,select,textarea{color:inherit;font:inherit;font-size:max(16px,1em)}fieldset{min-inline-size:0}textarea{max-inline-size:100%;resize:block}[type=checkbox],[type=radio],label[for],select,summary{cursor:pointer}::file-selector-button,[role=button],[role=option],[role=tab],[type=button],[type=reset],[type=submit],button{cursor:pointer;touch-action:manipulation}:disabled{cursor:not-allowed}[hidden=until-found]{z-index:-1}}@property --sz--container{syntax:"<length-percentage>";initial-value:100cqi;inherits:true}:root{--sz--xl:1600px;--sz--l:1280px;--sz--m:56rem;--sz--s:42rem;--sz--xs:32rem;--sz--min:18rem;--black:#000;--white:#fff;--L:60%;--C:0.22;--red:oklch(var(--L) var(--C) 20);--orange:oklch(calc(var(--L) + 4%) calc(var(--C) - 0.01) 52);--yellow:oklch(calc(var(--L) + 12%) calc(var(--C) - 0.025) 84);--green:oklch(calc(var(--L) + 4%) calc(var(--C) - 0.02) 152);--blue:oklch(calc(var(--L) - 2%) calc(var(--C) + 0.01) 260);--purple:oklch(calc(var(--L) - 4%) calc(var(--C) + 0.02) 292);--pink:oklch(calc(var(--L) + 2%) calc(var(--C) + 0.02) 348);--gray:oklch(calc(var(--L) - 4%) 0.04 256);--brand:#1e5f8c;--accent:#d94a6a;--base:#fcfcfd;--base-2:#f1f2f3;--text:#141415;--text-2:#4d4f56;--link:oklch(50% 0.3 240);--divider:#dedfe3;--o--n10:0.75;--o--n20:0.5;--o--n30:0.25;--bdrs--5:2px;--bdrs--10:0.25rem;--bdrs--20:0.5rem;--bdrs--30:1rem;--bdrs--40:1.5rem;--bdrs--50:2rem;--bdrs--99:99rem;--sh-inset: ;--shc:rgba(20,20,21,.05);--shsz--5:0px 2px 4px;--shsz--10:1px 3px 6px;--shsz--20:1px 5px 10px;--shsz--30:2px 8px 16px;--shsz--40:3px 13px 26px;--shsz--50:5px 21px 42px;--ar--og:1.91/1;--gutter-size:var(--s30);--vertical-mode:vertical-rl;--REM:clamp(0.95rem,0.915rem + 0.15vw,1.05rem);--REM--cq:clamp(0.95rem,0.9rem + 0.22vw,1.05rem);--fz--5xl:4em;--fz--4xl:2.667em;--fz--3xl:2em;--fz--2xl:1.6em;--fz--xl:1.333em;--fz--l:1.143em;--fz--m:1em;--fz--s:0.889em;--fz--xs:0.8em;--fz--2xs:0.727em;--ff--base:-apple-system,"BlinkMacSystemFont","Hiragino Sans",sans-serif,"Segoe UI Emoji";--ff--accent:"Garamond","Baskerville","Times New Roman",serif;--ff--mono:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;--fw--thin:100;--fw--light:300;--fw--normal:400;--fw--medium:500;--fw--bold:700;--fw--black:900;--lts--base:normal;--lts--s:-0.05em;--lts--l:0.05em;--fz--base:var(--REM);--hl-unit:calc(var(--REM)*0.125);--hl--xs:var(--hl-unit);--hl--s:calc(var(--hl-unit)*2);--hl--base:calc(var(--hl-unit)*3);--hl--l:calc(var(--hl-unit)*4);--s-unit:calc(var(--REM)*0.5);--s5:calc(var(--s-unit)*0.5);--s10:var(--s-unit);--s15:calc(var(--s-unit)*1.5);--s20:calc(var(--s-unit)*2);--s30:calc(var(--s-unit)*3);--s40:calc(var(--s-unit)*5);--s50:calc(var(--s-unit)*8);--s60:calc(var(--s-unit)*13);--s70:calc(var(--s-unit)*21);--s80:calc(var(--s-unit)*34)}@property --hl{syntax:"<length>";inherits:true;initial-value:.25rem}.set--shadow,:root{--sh--5:var(--sh-inset) var(--shsz--5) var(--shc);--sh--10:var(--sh-inset) var(--shsz--10) var(--shc);--sh--20:var(--sh-inset) var(--shsz--20) var(--shc);--sh--30:var(--sh-inset) var(--shsz--30) var(--shc);--sh--40:var(--sh-inset) var(--shsz--40) var(--shc);--sh--50:var(--sh-inset) var(--shsz--50) var(--shc);--bxsh--5:var(--sh--5);--bxsh--10:var(--sh--5),var(--sh--10);--bxsh--20:var(--sh--10),var(--sh--20);--bxsh--30:var(--sh--20),var(--sh--30);--bxsh--40:var(--sh--30),var(--sh--40);--bxsh--50:var(--sh--40),var(--sh--50)}body{--hl:var(--hl--base);background-color:var(--base);color:var(--text);font-family:var(--ff--base);font-size:var(--fz--base);letter-spacing:var(--lts--base);text-underline-offset:var(--under-offset,.125em)}*{line-height:calc(1em + var(--hl)*2)}:is(h1,h2,h3,h4,h5,h6){font-family:var(--heading-ff,inherit);font-weight:var(--heading-fw,bolder)}h1{font-size:var(--fz--3xl)}h2{font-size:var(--fz--2xl)}h3{font-size:var(--fz--xl)}h4{font-size:var(--fz--l)}h5,h6{font-size:var(--fz--m)}:is(ul,ol):where(:not([class])),:is(ul,ol):where([class^="-"]){list-style:revert;padding-inline-start:var(--s30)}a{color:var(--link-c,var(--link));-webkit-text-decoration:var(--link-td,underline);text-decoration:var(--link-td,underline);text-decoration-color:var(--link-td-color,currentColor);text-decoration-thickness:var(--link-td-thickness,auto)}small{--hl:var(--hl--s);font-size:var(--fz--xs)}b,strong{font-weight:var(--fw--bold)}sub,sup{font-size:80%;line-height:1.2}caption,figcaption,legend{font-size:var(--fz--s)}code,kbd,samp,var{font-family:var(--ff--mono)}dt{font-weight:var(--fw--bold)}dd+dt{margin-block-start:var(--s15)}blockquote{background-color:var(--base-2);padding:var(--s30)}hr{block-size:0;border:none;border-block-start:1px solid var(--divider)}th{background-color:var(--th--bgc,transparent);color:var(--th--c,inherit)}td,th{min-inline-size:var(--cell-min-w,initial);padding:var(--cell-p,var(--s5) var(--s10))}::file-selector-button,button,input,select,textarea{background-color:var(--base);border:1px solid var(--divider);border-radius:var(--bdrs--10);padding:var(--s5) var(--s10)}button{background-color:var(--base-2)}:disabled{opacity:var(--o--n20)}:focus-visible{outline-offset:var(--focus-offset,0)}.set--cqUnit{--REM:var(--REM--cq);font-size:var(--REM--cq);--fz--base:var(--REM);--hl-unit:calc(var(--REM)*0.125);--hl--xs:var(--hl-unit);--hl--s:calc(var(--hl-unit)*2);--hl--base:calc(var(--hl-unit)*3);--hl--l:calc(var(--hl-unit)*4);--s-unit:calc(var(--REM)*0.5);--s5:calc(var(--s-unit)*0.5);--s10:var(--s-unit);--s15:calc(var(--s-unit)*1.5);--s20:calc(var(--s-unit)*2);--s30:calc(var(--s-unit)*3);--s40:calc(var(--s-unit)*5);--s50:calc(var(--s-unit)*8);--s60:calc(var(--s-unit)*13);--s70:calc(var(--s-unit)*21);--s80:calc(var(--s-unit)*34)}:root{--_is_sm:unset;--_is_md:unset}@container (min-width: 480px){.set--bp{--_is_sm: }}@container (min-width: 800px){.set--bp{--_is_md: }}@media (any-hover:hover){.set--hov:hover{--_notHov: }.set--hov:not(:is(:hover,:focus-within)){--_isHov: }}@media (any-hover:none){.set--hov{--_isHov: }}.set--hov:is(:focus-visible,:focus-within){--_notHov: }.set--transition{transition:var(--hov-duration,.25s) var(--hov-ease,linear) var(--hov-delay,0s);transition-property:var(--hov-prop,all)}.set--innerRs{--bdrs--inner:calc(var(--bdrs, 0px) - var(--p, 0px))}.set--plain{background:none;border:none;border-radius:0;color:inherit;font:inherit;height:auto;line-height:calc(1em + var(--hl)*2);margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;text-decoration:none;width:auto}.set--gutter{padding-inline:var(--gutter-size)}}@layer lism-modules{@layer state{.is--container{container-type:inline-size}.is--container>*{--sz--container:100cqi}.is--container.set--gutter>*{--sz--container:calc(100cqi + var(--gutter-size)*2)}.is--wrapper{--contentSize:var(--sz--m,100%)}.is--wrapper>*{margin-inline:auto;max-inline-size:min(100%,var(--contentSize))}.-contentSize\:s{--contentSize:var(--sz--s)}.-contentSize\:l{--contentSize:var(--sz--l)}.is--linkBox{color:inherit;cursor:pointer;display:block;isolation:isolate;pointer-events:auto;position:relative;text-decoration:none}.is--linkBox a{position:relative;z-index:2}.is--layer{inset:0;overflow:hidden;position:absolute}.is--vertical{writing-mode:var(--vertical-mode)}.is--vertical\@sm{writing-mode:var(--_is_sm) var(--vertical-mode)}.is--vertical\@md{writing-mode:var(--_is_md) var(--vertical-mode)}}@layer layout{.l--flow{--flow--base:var(--s30);--flow--s:var(--s20);display:flow-root}.l--flow>*+*{--flow:var(--flow--base);margin-block-start:var(--flow)}.l--flow>:where(img,video,iframe){display:block}.-flow\:s>*{--flow:var(--flow--s)}.-flow\:>*{--flow:inherit}.l--flow>:where(h1,h2,h3,h4,h5,h6){margin-block-start:calc(var(--flow)*var(--flow-hScale, 2))}.is--skipFlow+*,.l--flow>:first-child{--flow:0px}.l--flex{display:flex}.l--flex>*{min-width:0}.l--cluster{align-items:center;display:flex;flex-wrap:wrap}.l--stack{display:flex;flex-direction:column}.l--grid{--gtr:none;--gtc:none;--gta:none;display:grid;grid-template:var(--gtr)/var(--gtc);grid-template-areas:var(--gta)}.l--grid>*{min-width:0}.l--center{display:grid;place-content:center;place-items:center}.l--fluidCols{--cols:var(--sz--min);--autoMode:auto-fit;display:grid;grid-template-columns:repeat(var(--autoMode),minmax(min(var(--cols),100%),1fr))}.l--columns{--cols:2;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr))}.l--sideMain{--sideW:auto;--mainW:max(var(--sz--min),50%);display:flex;flex-wrap:wrap}.l--sideMain>.is--side{flex-basis:var(--sideW);flex-grow:1}.l--sideMain>:not(.is--side){flex-basis:min(100%,var(--mainW));flex-grow:9999999}.l--switchCols{--breakSize:var(--sz--xs);display:flex;flex-wrap:wrap}.l--switchCols>*{flex-basis:calc((var(--breakSize) - 100%)*9999);flex-grow:1}.l--frame{overflow:hidden}.l--frame>:where(img,video,iframe,.a--media){display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}}@layer atomic{.a--divider{--bdc:var(--divider);--bds:solid;--bdw:1px;border-block-start:var(--bdw) var(--bds) var(--bdc)}.a--icon{flex-shrink:0}.a--icon:where(:not([fill])){fill:currentcolor}.a--icon:where(:not([width])){height:1em;width:1em}.a--spacer{min-height:1px;min-width:1px}.a--media{display:block}}}@layer lism-utility{.u--trim{margin-block:calc(var(--hl)*-1)}.u--trimChildren>*{--my:calc(var(--hl)*-1);margin-block:var(--my)}.u--trimChildren>:where(figure,img,button){--my:0px}.u--cbox{--c:color-mix(in srgb,var(--text),var(--keycolor) var(--cbox-cPct,32%));--bgc:color-mix(in srgb,var(--base),var(--keycolor) var(--cbox-bgPct,4%));--bdc:color-mix(in srgb,transparent,var(--keycolor) var(--cbox-bdPct,64%));--link-c:var(--keycolor);background-color:var(--bgc);color:var(--c)}@supports (color:oklch(from red l c h)){.u--cbox{--shc:oklch(from var(--keycolor) calc(l / 1.5) calc(c / 1.5) h/0.1)}}.u--collapseGrid{--bdw:1px;--bdc:var(--divider);gap:var(--bdw);padding:var(--bdw)}.u--collapseGrid>*{box-shadow:0 0 0 var(--bdw) var(--bdc)}.u--expandedLink{color:inherit;position:static;text-decoration:none}.u--expandedLink:before{content:"";inset:0;position:absolute;z-index:1}.u--srOnly.u--srOnly{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.u--snap{scroll-snap-type:var(--snapType,both mandatory)}.u--snap>*{scroll-snap-align:var(--snapAlign,start);scroll-snap-stop:var(--snapStop,normal)}.u--clipText{-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}}@layer lism-custom{}.-lh\:1{--hl:0px}.-lh\:base{--hl:var(--hl--base)}.-lh\:xs{--hl:var(--hl--xs)}.-lh\:s{--hl:var(--hl--s)}.-lh\:l{--hl:var(--hl--l)}@layer lism.base{.-bd,[class*=" -bd-"],[class^=-bd-]{--bds:solid;--bdw:1px;--bdc:var(--divider);border-color:var(--bdc);border-width:var(--bdw)}}.-bd{border-style:var(--bds)}.-bd-x{border-inline-style:var(--bds)}.-bd-y{border-block-style:var(--bds)}.-bd-x-s{border-inline-start-style:var(--bds)}.-bd-x-e{border-inline-end-style:var(--bds)}.-bd-t{border-top-style:var(--bds)}.-bd-b{border-bottom-style:var(--bds)}.-bd-l{border-left-style:var(--bds)}.-bd-r{border-right-style:var(--bds)}.-bd-y-s{border-block-start-style:var(--bds)}.-bd-y-e{border-block-end-style:var(--bds)}.-max-sz\:full{max-inline-size:100%}:where(.set--gutter)>.-max-sz\:full{margin-inline:calc(var(--gutter-size)*-1);max-inline-size:calc(100% + var(--gutter-size)*2)}.-max-sz\:container{margin-inline:calc(50% - var(--sz--container)/2);max-inline-size:var(--sz--container,100cqi)}.-f\:inherit{font:inherit}.-fz,[class*="-fz:"]{font-size:var(--fz)}.-fz\:root{--fz:var(--fz--root)}.-fz\:base{--fz:var(--fz--base)}.-fz\:5xl{--fz:var(--fz--5xl)}.-fz\:4xl{--fz:var(--fz--4xl)}.-fz\:3xl{--fz:var(--fz--3xl)}.-fz\:2xl{--fz:var(--fz--2xl)}.-fz\:xl{--fz:var(--fz--xl)}.-fz\:l{--fz:var(--fz--l)}.-fz\:m{--fz:var(--fz--m)}.-fz\:s{--fz:var(--fz--s)}.-fz\:xs{--fz:var(--fz--xs)}.-fz\:2xs{--fz:var(--fz--2xs)}.-fw\:thin{font-weight:var(--fw--thin)}.-fw\:light{font-weight:var(--fw--light)}.-fw\:normal{font-weight:var(--fw--normal)}.-fw\:medium{font-weight:var(--fw--medium)}.-fw\:bold{font-weight:var(--fw--bold)}.-fw\:black{font-weight:var(--fw--black)}.-ff\:base{font-family:var(--ff--base)}.-ff\:accent{font-family:var(--ff--accent)}.-ff\:mono{font-family:var(--ff--mono)}.-fs\:italic{font-style:italic}.-lts\:base{letter-spacing:var(--lts--base)}.-lts\:s{letter-spacing:var(--lts--s)}.-lts\:l{letter-spacing:var(--lts--l)}.-ta\:center{text-align:center}.-ta\:left{text-align:left}.-ta\:right{text-align:right}.-td\:none{text-decoration:none}.-tt\:upper{text-transform:uppercase}.-tt\:lower{text-transform:lowercase}.-d{display:var(--d)}.-d\:none{display:none}.-d\:block{display:block}.-d\:in-flex{display:inline-flex}.-o\:0{opacity:0}.-o\:-10{opacity:var(--o--n10)}.-o\:-20{opacity:var(--o--n20)}.-o\:-30{opacity:var(--o--n30)}.-v\:hidden{visibility:hidden}.-ov\:hidden{overflow:hidden}.-ov\:auto{overflow:auto}.-ov\:clip{overflow:clip}.-ov-x\:clip{overflow-x:clip}.-ov-x\:auto{overflow-x:auto}.-ov-x\:scroll{overflow-x:scroll}.-ov-y\:clip{overflow-y:clip}.-ov-y\:auto{overflow-y:auto}.-ov-y\:scroll{overflow-y:scroll}.-ar{aspect-ratio:var(--ar)}.-ar\:21\/9{aspect-ratio:21/9}.-ar\:16\/9{aspect-ratio:16/9}.-ar\:3\/2{aspect-ratio:3/2}.-ar\:1\/1{aspect-ratio:1/1}.-ar\:og{aspect-ratio:var(--ar--og)}.-w{width:var(--w)}.-w\:100\%{width:100%}.-w\:fit{width:-moz-fit-content;width:fit-content}.-h{height:var(--h)}.-h\:100\%{height:100%}.-h\:fit{height:-moz-fit-content;height:fit-content}.-min-w{min-width:var(--min-w)}.-min-w\:100\%{min-width:100%}.-max-w{max-width:var(--max-w)}.-max-w\:100\%{max-width:100%}.-min-h{min-height:var(--min-h)}.-min-h\:100\%{min-height:100%}.-max-h{max-height:var(--max-h)}.-max-h\:100\%{max-height:100%}.-max-sz\:xs{max-inline-size:var(--sz--xs)}.-max-sz\:s{max-inline-size:var(--sz--s)}.-max-sz\:m{max-inline-size:var(--sz--m)}.-max-sz\:l{max-inline-size:var(--sz--l)}.-max-sz\:xl{max-inline-size:var(--sz--xl)}.-bg{background:var(--bg)}.-bgr\:no-repeat{background-repeat:no-repeat}.-bgp\:center{background-position:50%}.-bgsz\:cover{background-size:cover}.-bgsz\:contain{background-size:contain}.-bgc,[class*="-bgc:"]{background-color:var(--bgc)}.-bgc\:base{--bgc:var(--base)}.-bgc\:base-2{--bgc:var(--base-2)}.-bgc\:text{--bgc:var(--text)}.-bgc\:brand{--bgc:var(--brand)}.-bgc\:accent{--bgc:var(--accent)}.-bgc\:transparent{--bgc:transparent}.-bgc\:inherit{background-color:inherit}.-c,[class*="-c:"]{color:var(--c)}.-c\:base{--c:var(--base)}.-c\:text{--c:var(--text)}.-c\:text-2{--c:var(--text-2)}.-c\:brand{--c:var(--brand)}.-c\:accent{--c:var(--accent)}.-c\:inherit{color:inherit}.-bd\:none{border:none}.-bds\:dashed{--bds:dashed}.-bds\:dotted{--bds:dotted}.-bds\:double{--bds:double}.-bdc\:brand{--bdc:var(--brand)}.-bdc\:accent{--bdc:var(--accent)}.-bdc\:divider{--bdc:var(--divider)}.-bdc\:inherit{--bdc:inherit}.-bdc\:transparent{--bdc:transparent}.-bdc\:cc{--bdc:currentColor}.-bdrs,[class*="-bdrs:"]{border-radius:var(--bdrs)}.-bdrs\:0{--bdrs:0}.-bdrs\:5{--bdrs:var(--bdrs--5)}.-bdrs\:10{--bdrs:var(--bdrs--10)}.-bdrs\:20{--bdrs:var(--bdrs--20)}.-bdrs\:30{--bdrs:var(--bdrs--30)}.-bdrs\:40{--bdrs:var(--bdrs--40)}.-bdrs\:50{--bdrs:var(--bdrs--50)}.-bdrs\:99{--bdrs:var(--bdrs--99)}.-bdrs\:inner{--bdrs:var(--bdrs--inner)}.-bxsh,[class*="-bxsh:"]{box-shadow:var(--bxsh)}.-bxsh\:0{--bxsh:none}.-bxsh\:5{--bxsh:var(--bxsh--5)}.-bxsh\:10{--bxsh:var(--bxsh--10)}.-bxsh\:20{--bxsh:var(--bxsh--20)}.-bxsh\:30{--bxsh:var(--bxsh--30)}.-bxsh\:40{--bxsh:var(--bxsh--40)}.-bxsh\:50{--bxsh:var(--bxsh--50)}.-pos\:static{position:static}.-pos\:fixed{position:fixed}.-pos\:sticky{position:sticky}.-pos\:rel{position:relative}.-pos\:abs{position:absolute}.-z\:0{z-index:0}.-z\:1{z-index:1}.-z\:99{z-index:99}.-z\:-1{z-index:-1}.-t\:0{top:0}.-t\:50\%{top:50%}.-t\:100\%{top:100%}.-l\:0{left:0}.-l\:50\%{left:50%}.-l\:100\%{left:100%}.-r\:0{right:0}.-r\:50\%{right:50%}.-r\:100\%{right:100%}.-b\:0{bottom:0}.-b\:50\%{bottom:50%}.-b\:100\%{bottom:100%}.-i\:0{inset:0}.-p,[class*="-p:"]{padding:var(--p)}.-p\:0{--p:0}.-p\:5{--p:var(--s5)}.-p\:10{--p:var(--s10)}.-p\:15{--p:var(--s15)}.-p\:20{--p:var(--s20)}.-p\:30{--p:var(--s30)}.-p\:40{--p:var(--s40)}.-p\:50{--p:var(--s50)}.-p\:60{--p:var(--s60)}.-p\:70{--p:var(--s70)}.-p\:80{--p:var(--s80)}.-px,[class*="-px:"]{padding-inline:var(--px)}.-px\:0{--px:0}.-px\:5{--px:var(--s5)}.-px\:10{--px:var(--s10)}.-px\:15{--px:var(--s15)}.-px\:20{--px:var(--s20)}.-px\:30{--px:var(--s30)}.-px\:40{--px:var(--s40)}.-px\:50{--px:var(--s50)}.-px\:60{--px:var(--s60)}.-px\:70{--px:var(--s70)}.-px\:80{--px:var(--s80)}.-py,[class*="-py:"]{padding-block:var(--py)}.-py\:0{--py:0}.-py\:5{--py:var(--s5)}.-py\:10{--py:var(--s10)}.-py\:15{--py:var(--s15)}.-py\:20{--py:var(--s20)}.-py\:30{--py:var(--s30)}.-py\:40{--py:var(--s40)}.-py\:50{--py:var(--s50)}.-py\:60{--py:var(--s60)}.-py\:70{--py:var(--s70)}.-py\:80{--py:var(--s80)}.-px-s{padding-inline-start:var(--px-s)}.-px-e{padding-inline-end:var(--px-e)}.-py-s{padding-block-start:var(--py-s)}.-py-e{padding-block-end:var(--py-e)}.-pl{padding-left:var(--pl)}.-pr{padding-right:var(--pr)}.-pt{padding-top:var(--pt)}.-pb{padding-bottom:var(--pb)}.-m,[class*="-m:"]{margin:var(--m)}.-m\:0{--m:0}.-m\:5{--m:var(--s5)}.-m\:10{--m:var(--s10)}.-m\:15{--m:var(--s15)}.-m\:20{--m:var(--s20)}.-m\:30{--m:var(--s30)}.-m\:40{--m:var(--s40)}.-m\:50{--m:var(--s50)}.-m\:60{--m:var(--s60)}.-m\:70{--m:var(--s70)}.-m\:80{--m:var(--s80)}.-m\:auto{--m:auto}.-mx,[class*="-mx:"]{margin-inline:var(--mx)}.-mx\:0{--mx:0}.-mx\:5{--mx:var(--s5)}.-mx\:10{--mx:var(--s10)}.-mx\:15{--mx:var(--s15)}.-mx\:20{--mx:var(--s20)}.-mx\:30{--mx:var(--s30)}.-mx\:40{--mx:var(--s40)}.-mx\:50{--mx:var(--s50)}.-mx\:60{--mx:var(--s60)}.-mx\:70{--mx:var(--s70)}.-mx\:80{--mx:var(--s80)}.-mx\:auto{--mx:auto}.-my,[class*="-my:"]{margin-block:var(--my)}.-my\:0{--my:0}.-my\:5{--my:var(--s5)}.-my\:10{--my:var(--s10)}.-my\:15{--my:var(--s15)}.-my\:20{--my:var(--s20)}.-my\:30{--my:var(--s30)}.-my\:40{--my:var(--s40)}.-my\:50{--my:var(--s50)}.-my\:60{--my:var(--s60)}.-my\:70{--my:var(--s70)}.-my\:80{--my:var(--s80)}.-my\:auto{--my:auto}.-mx-s{margin-inline-start:var(--mx-s)}.-mx-s\:auto{margin-inline-start:auto}.-mx-e{margin-inline-end:var(--mx-e)}.-mx-e\:auto{margin-inline-end:auto}.-my-s{margin-block-start:var(--my-s)}.-my-s\:0{margin-block-start:0}.-my-s\:5{margin-block-start:var(--s5)}.-my-s\:10{margin-block-start:var(--s10)}.-my-s\:15{margin-block-start:var(--s15)}.-my-s\:20{margin-block-start:var(--s20)}.-my-s\:30{margin-block-start:var(--s30)}.-my-s\:40{margin-block-start:var(--s40)}.-my-s\:50{margin-block-start:var(--s50)}.-my-s\:60{margin-block-start:var(--s60)}.-my-s\:70{margin-block-start:var(--s70)}.-my-s\:80{margin-block-start:var(--s80)}.-my-s\:auto{margin-block-start:auto}.-my-e{margin-block-end:var(--my-e)}.-my-e\:auto{margin-block-end:auto}.-ml{margin-left:var(--ml)}.-mr{margin-right:var(--mr)}.-mt{margin-top:var(--mt)}.-mb{margin-bottom:var(--mb)}.-g,[class*="-g:"]{gap:var(--g)}.-g\:0{--g:0}.-g\:5{--g:var(--s5)}.-g\:10{--g:var(--s10)}.-g\:15{--g:var(--s15)}.-g\:20{--g:var(--s20)}.-g\:30{--g:var(--s30)}.-g\:40{--g:var(--s40)}.-g\:50{--g:var(--s50)}.-g\:60{--g:var(--s60)}.-g\:70{--g:var(--s70)}.-g\:80{--g:var(--s80)}.-g\:inherit{gap:inherit}.-g-x{-moz-column-gap:var(--g-x);column-gap:var(--g-x)}.-g-y{row-gap:var(--g-y)}.-fxw{flex-wrap:var(--fxw)}.-fxw\:wrap{flex-wrap:wrap}.-fxd{flex-direction:var(--fxd)}.-fxd\:col{flex-direction:column}.-fxd\:col-r{flex-direction:column-reverse}.-fxd\:row-r{flex-direction:row-reverse}.-fx{flex:var(--fx)}.-fx\:1{flex:1}.-fxg\:1{flex-grow:1}.-fxsh\:0{flex-shrink:0}.-fxb{flex-basis:var(--fxb)}.-gt{grid-template:var(--gt)}.-gt\:repeat{grid-template:repeat(var(--rows,1),1fr) /repeat(var(--cols,1),1fr)}.-gta{grid-template-areas:var(--gta)}.-gtc{grid-template-columns:var(--gtc)}.-gtc\:subgrid{grid-template-columns:subgrid}.-gtr{grid-template-rows:var(--gtr)}.-gtr\:subgrid{grid-template-rows:subgrid}.-gaf{grid-auto-flow:var(--gaf)}.-gaf\:row{grid-auto-flow:row}.-gaf\:col{grid-auto-flow:column}.-ga{grid-area:var(--ga)}.-ga\:1\/1{grid-area:1/1}.-gc{grid-column:var(--gc)}.-gc\:1\/-1{grid-column:1/-1}.-gr{grid-row:var(--gr)}.-gr\:1\/-1{grid-row:1/-1}.-ai{align-items:var(--ai)}.-ai\:start{align-items:start}.-ai\:center{align-items:center}.-ai\:end{align-items:end}.-ai\:stretch{align-items:stretch}.-ai\:flex-s{align-items:flex-start}.-ai\:flex-e{align-items:flex-end}.-ac{align-content:var(--ac)}.-ac\:start{align-content:start}.-ac\:center{align-content:center}.-ac\:end{align-content:end}.-ac\:flex-s{align-content:flex-start}.-ac\:flex-e{align-content:flex-end}.-ac\:between{align-content:space-between}.-ji{justify-items:var(--ji)}.-ji\:start{justify-items:start}.-ji\:center{justify-items:center}.-ji\:end{justify-items:end}.-ji\:stretch{justify-items:stretch}.-ji\:flex-s{justify-items:flex-start}.-ji\:flex-e{justify-items:flex-end}.-jc{justify-content:var(--jc)}.-jc\:start{justify-content:start}.-jc\:center{justify-content:center}.-jc\:end{justify-content:end}.-jc\:flex-s{justify-content:flex-start}.-jc\:flex-e{justify-content:flex-end}.-jc\:between{justify-content:space-between}.-pi\:start{place-items:start}.-pi\:center{place-items:center}.-pi\:end{place-items:end}.-pc\:start{place-content:start}.-pc\:center{place-content:center}.-pc\:end{place-content:end}.-aslf\:start{align-self:start}.-aslf\:center{align-self:center}.-aslf\:end{align-self:end}.-aslf\:stretch{align-self:stretch}.-jslf\:start{justify-self:start}.-jslf\:center{justify-self:center}.-jslf\:end{justify-self:end}.-jslf\:stretch{justify-self:stretch}.-pslf\:start{place-self:start}.-pslf\:center{place-self:center}.-pslf\:end{place-self:end}.-order\:0{order:0}.-order\:1{order:1}.-order\:-1{order:-1}.-ovwrap\:any{overflow-wrap:anywhere}.-whspace\:nowrap{white-space:nowrap}.-float\:left{float:left}.-float\:right{float:right}.-clear\:both{clear:both}.-isolation\:isolate{isolation:isolate}@container (min-width: 480px){.-fz_sm{font-size:var(--fz_sm)}.-hl_sm{--hl:var(--hl_sm)!important}.-d_sm{display:var(--d_sm)}.-ar_sm{aspect-ratio:var(--ar_sm)}.-w_sm{width:var(--w_sm)}.-h_sm{height:var(--h_sm)}.-min-w_sm{min-width:var(--min-w_sm)}.-max-w_sm{max-width:var(--max-w_sm)}.-min-h_sm{min-height:var(--min-h_sm)}.-max-h_sm{max-height:var(--max-h_sm)}.-bg_sm{background:var(--bg_sm)}.-bdw_sm{--bdw:var(--bdw_sm)!important}.-bdrs_sm{border-radius:var(--bdrs_sm);--bdrs:var(--bdrs_sm)!important}.-bxsh_sm{box-shadow:var(--bxsh_sm)}.-p_sm{padding:var(--p_sm);--p:var(--p_sm)!important}.-px_sm{padding-inline:var(--px_sm)}.-py_sm{padding-block:var(--py_sm)}.-px-s_sm{padding-inline-start:var(--px-s_sm)}.-px-e_sm{padding-inline-end:var(--px-e_sm)}.-py-s_sm{padding-block-start:var(--py-s_sm)}.-py-e_sm{padding-block-end:var(--py-e_sm)}.-pl_sm{padding-left:var(--pl_sm)}.-pr_sm{padding-right:var(--pr_sm)}.-pt_sm{padding-top:var(--pt_sm)}.-pb_sm{padding-bottom:var(--pb_sm)}.-m_sm{margin:var(--m_sm);--m:var(--m_sm)!important}.-mx_sm{margin-inline:var(--mx_sm)}.-my_sm{margin-block:var(--my_sm)}.-mx-s_sm{margin-inline-start:var(--mx-s_sm)}.-mx-e_sm{margin-inline-end:var(--mx-e_sm)}.-my-s_sm{margin-block-start:var(--my-s_sm)}.-my-e_sm{margin-block-end:var(--my-e_sm)}.-ml_sm{margin-left:var(--ml_sm)}.-mr_sm{margin-right:var(--mr_sm)}.-mt_sm{margin-top:var(--mt_sm)}.-mb_sm{margin-bottom:var(--mb_sm)}.-g_sm{gap:var(--g_sm);--g:var(--g_sm)!important}.-g-x_sm{-moz-column-gap:var(--g-x_sm);column-gap:var(--g-x_sm)}.-g-y_sm{row-gap:var(--g-y_sm)}.-cols_sm{--cols:var(--cols_sm)!important}.-rows_sm{--rows:var(--rows_sm)!important}.-fxw_sm{flex-wrap:var(--fxw_sm)}.-fxd_sm{flex-direction:var(--fxd_sm)}.-fx_sm{flex:var(--fx_sm)}.-fxb_sm{flex-basis:var(--fxb_sm)}.-gt_sm{grid-template:var(--gt_sm)}.-gta_sm{grid-template-areas:var(--gta_sm)}.-gtc_sm{grid-template-columns:var(--gtc_sm)}.-gtr_sm{grid-template-rows:var(--gtr_sm)}.-gaf_sm{grid-auto-flow:var(--gaf_sm)}.-ga_sm{grid-area:var(--ga_sm)}.-gc_sm{grid-column:var(--gc_sm)}.-gr_sm{grid-row:var(--gr_sm)}.-ai_sm{align-items:var(--ai_sm)}.-ac_sm{align-content:var(--ac_sm)}.-ji_sm{justify-items:var(--ji_sm)}.-jc_sm{justify-content:var(--jc_sm)}}@container (min-width: 800px){.-fz_md{font-size:var(--fz_md)}.-hl_md{--hl:var(--hl_md)!important}.-d_md{display:var(--d_md)}.-ar_md{aspect-ratio:var(--ar_md)}.-w_md{width:var(--w_md)}.-h_md{height:var(--h_md)}.-min-w_md{min-width:var(--min-w_md)}.-max-w_md{max-width:var(--max-w_md)}.-min-h_md{min-height:var(--min-h_md)}.-max-h_md{max-height:var(--max-h_md)}.-bg_md{background:var(--bg_md)}.-bdw_md{--bdw:var(--bdw_md)!important}.-bdrs_md{border-radius:var(--bdrs_md);--bdrs:var(--bdrs_md)!important}.-bxsh_md{box-shadow:var(--bxsh_md)}.-p_md{padding:var(--p_md);--p:var(--p_md)!important}.-px_md{padding-inline:var(--px_md)}.-py_md{padding-block:var(--py_md)}.-px-s_md{padding-inline-start:var(--px-s_md)}.-px-e_md{padding-inline-end:var(--px-e_md)}.-py-s_md{padding-block-start:var(--py-s_md)}.-py-e_md{padding-block-end:var(--py-e_md)}.-pl_md{padding-left:var(--pl_md)}.-pr_md{padding-right:var(--pr_md)}.-pt_md{padding-top:var(--pt_md)}.-pb_md{padding-bottom:var(--pb_md)}.-m_md{margin:var(--m_md);--m:var(--m_md)!important}.-mx_md{margin-inline:var(--mx_md)}.-my_md{margin-block:var(--my_md)}.-mx-s_md{margin-inline-start:var(--mx-s_md)}.-mx-e_md{margin-inline-end:var(--mx-e_md)}.-my-s_md{margin-block-start:var(--my-s_md)}.-my-e_md{margin-block-end:var(--my-e_md)}.-ml_md{margin-left:var(--ml_md)}.-mr_md{margin-right:var(--mr_md)}.-mt_md{margin-top:var(--mt_md)}.-mb_md{margin-bottom:var(--mb_md)}.-g_md{gap:var(--g_md);--g:var(--g_md)!important}.-g-x_md{-moz-column-gap:var(--g-x_md);column-gap:var(--g-x_md)}.-g-y_md{row-gap:var(--g-y_md)}.-cols_md{--cols:var(--cols_md)!important}.-rows_md{--rows:var(--rows_md)!important}.-fxw_md{flex-wrap:var(--fxw_md)}.-fxd_md{flex-direction:var(--fxd_md)}.-fx_md{flex:var(--fx_md)}.-fxb_md{flex-basis:var(--fxb_md)}.-gt_md{grid-template:var(--gt_md)}.-gta_md{grid-template-areas:var(--gta_md)}.-gtc_md{grid-template-columns:var(--gtc_md)}.-gtr_md{grid-template-rows:var(--gtr_md)}.-gaf_md{grid-auto-flow:var(--gaf_md)}.-ga_md{grid-area:var(--ga_md)}.-gc_md{grid-column:var(--gc_md)}.-gr_md{grid-row:var(--gr_md)}.-ai_md{align-items:var(--ai_md)}.-ac_md{align-content:var(--ac_md)}.-ji_md{justify-items:var(--ji_md)}.-jc_md{justify-content:var(--jc_md)}}@media (any-hover:hover){.-hov\:c:hover{color:var(--hov-c,var(--link))}.-hov\:bdc:hover{border-color:var(--hov-bdc,currentColor)}.-hov\:bgc:hover{background-color:var(--hov-bgc,var(--base-2))}.-hov\:o:hover{opacity:var(--hov-o,.7)}.-hov\:bxsh:hover{box-shadow:var(--hov-bxsh,var(--bxsh--40))}.-hov\:neutral:hover{background-color:color-mix(in srgb,var(--bgc,var(--base)),#bcbec2 25%)}}.-hov\:to\:hide{--transProp:opacity;opacity:var(--_isHov,0)}.-hov\:to\:show{--transProp:opacity,visibility;opacity:var(--_notHov,0);visibility:var(--_notHov,hidden)}.-hov\:to\:zoom{--transProp:scale;scale:var(--_isHov,1.1)}
@@ -1 +1 @@
1
- @layer reset{*,:after,:before{box-sizing:border-box}:not(dialog){margin:0}html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;line-break:strict;overflow-wrap:anywhere;overflow-x:clip;-moz-tab-size:4;-o-tab-size:4;tab-size:4;word-break:normal}html:has(:modal[open]){overflow:clip}body{min-height:100dvh;overflow:inherit}abbr[title]{text-decoration:underline;text-decoration-style:dotted}pre{overflow-x:auto}:is(ul,ol)[class],menu{list-style:none;padding:0}audio,canvas,iframe,img,object,svg,video{max-inline-size:100%;vertical-align:middle}img,video{block-size:auto}iframe{border:none}::file-selector-button,button,input,select,textarea{color:inherit;font:inherit;font-size:max(16px,1em)}fieldset{min-inline-size:0}textarea{max-inline-size:100%;resize:block}[type=checkbox],[type=radio],label[for],select,summary{cursor:pointer}::file-selector-button,[role=button],[role=option],[role=tab],[type=button],[type=reset],[type=submit],button{cursor:pointer;touch-action:manipulation}:disabled{cursor:not-allowed}[hidden=until-found]{z-index:-1}}@property --sz--container{syntax:"<length-percentage>";initial-value:100cqi;inherits:true}:root{--sz--xl:1600px;--sz--l:1280px;--sz--m:56rem;--sz--s:42rem;--sz--xs:32rem;--sz--min:18rem;--black:#000;--white:#fff;--L:60%;--C:0.22;--red:oklch(var(--L) var(--C) 20);--orange:oklch(calc(var(--L) + 4%) calc(var(--C) - 0.01) 52);--yellow:oklch(calc(var(--L) + 12%) calc(var(--C) - 0.025) 84);--green:oklch(calc(var(--L) + 4%) calc(var(--C) - 0.02) 152);--blue:oklch(calc(var(--L) - 2%) calc(var(--C) + 0.01) 260);--purple:oklch(calc(var(--L) - 4%) calc(var(--C) + 0.02) 292);--pink:oklch(calc(var(--L) + 2%) calc(var(--C) + 0.02) 348);--gray:oklch(calc(var(--L) - 4%) 0.04 256);--brand:#1e5f8c;--accent:#d94a6a;--base:#fcfcfd;--base-2:#f1f2f3;--text:#141415;--text-2:#4d4f56;--link:oklch(50% 0.3 240);--divider:#dedfe3;--o--n10:0.75;--o--n20:0.5;--o--n30:0.25;--bdrs--5:2px;--bdrs--10:0.25rem;--bdrs--20:0.5rem;--bdrs--30:1rem;--bdrs--40:1.5rem;--bdrs--50:2rem;--bdrs--99:99rem;--sh-inset: ;--shc:rgba(20,20,21,.05);--shsz--5:0px 2px 4px;--shsz--10:1px 3px 6px;--shsz--20:1px 5px 10px;--shsz--30:2px 8px 16px;--shsz--40:3px 13px 26px;--shsz--50:5px 21px 42px;--ar--og:1.91/1;--gutter-size:var(--s30);--vertical-mode:vertical-rl;--REM:clamp(0.95rem,0.915rem + 0.15vw,1.05rem);--REM--cq:clamp(0.95rem,0.9rem + 0.22vw,1.05rem);--fz--5xl:4em;--fz--4xl:2.667em;--fz--3xl:2em;--fz--2xl:1.6em;--fz--xl:1.333em;--fz--l:1.143em;--fz--m:1em;--fz--s:0.889em;--fz--xs:0.8em;--fz--2xs:0.727em;--ff--base:-apple-system,"BlinkMacSystemFont","Hiragino Sans",sans-serif,"Segoe UI Emoji";--ff--accent:"Garamond","Baskerville","Times New Roman",serif;--ff--mono:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;--fw--thin:100;--fw--light:300;--fw--normal:400;--fw--medium:500;--fw--bold:700;--fw--black:900;--lts--base:normal;--lts--s:-0.05em;--lts--l:0.05em;--fz--base:var(--REM);--hl-unit:calc(var(--REM)*0.125);--hl--xs:var(--hl-unit);--hl--s:calc(var(--hl-unit)*2);--hl--base:calc(var(--hl-unit)*3);--hl--l:calc(var(--hl-unit)*4);--s-unit:calc(var(--REM)*0.5);--s5:calc(var(--s-unit)*0.5);--s10:var(--s-unit);--s15:calc(var(--s-unit)*1.5);--s20:calc(var(--s-unit)*2);--s30:calc(var(--s-unit)*3);--s40:calc(var(--s-unit)*5);--s50:calc(var(--s-unit)*8);--s60:calc(var(--s-unit)*13);--s70:calc(var(--s-unit)*21);--s80:calc(var(--s-unit)*34)}@property --hl{syntax:"<length>";inherits:true;initial-value:.25rem}.set--shadow,:root{--sh--5:var(--sh-inset) var(--shsz--5) var(--shc);--sh--10:var(--sh-inset) var(--shsz--10) var(--shc);--sh--20:var(--sh-inset) var(--shsz--20) var(--shc);--sh--30:var(--sh-inset) var(--shsz--30) var(--shc);--sh--40:var(--sh-inset) var(--shsz--40) var(--shc);--sh--50:var(--sh-inset) var(--shsz--50) var(--shc);--bxsh--10:var(--sh--5),var(--sh--10);--bxsh--20:var(--sh--10),var(--sh--20);--bxsh--30:var(--sh--20),var(--sh--30);--bxsh--40:var(--sh--30),var(--sh--40);--bxsh--50:var(--sh--40),var(--sh--50)}body{--hl:var(--hl--base);background-color:var(--base);color:var(--text);font-family:var(--ff--base);font-size:var(--fz--base);letter-spacing:var(--lts--base);text-underline-offset:var(--under-offset,.125em)}*{line-height:calc(1em + var(--hl)*2)}:is(h1,h2,h3,h4,h5,h6){font-family:var(--heading-ff,inherit);font-weight:var(--heading-fw,bolder)}h1{font-size:var(--fz--3xl)}h2{font-size:var(--fz--2xl)}h3{font-size:var(--fz--xl)}h4{font-size:var(--fz--l)}h5,h6{font-size:var(--fz--m)}:is(ul,ol):where(:not([class])),:is(ul,ol):where([class^="-"]){list-style:revert;padding-inline-start:var(--s30)}a{color:var(--link-c,var(--link));-webkit-text-decoration:var(--link-td,underline);text-decoration:var(--link-td,underline);text-decoration-color:var(--link-td-color,currentColor);text-decoration-thickness:var(--link-td-thickness,auto)}small{--hl:var(--hl--s);font-size:var(--fz--xs)}b,strong{font-weight:var(--fw--bold)}sub,sup{font-size:80%;line-height:1.2}caption,figcaption,legend{font-size:var(--fz--s)}code,kbd,samp,var{font-family:var(--ff--mono)}dt{font-weight:var(--fw--bold)}dd+dt{margin-block-start:var(--s15)}blockquote{background-color:var(--base-2);padding:var(--s30)}hr{block-size:0;border:none;border-block-start:1px solid var(--divider)}th{background-color:var(--th--bgc,transparent);color:var(--th--c,inherit)}td,th{min-inline-size:var(--cell-min-w,initial);padding:var(--cell-p,var(--s5) var(--s10))}::file-selector-button,button,input,select,textarea{background-color:var(--base);border:1px solid var(--divider);border-radius:var(--bdrs--10);padding:var(--s5) var(--s10)}button{background-color:var(--base-2)}:disabled{opacity:var(--o--n20)}:focus-visible{outline-offset:var(--focus-offset,0)}.set--cqUnit{--REM:var(--REM--cq);font-size:var(--REM--cq);--fz--base:var(--REM);--hl-unit:calc(var(--REM)*0.125);--hl--xs:var(--hl-unit);--hl--s:calc(var(--hl-unit)*2);--hl--base:calc(var(--hl-unit)*3);--hl--l:calc(var(--hl-unit)*4);--s-unit:calc(var(--REM)*0.5);--s5:calc(var(--s-unit)*0.5);--s10:var(--s-unit);--s15:calc(var(--s-unit)*1.5);--s20:calc(var(--s-unit)*2);--s30:calc(var(--s-unit)*3);--s40:calc(var(--s-unit)*5);--s50:calc(var(--s-unit)*8);--s60:calc(var(--s-unit)*13);--s70:calc(var(--s-unit)*21);--s80:calc(var(--s-unit)*34)}:root{--_is_sm:unset;--_is_md:unset}@container (min-width: 480px){.set--bp{--_is_sm: }}@container (min-width: 800px){.set--bp{--_is_md: }}@media (any-hover:hover){.set--hov:hover{--_notHov: }.set--hov:not(:is(:hover,:focus-within)){--_isHov: }}@media (any-hover:none){.set--hov{--_isHov: }}.set--hov:is(:focus-visible,:focus-within){--_notHov: }.set--transition{transition:var(--hov-duration,.25s) var(--hov-ease,linear) var(--hov-delay,0s);transition-property:var(--hov-prop,all)}.set--innerRs{--bdrs--inner:calc(var(--bdrs, 0px) - var(--p, 0px))}.set--plain{background:none;border:none;border-radius:0;color:inherit;font:inherit;height:auto;line-height:calc(1em + var(--hl)*2);margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;text-decoration:none;width:auto}.set--gutter{padding-inline:var(--gutter-size)}.is--container{container-type:inline-size}.is--container>*{--sz--container:100cqi}.is--container.set--gutter>*{--sz--container:calc(100cqi + var(--gutter-size)*2)}.is--wrapper{--contentSize:var(--sz--m,100%)}.is--wrapper>*{margin-inline:auto;max-inline-size:min(100%,var(--contentSize))}.-contentSize\:s{--contentSize:var(--sz--s)}.-contentSize\:l{--contentSize:var(--sz--l)}.is--linkBox{color:inherit;cursor:pointer;display:block;isolation:isolate;pointer-events:auto;position:relative;text-decoration:none}.is--linkBox a{position:relative;z-index:2}.is--layer{inset:0;overflow:hidden;position:absolute}.is--vertical{writing-mode:var(--vertical-mode)}.is--vertical\@sm{writing-mode:var(--_is_sm) var(--vertical-mode)}.is--vertical\@md{writing-mode:var(--_is_md) var(--vertical-mode)}.l--flow{--flow--base:var(--s30);--flow--s:var(--s20);display:flow-root}.l--flow>*+*{--flow:var(--flow--base);margin-block-start:var(--flow)}.l--flow>:where(img,video,iframe){display:block}.-flow\:s>*{--flow:var(--flow--s)}.-flow\:>*{--flow:inherit}.l--flow>:where(h1,h2,h3,h4,h5,h6){margin-block-start:calc(var(--flow)*var(--flow-hScale, 2))}.is--skipFlow+*,.l--flow>:first-child{--flow:0px}.l--flex{display:flex}.l--flex>*{min-width:0}.l--cluster{align-items:center;display:flex;flex-wrap:wrap}.l--stack{display:flex;flex-direction:column}.l--grid{--gtr:none;--gtc:none;--gta:none;display:grid;grid-template:var(--gtr)/var(--gtc);grid-template-areas:var(--gta)}.l--grid>*{min-width:0}.l--center{display:grid;place-content:center;place-items:center}.l--fluidCols{--cols:var(--sz--min);--autoMode:auto-fit;display:grid;grid-template-columns:repeat(var(--autoMode),minmax(min(var(--cols),100%),1fr))}.l--columns{--cols:2;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr))}.l--sideMain{--sideW:auto;--mainW:max(var(--sz--min),50%);display:flex;flex-wrap:wrap}.l--sideMain>.is--side{flex-basis:var(--sideW);flex-grow:1}.l--sideMain>:not(.is--side){flex-basis:min(100%,var(--mainW));flex-grow:9999999}.l--switchCols{--breakSize:var(--sz--xs);display:flex;flex-wrap:wrap}.l--switchCols>*{flex-basis:calc((var(--breakSize) - 100%)*9999);flex-grow:1}.l--frame{overflow:hidden}.l--frame>:where(img,video,iframe,.a--media){display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.a--divider{--bdc:var(--divider);--bds:solid;--bdw:1px;border-block-start:var(--bdw) var(--bds) var(--bdc)}.a--icon{flex-shrink:0}.a--icon:where(:not([fill])){fill:currentcolor}.a--icon:where(:not([width])){height:1em;width:1em}.a--spacer{min-height:1px;min-width:1px}.a--media{display:block}.u--trim{margin-block:calc(var(--hl)*-1)}.u--trimChildren>*{--my:calc(var(--hl)*-1);margin-block:var(--my)}.u--trimChildren>:where(figure,img,button){--my:0px}.u--cbox{--c:color-mix(in srgb,var(--text),var(--keycolor) var(--cbox-cPct,32%));--bgc:color-mix(in srgb,var(--base),var(--keycolor) var(--cbox-bgPct,4%));--bdc:color-mix(in srgb,transparent,var(--keycolor) var(--cbox-bdPct,64%));--link-c:var(--keycolor);background-color:var(--bgc);color:var(--c)}@supports (color:oklch(from red l c h)){.u--cbox{--shc:oklch(from var(--keycolor) calc(l / 1.5) calc(c / 1.5) h/0.1)}}.u--collapseGrid{--bdw:1px;--bdc:var(--divider);gap:var(--bdw);padding:var(--bdw)}.u--collapseGrid>*{box-shadow:0 0 0 var(--bdw) var(--bdc)}.u--expandedLink{color:inherit;position:static;text-decoration:none}.u--expandedLink:before{content:"";inset:0;position:absolute;z-index:1}.u--srOnly.u--srOnly{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.u--snap{scroll-snap-type:var(--snapType,both mandatory)}.u--snap>*{scroll-snap-align:var(--snapAlign,start);scroll-snap-stop:var(--snapStop,normal)}.u--clipText{-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}.-lh\:1{--hl:0px}.-lh\:base{--hl:var(--hl--base)}.-lh\:xs{--hl:var(--hl--xs)}.-lh\:s{--hl:var(--hl--s)}.-lh\:l{--hl:var(--hl--l)}:where(.-bd,[class*=" -bd-"],[class^=-bd-]){--bds:solid;--bdw:1px;--bdc:var(--divider);border-color:var(--bdc);border-width:var(--bdw)}.-bd{border-style:var(--bds)}.-bd-x{border-inline-style:var(--bds)}.-bd-y{border-block-style:var(--bds)}.-bd-x-s{border-inline-start-style:var(--bds)}.-bd-x-e{border-inline-end-style:var(--bds)}.-bd-t{border-top-style:var(--bds)}.-bd-b{border-bottom-style:var(--bds)}.-bd-l{border-left-style:var(--bds)}.-bd-r{border-right-style:var(--bds)}.-bd-y-s{border-block-start-style:var(--bds)}.-bd-y-e{border-block-end-style:var(--bds)}.-max-sz\:full{max-inline-size:100%}:where(.set--gutter)>.-max-sz\:full{margin-inline:calc(var(--gutter-size)*-1);max-inline-size:calc(100% + var(--gutter-size)*2)}.-max-sz\:container{margin-inline:calc(50% - var(--sz--container)/2);max-inline-size:var(--sz--container,100cqi)}.-f\:inherit{font:inherit}.-fz,[class*="-fz:"]{font-size:var(--fz)}.-fz\:root{--fz:var(--fz--root)}.-fz\:base{--fz:var(--fz--base)}.-fz\:5xl{--fz:var(--fz--5xl)}.-fz\:4xl{--fz:var(--fz--4xl)}.-fz\:3xl{--fz:var(--fz--3xl)}.-fz\:2xl{--fz:var(--fz--2xl)}.-fz\:xl{--fz:var(--fz--xl)}.-fz\:l{--fz:var(--fz--l)}.-fz\:m{--fz:var(--fz--m)}.-fz\:s{--fz:var(--fz--s)}.-fz\:xs{--fz:var(--fz--xs)}.-fz\:2xs{--fz:var(--fz--2xs)}.-fw\:thin{font-weight:var(--fw--thin)}.-fw\:light{font-weight:var(--fw--light)}.-fw\:normal{font-weight:var(--fw--normal)}.-fw\:medium{font-weight:var(--fw--medium)}.-fw\:bold{font-weight:var(--fw--bold)}.-fw\:black{font-weight:var(--fw--black)}.-ff\:base{font-family:var(--ff--base)}.-ff\:accent{font-family:var(--ff--accent)}.-ff\:mono{font-family:var(--ff--mono)}.-fs\:italic{font-style:italic}.-lts\:base{letter-spacing:var(--lts--base)}.-lts\:s{letter-spacing:var(--lts--s)}.-lts\:l{letter-spacing:var(--lts--l)}.-ta\:center{text-align:center}.-ta\:left{text-align:left}.-ta\:right{text-align:right}.-td\:none{text-decoration:none}.-tt\:upper{text-transform:uppercase}.-tt\:lower{text-transform:lowercase}.-d{display:var(--d)}.-d\:none{display:none}.-d\:block{display:block}.-d\:in-flex{display:inline-flex}.-o\:0{opacity:0}.-o\:-10{opacity:var(--o--n10)}.-o\:-20{opacity:var(--o--n20)}.-o\:-30{opacity:var(--o--n30)}.-v\:hidden{visibility:hidden}.-ov\:hidden{overflow:hidden}.-ov\:auto{overflow:auto}.-ov\:clip{overflow:clip}.-ov-x\:clip{overflow-x:clip}.-ov-x\:auto{overflow-x:auto}.-ov-x\:scroll{overflow-x:scroll}.-ov-y\:clip{overflow-y:clip}.-ov-y\:auto{overflow-y:auto}.-ov-y\:scroll{overflow-y:scroll}.-ar{aspect-ratio:var(--ar)}.-ar\:21\/9{aspect-ratio:21/9}.-ar\:16\/9{aspect-ratio:16/9}.-ar\:3\/2{aspect-ratio:3/2}.-ar\:1\/1{aspect-ratio:1/1}.-ar\:og{aspect-ratio:var(--ar--og)}.-w{width:var(--w)}.-w\:100\%{width:100%}.-w\:fit{width:-moz-fit-content;width:fit-content}.-h{height:var(--h)}.-h\:100\%{height:100%}.-h\:fit{height:-moz-fit-content;height:fit-content}.-min-w{min-width:var(--min-w)}.-min-w\:100\%{min-width:100%}.-max-w{max-width:var(--max-w)}.-max-w\:100\%{max-width:100%}.-min-h{min-height:var(--min-h)}.-min-h\:100\%{min-height:100%}.-max-h{max-height:var(--max-h)}.-max-h\:100\%{max-height:100%}.-max-sz\:xs{max-inline-size:var(--sz--xs)}.-max-sz\:s{max-inline-size:var(--sz--s)}.-max-sz\:m{max-inline-size:var(--sz--m)}.-max-sz\:l{max-inline-size:var(--sz--l)}.-max-sz\:xl{max-inline-size:var(--sz--xl)}.-bg{background:var(--bg)}.-bgr\:no-repeat{background-repeat:no-repeat}.-bgp\:center{background-position:50%}.-bgsz\:cover{background-size:cover}.-bgsz\:contain{background-size:contain}.-bgc,[class*="-bgc:"]{background-color:var(--bgc)}.-bgc\:base{--bgc:var(--base)}.-bgc\:base-2{--bgc:var(--base-2)}.-bgc\:text{--bgc:var(--text)}.-bgc\:brand{--bgc:var(--brand)}.-bgc\:accent{--bgc:var(--accent)}.-bgc\:transparent{--bgc:transparent}.-bgc\:inherit{background-color:inherit}.-c,[class*="-c:"]{color:var(--c)}.-c\:base{--c:var(--base)}.-c\:text{--c:var(--text)}.-c\:text-2{--c:var(--text-2)}.-c\:brand{--c:var(--brand)}.-c\:accent{--c:var(--accent)}.-c\:inherit{color:inherit}.-bd\:none{border:none}.-bds\:dashed{--bds:dashed}.-bds\:dotted{--bds:dotted}.-bds\:double{--bds:double}.-bdc\:brand{--bdc:var(--brand)}.-bdc\:accent{--bdc:var(--accent)}.-bdc\:divider{--bdc:var(--divider)}.-bdc\:inherit{--bdc:inherit}.-bdc\:transparent{--bdc:transparent}.-bdc\:cc{--bdc:currentColor}.-bdrs,[class*="-bdrs:"]{border-radius:var(--bdrs)}.-bdrs\:0{--bdrs:0}.-bdrs\:5{--bdrs:var(--bdrs--5)}.-bdrs\:10{--bdrs:var(--bdrs--10)}.-bdrs\:20{--bdrs:var(--bdrs--20)}.-bdrs\:30{--bdrs:var(--bdrs--30)}.-bdrs\:40{--bdrs:var(--bdrs--40)}.-bdrs\:50{--bdrs:var(--bdrs--50)}.-bdrs\:99{--bdrs:var(--bdrs--99)}.-bdrs\:inner{--bdrs:var(--bdrs--inner)}.-bxsh,[class*="-bxsh:"]{box-shadow:var(--bxsh)}.-bxsh\:0{--bxsh:none}.-bxsh\:5{--bxsh:var(--bxsh--5)}.-bxsh\:10{--bxsh:var(--bxsh--10)}.-bxsh\:20{--bxsh:var(--bxsh--20)}.-bxsh\:30{--bxsh:var(--bxsh--30)}.-bxsh\:40{--bxsh:var(--bxsh--40)}.-bxsh\:50{--bxsh:var(--bxsh--50)}.-pos\:static{position:static}.-pos\:fixed{position:fixed}.-pos\:sticky{position:sticky}.-pos\:rel{position:relative}.-pos\:abs{position:absolute}.-z\:0{z-index:0}.-z\:1{z-index:1}.-z\:99{z-index:99}.-z\:-1{z-index:-1}.-t\:0{top:0}.-t\:50\%{top:50%}.-t\:100\%{top:100%}.-l\:0{left:0}.-l\:50\%{left:50%}.-l\:100\%{left:100%}.-r\:0{right:0}.-r\:50\%{right:50%}.-r\:100\%{right:100%}.-b\:0{bottom:0}.-b\:50\%{bottom:50%}.-b\:100\%{bottom:100%}.-i\:0{inset:0}.-p,[class*="-p:"]{padding:var(--p)}.-p\:0{--p:0}.-p\:5{--p:var(--s5)}.-p\:10{--p:var(--s10)}.-p\:15{--p:var(--s15)}.-p\:20{--p:var(--s20)}.-p\:30{--p:var(--s30)}.-p\:40{--p:var(--s40)}.-p\:50{--p:var(--s50)}.-p\:60{--p:var(--s60)}.-p\:70{--p:var(--s70)}.-p\:80{--p:var(--s80)}.-px,[class*="-px:"]{padding-inline:var(--px)}.-px\:0{--px:0}.-px\:5{--px:var(--s5)}.-px\:10{--px:var(--s10)}.-px\:15{--px:var(--s15)}.-px\:20{--px:var(--s20)}.-px\:30{--px:var(--s30)}.-px\:40{--px:var(--s40)}.-px\:50{--px:var(--s50)}.-px\:60{--px:var(--s60)}.-px\:70{--px:var(--s70)}.-px\:80{--px:var(--s80)}.-py,[class*="-py:"]{padding-block:var(--py)}.-py\:0{--py:0}.-py\:5{--py:var(--s5)}.-py\:10{--py:var(--s10)}.-py\:15{--py:var(--s15)}.-py\:20{--py:var(--s20)}.-py\:30{--py:var(--s30)}.-py\:40{--py:var(--s40)}.-py\:50{--py:var(--s50)}.-py\:60{--py:var(--s60)}.-py\:70{--py:var(--s70)}.-py\:80{--py:var(--s80)}.-px-s{padding-inline-start:var(--px-s)}.-px-e{padding-inline-end:var(--px-e)}.-py-s{padding-block-start:var(--py-s)}.-py-e{padding-block-end:var(--py-e)}.-pl{padding-left:var(--pl)}.-pr{padding-right:var(--pr)}.-pt{padding-top:var(--pt)}.-pb{padding-bottom:var(--pb)}.-m,[class*="-m:"]{margin:var(--m)}.-m\:0{--m:0}.-m\:5{--m:var(--s5)}.-m\:10{--m:var(--s10)}.-m\:15{--m:var(--s15)}.-m\:20{--m:var(--s20)}.-m\:30{--m:var(--s30)}.-m\:40{--m:var(--s40)}.-m\:50{--m:var(--s50)}.-m\:60{--m:var(--s60)}.-m\:70{--m:var(--s70)}.-m\:80{--m:var(--s80)}.-m\:auto{--m:auto}.-mx,[class*="-mx:"]{margin-inline:var(--mx)}.-mx\:0{--mx:0}.-mx\:5{--mx:var(--s5)}.-mx\:10{--mx:var(--s10)}.-mx\:15{--mx:var(--s15)}.-mx\:20{--mx:var(--s20)}.-mx\:30{--mx:var(--s30)}.-mx\:40{--mx:var(--s40)}.-mx\:50{--mx:var(--s50)}.-mx\:60{--mx:var(--s60)}.-mx\:70{--mx:var(--s70)}.-mx\:80{--mx:var(--s80)}.-mx\:auto{--mx:auto}.-my,[class*="-my:"]{margin-block:var(--my)}.-my\:0{--my:0}.-my\:5{--my:var(--s5)}.-my\:10{--my:var(--s10)}.-my\:15{--my:var(--s15)}.-my\:20{--my:var(--s20)}.-my\:30{--my:var(--s30)}.-my\:40{--my:var(--s40)}.-my\:50{--my:var(--s50)}.-my\:60{--my:var(--s60)}.-my\:70{--my:var(--s70)}.-my\:80{--my:var(--s80)}.-my\:auto{--my:auto}.-mx-s{margin-inline-start:var(--mx-s)}.-mx-s\:auto{margin-inline-start:auto}.-mx-e{margin-inline-end:var(--mx-e)}.-mx-e\:auto{margin-inline-end:auto}.-my-s{margin-block-start:var(--my-s)}.-my-s\:0{margin-block-start:0}.-my-s\:5{margin-block-start:var(--s5)}.-my-s\:10{margin-block-start:var(--s10)}.-my-s\:15{margin-block-start:var(--s15)}.-my-s\:20{margin-block-start:var(--s20)}.-my-s\:30{margin-block-start:var(--s30)}.-my-s\:40{margin-block-start:var(--s40)}.-my-s\:50{margin-block-start:var(--s50)}.-my-s\:60{margin-block-start:var(--s60)}.-my-s\:70{margin-block-start:var(--s70)}.-my-s\:80{margin-block-start:var(--s80)}.-my-s\:auto{margin-block-start:auto}.-my-e{margin-block-end:var(--my-e)}.-my-e\:auto{margin-block-end:auto}.-ml{margin-left:var(--ml)}.-mr{margin-right:var(--mr)}.-mt{margin-top:var(--mt)}.-mb{margin-bottom:var(--mb)}.-g,[class*="-g:"]{gap:var(--g)}.-g\:0{--g:0}.-g\:5{--g:var(--s5)}.-g\:10{--g:var(--s10)}.-g\:15{--g:var(--s15)}.-g\:20{--g:var(--s20)}.-g\:30{--g:var(--s30)}.-g\:40{--g:var(--s40)}.-g\:50{--g:var(--s50)}.-g\:60{--g:var(--s60)}.-g\:70{--g:var(--s70)}.-g\:80{--g:var(--s80)}.-g\:inherit{gap:inherit}.-g-x{-moz-column-gap:var(--g-x);column-gap:var(--g-x)}.-g-y{row-gap:var(--g-y)}.-fxw{flex-wrap:var(--fxw)}.-fxw\:wrap{flex-wrap:wrap}.-fxd{flex-direction:var(--fxd)}.-fxd\:col{flex-direction:column}.-fxd\:col-r{flex-direction:column-reverse}.-fxd\:row-r{flex-direction:row-reverse}.-fx{flex:var(--fx)}.-fx\:1{flex:1}.-fxg\:1{flex-grow:1}.-fxsh\:0{flex-shrink:0}.-fxb{flex-basis:var(--fxb)}.-gt{grid-template:var(--gt)}.-gt\:repeat{grid-template:repeat(var(--rows,1),1fr) /repeat(var(--cols,1),1fr)}.-gta{grid-template-areas:var(--gta)}.-gtc{grid-template-columns:var(--gtc)}.-gtc\:subgrid{grid-template-columns:subgrid}.-gtr{grid-template-rows:var(--gtr)}.-gtr\:subgrid{grid-template-rows:subgrid}.-gaf{grid-auto-flow:var(--gaf)}.-gaf\:row{grid-auto-flow:row}.-gaf\:col{grid-auto-flow:column}.-ga{grid-area:var(--ga)}.-ga\:1\/1{grid-area:1/1}.-gc{grid-column:var(--gc)}.-gc\:1\/-1{grid-column:1/-1}.-gr{grid-row:var(--gr)}.-gr\:1\/-1{grid-row:1/-1}.-ai{align-items:var(--ai)}.-ai\:start{align-items:start}.-ai\:center{align-items:center}.-ai\:end{align-items:end}.-ai\:stretch{align-items:stretch}.-ai\:flex-s{align-items:flex-start}.-ai\:flex-e{align-items:flex-end}.-ac{align-content:var(--ac)}.-ac\:start{align-content:start}.-ac\:center{align-content:center}.-ac\:end{align-content:end}.-ac\:flex-s{align-content:flex-start}.-ac\:flex-e{align-content:flex-end}.-ac\:between{align-content:space-between}.-ji{justify-items:var(--ji)}.-ji\:start{justify-items:start}.-ji\:center{justify-items:center}.-ji\:end{justify-items:end}.-ji\:stretch{justify-items:stretch}.-ji\:flex-s{justify-items:flex-start}.-ji\:flex-e{justify-items:flex-end}.-jc{justify-content:var(--jc)}.-jc\:start{justify-content:start}.-jc\:center{justify-content:center}.-jc\:end{justify-content:end}.-jc\:flex-s{justify-content:flex-start}.-jc\:flex-e{justify-content:flex-end}.-jc\:between{justify-content:space-between}.-pi\:start{place-items:start}.-pi\:center{place-items:center}.-pi\:end{place-items:end}.-pc\:start{place-content:start}.-pc\:center{place-content:center}.-pc\:end{place-content:end}.-aslf\:start{align-self:start}.-aslf\:center{align-self:center}.-aslf\:end{align-self:end}.-aslf\:stretch{align-self:stretch}.-jslf\:start{justify-self:start}.-jslf\:center{justify-self:center}.-jslf\:end{justify-self:end}.-jslf\:stretch{justify-self:stretch}.-pslf\:start{place-self:start}.-pslf\:center{place-self:center}.-pslf\:end{place-self:end}.-order\:0{order:0}.-order\:1{order:1}.-order\:-1{order:-1}.-ovwrap\:any{overflow-wrap:anywhere}.-whspace\:nowrap{white-space:nowrap}.-float\:left{float:left}.-float\:right{float:right}.-clear\:both{clear:both}.-isolation\:isolate{isolation:isolate}@container (min-width: 480px){.-fz_sm{font-size:var(--fz_sm)}.-hl_sm{--hl:var(--hl_sm)!important}.-d_sm{display:var(--d_sm)}.-ar_sm{aspect-ratio:var(--ar_sm)}.-w_sm{width:var(--w_sm)}.-h_sm{height:var(--h_sm)}.-min-w_sm{min-width:var(--min-w_sm)}.-max-w_sm{max-width:var(--max-w_sm)}.-min-h_sm{min-height:var(--min-h_sm)}.-max-h_sm{max-height:var(--max-h_sm)}.-bg_sm{background:var(--bg_sm)}.-bdw_sm{--bdw:var(--bdw_sm)!important}.-bdrs_sm{border-radius:var(--bdrs_sm);--bdrs:var(--bdrs_sm)!important}.-bxsh_sm{box-shadow:var(--bxsh_sm)}.-p_sm{padding:var(--p_sm);--p:var(--p_sm)!important}.-px_sm{padding-inline:var(--px_sm)}.-py_sm{padding-block:var(--py_sm)}.-px-s_sm{padding-inline-start:var(--px-s_sm)}.-px-e_sm{padding-inline-end:var(--px-e_sm)}.-py-s_sm{padding-block-start:var(--py-s_sm)}.-py-e_sm{padding-block-end:var(--py-e_sm)}.-pl_sm{padding-left:var(--pl_sm)}.-pr_sm{padding-right:var(--pr_sm)}.-pt_sm{padding-top:var(--pt_sm)}.-pb_sm{padding-bottom:var(--pb_sm)}.-m_sm{margin:var(--m_sm);--m:var(--m_sm)!important}.-mx_sm{margin-inline:var(--mx_sm)}.-my_sm{margin-block:var(--my_sm)}.-mx-s_sm{margin-inline-start:var(--mx-s_sm)}.-mx-e_sm{margin-inline-end:var(--mx-e_sm)}.-my-s_sm{margin-block-start:var(--my-s_sm)}.-my-e_sm{margin-block-end:var(--my-e_sm)}.-ml_sm{margin-left:var(--ml_sm)}.-mr_sm{margin-right:var(--mr_sm)}.-mt_sm{margin-top:var(--mt_sm)}.-mb_sm{margin-bottom:var(--mb_sm)}.-g_sm{gap:var(--g_sm);--g:var(--g_sm)!important}.-g-x_sm{-moz-column-gap:var(--g-x_sm);column-gap:var(--g-x_sm)}.-g-y_sm{row-gap:var(--g-y_sm)}.-cols_sm{--cols:var(--cols_sm)!important}.-rows_sm{--rows:var(--rows_sm)!important}.-fxw_sm{flex-wrap:var(--fxw_sm)}.-fxd_sm{flex-direction:var(--fxd_sm)}.-fx_sm{flex:var(--fx_sm)}.-fxb_sm{flex-basis:var(--fxb_sm)}.-gt_sm{grid-template:var(--gt_sm)}.-gta_sm{grid-template-areas:var(--gta_sm)}.-gtc_sm{grid-template-columns:var(--gtc_sm)}.-gtr_sm{grid-template-rows:var(--gtr_sm)}.-gaf_sm{grid-auto-flow:var(--gaf_sm)}.-ga_sm{grid-area:var(--ga_sm)}.-gc_sm{grid-column:var(--gc_sm)}.-gr_sm{grid-row:var(--gr_sm)}.-ai_sm{align-items:var(--ai_sm)}.-ac_sm{align-content:var(--ac_sm)}.-ji_sm{justify-items:var(--ji_sm)}.-jc_sm{justify-content:var(--jc_sm)}}@container (min-width: 800px){.-fz_md{font-size:var(--fz_md)}.-hl_md{--hl:var(--hl_md)!important}.-d_md{display:var(--d_md)}.-ar_md{aspect-ratio:var(--ar_md)}.-w_md{width:var(--w_md)}.-h_md{height:var(--h_md)}.-min-w_md{min-width:var(--min-w_md)}.-max-w_md{max-width:var(--max-w_md)}.-min-h_md{min-height:var(--min-h_md)}.-max-h_md{max-height:var(--max-h_md)}.-bg_md{background:var(--bg_md)}.-bdw_md{--bdw:var(--bdw_md)!important}.-bdrs_md{border-radius:var(--bdrs_md);--bdrs:var(--bdrs_md)!important}.-bxsh_md{box-shadow:var(--bxsh_md)}.-p_md{padding:var(--p_md);--p:var(--p_md)!important}.-px_md{padding-inline:var(--px_md)}.-py_md{padding-block:var(--py_md)}.-px-s_md{padding-inline-start:var(--px-s_md)}.-px-e_md{padding-inline-end:var(--px-e_md)}.-py-s_md{padding-block-start:var(--py-s_md)}.-py-e_md{padding-block-end:var(--py-e_md)}.-pl_md{padding-left:var(--pl_md)}.-pr_md{padding-right:var(--pr_md)}.-pt_md{padding-top:var(--pt_md)}.-pb_md{padding-bottom:var(--pb_md)}.-m_md{margin:var(--m_md);--m:var(--m_md)!important}.-mx_md{margin-inline:var(--mx_md)}.-my_md{margin-block:var(--my_md)}.-mx-s_md{margin-inline-start:var(--mx-s_md)}.-mx-e_md{margin-inline-end:var(--mx-e_md)}.-my-s_md{margin-block-start:var(--my-s_md)}.-my-e_md{margin-block-end:var(--my-e_md)}.-ml_md{margin-left:var(--ml_md)}.-mr_md{margin-right:var(--mr_md)}.-mt_md{margin-top:var(--mt_md)}.-mb_md{margin-bottom:var(--mb_md)}.-g_md{gap:var(--g_md);--g:var(--g_md)!important}.-g-x_md{-moz-column-gap:var(--g-x_md);column-gap:var(--g-x_md)}.-g-y_md{row-gap:var(--g-y_md)}.-cols_md{--cols:var(--cols_md)!important}.-rows_md{--rows:var(--rows_md)!important}.-fxw_md{flex-wrap:var(--fxw_md)}.-fxd_md{flex-direction:var(--fxd_md)}.-fx_md{flex:var(--fx_md)}.-fxb_md{flex-basis:var(--fxb_md)}.-gt_md{grid-template:var(--gt_md)}.-gta_md{grid-template-areas:var(--gta_md)}.-gtc_md{grid-template-columns:var(--gtc_md)}.-gtr_md{grid-template-rows:var(--gtr_md)}.-gaf_md{grid-auto-flow:var(--gaf_md)}.-ga_md{grid-area:var(--ga_md)}.-gc_md{grid-column:var(--gc_md)}.-gr_md{grid-row:var(--gr_md)}.-ai_md{align-items:var(--ai_md)}.-ac_md{align-content:var(--ac_md)}.-ji_md{justify-items:var(--ji_md)}.-jc_md{justify-content:var(--jc_md)}}@media (any-hover:hover){.-hov\:c:hover{color:var(--hov-c,var(--link))}.-hov\:bdc:hover{border-color:var(--hov-bdc,currentColor)}.-hov\:bgc:hover{background-color:var(--hov-bgc,var(--base-2))}.-hov\:o:hover{opacity:var(--hov-o,.7)}.-hov\:bxsh:hover{box-shadow:var(--hov-bxsh,var(--bxsh--40))}.-hov\:neutral:hover{background-color:color-mix(in srgb,var(--bgc,var(--base)),#bcbec2 25%)}}.-hov\:to\:hide{--transProp:opacity;opacity:var(--_isHov,0)}.-hov\:to\:show{--transProp:opacity,visibility;opacity:var(--_notHov,0);visibility:var(--_notHov,hidden)}.-hov\:to\:zoom{--transProp:scale;scale:var(--_isHov,1.1)}
1
+ @layer reset{*,:after,:before{box-sizing:border-box}:not(dialog){margin:0}html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;line-break:strict;overflow-wrap:anywhere;overflow-x:clip;-moz-tab-size:4;-o-tab-size:4;tab-size:4;word-break:normal}html:has(:modal[open]){overflow:clip}body{min-height:100dvh;overflow:inherit}abbr[title]{text-decoration:underline;text-decoration-style:dotted}pre{overflow-x:auto}:is(ul,ol)[class],menu{list-style:none;padding:0}audio,canvas,iframe,img,object,svg,video{max-inline-size:100%;vertical-align:middle}img,video{block-size:auto}iframe{border:none}::file-selector-button,button,input,select,textarea{color:inherit;font:inherit;font-size:max(16px,1em)}fieldset{min-inline-size:0}textarea{max-inline-size:100%;resize:block}[type=checkbox],[type=radio],label[for],select,summary{cursor:pointer}::file-selector-button,[role=button],[role=option],[role=tab],[type=button],[type=reset],[type=submit],button{cursor:pointer;touch-action:manipulation}:disabled{cursor:not-allowed}[hidden=until-found]{z-index:-1}}@property --sz--container{syntax:"<length-percentage>";initial-value:100cqi;inherits:true}:root{--sz--xl:1600px;--sz--l:1280px;--sz--m:56rem;--sz--s:42rem;--sz--xs:32rem;--sz--min:18rem;--black:#000;--white:#fff;--L:60%;--C:0.22;--red:oklch(var(--L) var(--C) 20);--orange:oklch(calc(var(--L) + 4%) calc(var(--C) - 0.01) 52);--yellow:oklch(calc(var(--L) + 12%) calc(var(--C) - 0.025) 84);--green:oklch(calc(var(--L) + 4%) calc(var(--C) - 0.02) 152);--blue:oklch(calc(var(--L) - 2%) calc(var(--C) + 0.01) 260);--purple:oklch(calc(var(--L) - 4%) calc(var(--C) + 0.02) 292);--pink:oklch(calc(var(--L) + 2%) calc(var(--C) + 0.02) 348);--gray:oklch(calc(var(--L) - 4%) 0.04 256);--brand:#1e5f8c;--accent:#d94a6a;--base:#fcfcfd;--base-2:#f1f2f3;--text:#141415;--text-2:#4d4f56;--link:oklch(50% 0.3 240);--divider:#dedfe3;--o--n10:0.75;--o--n20:0.5;--o--n30:0.25;--bdrs--5:2px;--bdrs--10:0.25rem;--bdrs--20:0.5rem;--bdrs--30:1rem;--bdrs--40:1.5rem;--bdrs--50:2rem;--bdrs--99:99rem;--sh-inset: ;--shc:rgba(20,20,21,.05);--shsz--5:0px 2px 4px;--shsz--10:1px 3px 6px;--shsz--20:1px 5px 10px;--shsz--30:2px 8px 16px;--shsz--40:3px 13px 26px;--shsz--50:5px 21px 42px;--ar--og:1.91/1;--gutter-size:var(--s30);--vertical-mode:vertical-rl;--REM:clamp(0.95rem,0.915rem + 0.15vw,1.05rem);--REM--cq:clamp(0.95rem,0.9rem + 0.22vw,1.05rem);--fz--5xl:4em;--fz--4xl:2.667em;--fz--3xl:2em;--fz--2xl:1.6em;--fz--xl:1.333em;--fz--l:1.143em;--fz--m:1em;--fz--s:0.889em;--fz--xs:0.8em;--fz--2xs:0.727em;--ff--base:-apple-system,"BlinkMacSystemFont","Hiragino Sans",sans-serif,"Segoe UI Emoji";--ff--accent:"Garamond","Baskerville","Times New Roman",serif;--ff--mono:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;--fw--thin:100;--fw--light:300;--fw--normal:400;--fw--medium:500;--fw--bold:700;--fw--black:900;--lts--base:normal;--lts--s:-0.05em;--lts--l:0.05em;--fz--base:var(--REM);--hl-unit:calc(var(--REM)*0.125);--hl--xs:var(--hl-unit);--hl--s:calc(var(--hl-unit)*2);--hl--base:calc(var(--hl-unit)*3);--hl--l:calc(var(--hl-unit)*4);--s-unit:calc(var(--REM)*0.5);--s5:calc(var(--s-unit)*0.5);--s10:var(--s-unit);--s15:calc(var(--s-unit)*1.5);--s20:calc(var(--s-unit)*2);--s30:calc(var(--s-unit)*3);--s40:calc(var(--s-unit)*5);--s50:calc(var(--s-unit)*8);--s60:calc(var(--s-unit)*13);--s70:calc(var(--s-unit)*21);--s80:calc(var(--s-unit)*34)}@property --hl{syntax:"<length>";inherits:true;initial-value:.25rem}.set--shadow,:root{--sh--5:var(--sh-inset) var(--shsz--5) var(--shc);--sh--10:var(--sh-inset) var(--shsz--10) var(--shc);--sh--20:var(--sh-inset) var(--shsz--20) var(--shc);--sh--30:var(--sh-inset) var(--shsz--30) var(--shc);--sh--40:var(--sh-inset) var(--shsz--40) var(--shc);--sh--50:var(--sh-inset) var(--shsz--50) var(--shc);--bxsh--5:var(--sh--5);--bxsh--10:var(--sh--5),var(--sh--10);--bxsh--20:var(--sh--10),var(--sh--20);--bxsh--30:var(--sh--20),var(--sh--30);--bxsh--40:var(--sh--30),var(--sh--40);--bxsh--50:var(--sh--40),var(--sh--50)}body{--hl:var(--hl--base);background-color:var(--base);color:var(--text);font-family:var(--ff--base);font-size:var(--fz--base);letter-spacing:var(--lts--base);text-underline-offset:var(--under-offset,.125em)}*{line-height:calc(1em + var(--hl)*2)}:is(h1,h2,h3,h4,h5,h6){font-family:var(--heading-ff,inherit);font-weight:var(--heading-fw,bolder)}h1{font-size:var(--fz--3xl)}h2{font-size:var(--fz--2xl)}h3{font-size:var(--fz--xl)}h4{font-size:var(--fz--l)}h5,h6{font-size:var(--fz--m)}:is(ul,ol):where(:not([class])),:is(ul,ol):where([class^="-"]){list-style:revert;padding-inline-start:var(--s30)}a{color:var(--link-c,var(--link));-webkit-text-decoration:var(--link-td,underline);text-decoration:var(--link-td,underline);text-decoration-color:var(--link-td-color,currentColor);text-decoration-thickness:var(--link-td-thickness,auto)}small{--hl:var(--hl--s);font-size:var(--fz--xs)}b,strong{font-weight:var(--fw--bold)}sub,sup{font-size:80%;line-height:1.2}caption,figcaption,legend{font-size:var(--fz--s)}code,kbd,samp,var{font-family:var(--ff--mono)}dt{font-weight:var(--fw--bold)}dd+dt{margin-block-start:var(--s15)}blockquote{background-color:var(--base-2);padding:var(--s30)}hr{block-size:0;border:none;border-block-start:1px solid var(--divider)}th{background-color:var(--th--bgc,transparent);color:var(--th--c,inherit)}td,th{min-inline-size:var(--cell-min-w,initial);padding:var(--cell-p,var(--s5) var(--s10))}::file-selector-button,button,input,select,textarea{background-color:var(--base);border:1px solid var(--divider);border-radius:var(--bdrs--10);padding:var(--s5) var(--s10)}button{background-color:var(--base-2)}:disabled{opacity:var(--o--n20)}:focus-visible{outline-offset:var(--focus-offset,0)}.set--cqUnit{--REM:var(--REM--cq);font-size:var(--REM--cq);--fz--base:var(--REM);--hl-unit:calc(var(--REM)*0.125);--hl--xs:var(--hl-unit);--hl--s:calc(var(--hl-unit)*2);--hl--base:calc(var(--hl-unit)*3);--hl--l:calc(var(--hl-unit)*4);--s-unit:calc(var(--REM)*0.5);--s5:calc(var(--s-unit)*0.5);--s10:var(--s-unit);--s15:calc(var(--s-unit)*1.5);--s20:calc(var(--s-unit)*2);--s30:calc(var(--s-unit)*3);--s40:calc(var(--s-unit)*5);--s50:calc(var(--s-unit)*8);--s60:calc(var(--s-unit)*13);--s70:calc(var(--s-unit)*21);--s80:calc(var(--s-unit)*34)}:root{--_is_sm:unset;--_is_md:unset}@container (min-width: 480px){.set--bp{--_is_sm: }}@container (min-width: 800px){.set--bp{--_is_md: }}@media (any-hover:hover){.set--hov:hover{--_notHov: }.set--hov:not(:is(:hover,:focus-within)){--_isHov: }}@media (any-hover:none){.set--hov{--_isHov: }}.set--hov:is(:focus-visible,:focus-within){--_notHov: }.set--transition{transition:var(--hov-duration,.25s) var(--hov-ease,linear) var(--hov-delay,0s);transition-property:var(--hov-prop,all)}.set--innerRs{--bdrs--inner:calc(var(--bdrs, 0px) - var(--p, 0px))}.set--plain{background:none;border:none;border-radius:0;color:inherit;font:inherit;height:auto;line-height:calc(1em + var(--hl)*2);margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;text-decoration:none;width:auto}.set--gutter{padding-inline:var(--gutter-size)}.is--container{container-type:inline-size}.is--container>*{--sz--container:100cqi}.is--container.set--gutter>*{--sz--container:calc(100cqi + var(--gutter-size)*2)}.is--wrapper{--contentSize:var(--sz--m,100%)}.is--wrapper>*{margin-inline:auto;max-inline-size:min(100%,var(--contentSize))}.-contentSize\:s{--contentSize:var(--sz--s)}.-contentSize\:l{--contentSize:var(--sz--l)}.is--linkBox{color:inherit;cursor:pointer;display:block;isolation:isolate;pointer-events:auto;position:relative;text-decoration:none}.is--linkBox a{position:relative;z-index:2}.is--layer{inset:0;overflow:hidden;position:absolute}.is--vertical{writing-mode:var(--vertical-mode)}.is--vertical\@sm{writing-mode:var(--_is_sm) var(--vertical-mode)}.is--vertical\@md{writing-mode:var(--_is_md) var(--vertical-mode)}.l--flow{--flow--base:var(--s30);--flow--s:var(--s20);display:flow-root}.l--flow>*+*{--flow:var(--flow--base);margin-block-start:var(--flow)}.l--flow>:where(img,video,iframe){display:block}.-flow\:s>*{--flow:var(--flow--s)}.-flow\:>*{--flow:inherit}.l--flow>:where(h1,h2,h3,h4,h5,h6){margin-block-start:calc(var(--flow)*var(--flow-hScale, 2))}.is--skipFlow+*,.l--flow>:first-child{--flow:0px}.l--flex{display:flex}.l--flex>*{min-width:0}.l--cluster{align-items:center;display:flex;flex-wrap:wrap}.l--stack{display:flex;flex-direction:column}.l--grid{--gtr:none;--gtc:none;--gta:none;display:grid;grid-template:var(--gtr)/var(--gtc);grid-template-areas:var(--gta)}.l--grid>*{min-width:0}.l--center{display:grid;place-content:center;place-items:center}.l--fluidCols{--cols:var(--sz--min);--autoMode:auto-fit;display:grid;grid-template-columns:repeat(var(--autoMode),minmax(min(var(--cols),100%),1fr))}.l--columns{--cols:2;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr))}.l--sideMain{--sideW:auto;--mainW:max(var(--sz--min),50%);display:flex;flex-wrap:wrap}.l--sideMain>.is--side{flex-basis:var(--sideW);flex-grow:1}.l--sideMain>:not(.is--side){flex-basis:min(100%,var(--mainW));flex-grow:9999999}.l--switchCols{--breakSize:var(--sz--xs);display:flex;flex-wrap:wrap}.l--switchCols>*{flex-basis:calc((var(--breakSize) - 100%)*9999);flex-grow:1}.l--frame{overflow:hidden}.l--frame>:where(img,video,iframe,.a--media){display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.a--divider{--bdc:var(--divider);--bds:solid;--bdw:1px;border-block-start:var(--bdw) var(--bds) var(--bdc)}.a--icon{flex-shrink:0}.a--icon:where(:not([fill])){fill:currentcolor}.a--icon:where(:not([width])){height:1em;width:1em}.a--spacer{min-height:1px;min-width:1px}.a--media{display:block}.u--trim{margin-block:calc(var(--hl)*-1)}.u--trimChildren>*{--my:calc(var(--hl)*-1);margin-block:var(--my)}.u--trimChildren>:where(figure,img,button){--my:0px}.u--cbox{--c:color-mix(in srgb,var(--text),var(--keycolor) var(--cbox-cPct,32%));--bgc:color-mix(in srgb,var(--base),var(--keycolor) var(--cbox-bgPct,4%));--bdc:color-mix(in srgb,transparent,var(--keycolor) var(--cbox-bdPct,64%));--link-c:var(--keycolor);background-color:var(--bgc);color:var(--c)}@supports (color:oklch(from red l c h)){.u--cbox{--shc:oklch(from var(--keycolor) calc(l / 1.5) calc(c / 1.5) h/0.1)}}.u--collapseGrid{--bdw:1px;--bdc:var(--divider);gap:var(--bdw);padding:var(--bdw)}.u--collapseGrid>*{box-shadow:0 0 0 var(--bdw) var(--bdc)}.u--expandedLink{color:inherit;position:static;text-decoration:none}.u--expandedLink:before{content:"";inset:0;position:absolute;z-index:1}.u--srOnly.u--srOnly{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.u--snap{scroll-snap-type:var(--snapType,both mandatory)}.u--snap>*{scroll-snap-align:var(--snapAlign,start);scroll-snap-stop:var(--snapStop,normal)}.u--clipText{-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}.-lh\:1{--hl:0px}.-lh\:base{--hl:var(--hl--base)}.-lh\:xs{--hl:var(--hl--xs)}.-lh\:s{--hl:var(--hl--s)}.-lh\:l{--hl:var(--hl--l)}:where(.-bd,[class*=" -bd-"],[class^=-bd-]){--bds:solid;--bdw:1px;--bdc:var(--divider);border-color:var(--bdc);border-width:var(--bdw)}.-bd{border-style:var(--bds)}.-bd-x{border-inline-style:var(--bds)}.-bd-y{border-block-style:var(--bds)}.-bd-x-s{border-inline-start-style:var(--bds)}.-bd-x-e{border-inline-end-style:var(--bds)}.-bd-t{border-top-style:var(--bds)}.-bd-b{border-bottom-style:var(--bds)}.-bd-l{border-left-style:var(--bds)}.-bd-r{border-right-style:var(--bds)}.-bd-y-s{border-block-start-style:var(--bds)}.-bd-y-e{border-block-end-style:var(--bds)}.-max-sz\:full{max-inline-size:100%}:where(.set--gutter)>.-max-sz\:full{margin-inline:calc(var(--gutter-size)*-1);max-inline-size:calc(100% + var(--gutter-size)*2)}.-max-sz\:container{margin-inline:calc(50% - var(--sz--container)/2);max-inline-size:var(--sz--container,100cqi)}.-f\:inherit{font:inherit}.-fz,[class*="-fz:"]{font-size:var(--fz)}.-fz\:root{--fz:var(--fz--root)}.-fz\:base{--fz:var(--fz--base)}.-fz\:5xl{--fz:var(--fz--5xl)}.-fz\:4xl{--fz:var(--fz--4xl)}.-fz\:3xl{--fz:var(--fz--3xl)}.-fz\:2xl{--fz:var(--fz--2xl)}.-fz\:xl{--fz:var(--fz--xl)}.-fz\:l{--fz:var(--fz--l)}.-fz\:m{--fz:var(--fz--m)}.-fz\:s{--fz:var(--fz--s)}.-fz\:xs{--fz:var(--fz--xs)}.-fz\:2xs{--fz:var(--fz--2xs)}.-fw\:thin{font-weight:var(--fw--thin)}.-fw\:light{font-weight:var(--fw--light)}.-fw\:normal{font-weight:var(--fw--normal)}.-fw\:medium{font-weight:var(--fw--medium)}.-fw\:bold{font-weight:var(--fw--bold)}.-fw\:black{font-weight:var(--fw--black)}.-ff\:base{font-family:var(--ff--base)}.-ff\:accent{font-family:var(--ff--accent)}.-ff\:mono{font-family:var(--ff--mono)}.-fs\:italic{font-style:italic}.-lts\:base{letter-spacing:var(--lts--base)}.-lts\:s{letter-spacing:var(--lts--s)}.-lts\:l{letter-spacing:var(--lts--l)}.-ta\:center{text-align:center}.-ta\:left{text-align:left}.-ta\:right{text-align:right}.-td\:none{text-decoration:none}.-tt\:upper{text-transform:uppercase}.-tt\:lower{text-transform:lowercase}.-d{display:var(--d)}.-d\:none{display:none}.-d\:block{display:block}.-d\:in-flex{display:inline-flex}.-o\:0{opacity:0}.-o\:-10{opacity:var(--o--n10)}.-o\:-20{opacity:var(--o--n20)}.-o\:-30{opacity:var(--o--n30)}.-v\:hidden{visibility:hidden}.-ov\:hidden{overflow:hidden}.-ov\:auto{overflow:auto}.-ov\:clip{overflow:clip}.-ov-x\:clip{overflow-x:clip}.-ov-x\:auto{overflow-x:auto}.-ov-x\:scroll{overflow-x:scroll}.-ov-y\:clip{overflow-y:clip}.-ov-y\:auto{overflow-y:auto}.-ov-y\:scroll{overflow-y:scroll}.-ar{aspect-ratio:var(--ar)}.-ar\:21\/9{aspect-ratio:21/9}.-ar\:16\/9{aspect-ratio:16/9}.-ar\:3\/2{aspect-ratio:3/2}.-ar\:1\/1{aspect-ratio:1/1}.-ar\:og{aspect-ratio:var(--ar--og)}.-w{width:var(--w)}.-w\:100\%{width:100%}.-w\:fit{width:-moz-fit-content;width:fit-content}.-h{height:var(--h)}.-h\:100\%{height:100%}.-h\:fit{height:-moz-fit-content;height:fit-content}.-min-w{min-width:var(--min-w)}.-min-w\:100\%{min-width:100%}.-max-w{max-width:var(--max-w)}.-max-w\:100\%{max-width:100%}.-min-h{min-height:var(--min-h)}.-min-h\:100\%{min-height:100%}.-max-h{max-height:var(--max-h)}.-max-h\:100\%{max-height:100%}.-max-sz\:xs{max-inline-size:var(--sz--xs)}.-max-sz\:s{max-inline-size:var(--sz--s)}.-max-sz\:m{max-inline-size:var(--sz--m)}.-max-sz\:l{max-inline-size:var(--sz--l)}.-max-sz\:xl{max-inline-size:var(--sz--xl)}.-bg{background:var(--bg)}.-bgr\:no-repeat{background-repeat:no-repeat}.-bgp\:center{background-position:50%}.-bgsz\:cover{background-size:cover}.-bgsz\:contain{background-size:contain}.-bgc,[class*="-bgc:"]{background-color:var(--bgc)}.-bgc\:base{--bgc:var(--base)}.-bgc\:base-2{--bgc:var(--base-2)}.-bgc\:text{--bgc:var(--text)}.-bgc\:brand{--bgc:var(--brand)}.-bgc\:accent{--bgc:var(--accent)}.-bgc\:transparent{--bgc:transparent}.-bgc\:inherit{background-color:inherit}.-c,[class*="-c:"]{color:var(--c)}.-c\:base{--c:var(--base)}.-c\:text{--c:var(--text)}.-c\:text-2{--c:var(--text-2)}.-c\:brand{--c:var(--brand)}.-c\:accent{--c:var(--accent)}.-c\:inherit{color:inherit}.-bd\:none{border:none}.-bds\:dashed{--bds:dashed}.-bds\:dotted{--bds:dotted}.-bds\:double{--bds:double}.-bdc\:brand{--bdc:var(--brand)}.-bdc\:accent{--bdc:var(--accent)}.-bdc\:divider{--bdc:var(--divider)}.-bdc\:inherit{--bdc:inherit}.-bdc\:transparent{--bdc:transparent}.-bdc\:cc{--bdc:currentColor}.-bdrs,[class*="-bdrs:"]{border-radius:var(--bdrs)}.-bdrs\:0{--bdrs:0}.-bdrs\:5{--bdrs:var(--bdrs--5)}.-bdrs\:10{--bdrs:var(--bdrs--10)}.-bdrs\:20{--bdrs:var(--bdrs--20)}.-bdrs\:30{--bdrs:var(--bdrs--30)}.-bdrs\:40{--bdrs:var(--bdrs--40)}.-bdrs\:50{--bdrs:var(--bdrs--50)}.-bdrs\:99{--bdrs:var(--bdrs--99)}.-bdrs\:inner{--bdrs:var(--bdrs--inner)}.-bxsh,[class*="-bxsh:"]{box-shadow:var(--bxsh)}.-bxsh\:0{--bxsh:none}.-bxsh\:5{--bxsh:var(--bxsh--5)}.-bxsh\:10{--bxsh:var(--bxsh--10)}.-bxsh\:20{--bxsh:var(--bxsh--20)}.-bxsh\:30{--bxsh:var(--bxsh--30)}.-bxsh\:40{--bxsh:var(--bxsh--40)}.-bxsh\:50{--bxsh:var(--bxsh--50)}.-pos\:static{position:static}.-pos\:fixed{position:fixed}.-pos\:sticky{position:sticky}.-pos\:rel{position:relative}.-pos\:abs{position:absolute}.-z\:0{z-index:0}.-z\:1{z-index:1}.-z\:99{z-index:99}.-z\:-1{z-index:-1}.-t\:0{top:0}.-t\:50\%{top:50%}.-t\:100\%{top:100%}.-l\:0{left:0}.-l\:50\%{left:50%}.-l\:100\%{left:100%}.-r\:0{right:0}.-r\:50\%{right:50%}.-r\:100\%{right:100%}.-b\:0{bottom:0}.-b\:50\%{bottom:50%}.-b\:100\%{bottom:100%}.-i\:0{inset:0}.-p,[class*="-p:"]{padding:var(--p)}.-p\:0{--p:0}.-p\:5{--p:var(--s5)}.-p\:10{--p:var(--s10)}.-p\:15{--p:var(--s15)}.-p\:20{--p:var(--s20)}.-p\:30{--p:var(--s30)}.-p\:40{--p:var(--s40)}.-p\:50{--p:var(--s50)}.-p\:60{--p:var(--s60)}.-p\:70{--p:var(--s70)}.-p\:80{--p:var(--s80)}.-px,[class*="-px:"]{padding-inline:var(--px)}.-px\:0{--px:0}.-px\:5{--px:var(--s5)}.-px\:10{--px:var(--s10)}.-px\:15{--px:var(--s15)}.-px\:20{--px:var(--s20)}.-px\:30{--px:var(--s30)}.-px\:40{--px:var(--s40)}.-px\:50{--px:var(--s50)}.-px\:60{--px:var(--s60)}.-px\:70{--px:var(--s70)}.-px\:80{--px:var(--s80)}.-py,[class*="-py:"]{padding-block:var(--py)}.-py\:0{--py:0}.-py\:5{--py:var(--s5)}.-py\:10{--py:var(--s10)}.-py\:15{--py:var(--s15)}.-py\:20{--py:var(--s20)}.-py\:30{--py:var(--s30)}.-py\:40{--py:var(--s40)}.-py\:50{--py:var(--s50)}.-py\:60{--py:var(--s60)}.-py\:70{--py:var(--s70)}.-py\:80{--py:var(--s80)}.-px-s{padding-inline-start:var(--px-s)}.-px-e{padding-inline-end:var(--px-e)}.-py-s{padding-block-start:var(--py-s)}.-py-e{padding-block-end:var(--py-e)}.-pl{padding-left:var(--pl)}.-pr{padding-right:var(--pr)}.-pt{padding-top:var(--pt)}.-pb{padding-bottom:var(--pb)}.-m,[class*="-m:"]{margin:var(--m)}.-m\:0{--m:0}.-m\:5{--m:var(--s5)}.-m\:10{--m:var(--s10)}.-m\:15{--m:var(--s15)}.-m\:20{--m:var(--s20)}.-m\:30{--m:var(--s30)}.-m\:40{--m:var(--s40)}.-m\:50{--m:var(--s50)}.-m\:60{--m:var(--s60)}.-m\:70{--m:var(--s70)}.-m\:80{--m:var(--s80)}.-m\:auto{--m:auto}.-mx,[class*="-mx:"]{margin-inline:var(--mx)}.-mx\:0{--mx:0}.-mx\:5{--mx:var(--s5)}.-mx\:10{--mx:var(--s10)}.-mx\:15{--mx:var(--s15)}.-mx\:20{--mx:var(--s20)}.-mx\:30{--mx:var(--s30)}.-mx\:40{--mx:var(--s40)}.-mx\:50{--mx:var(--s50)}.-mx\:60{--mx:var(--s60)}.-mx\:70{--mx:var(--s70)}.-mx\:80{--mx:var(--s80)}.-mx\:auto{--mx:auto}.-my,[class*="-my:"]{margin-block:var(--my)}.-my\:0{--my:0}.-my\:5{--my:var(--s5)}.-my\:10{--my:var(--s10)}.-my\:15{--my:var(--s15)}.-my\:20{--my:var(--s20)}.-my\:30{--my:var(--s30)}.-my\:40{--my:var(--s40)}.-my\:50{--my:var(--s50)}.-my\:60{--my:var(--s60)}.-my\:70{--my:var(--s70)}.-my\:80{--my:var(--s80)}.-my\:auto{--my:auto}.-mx-s{margin-inline-start:var(--mx-s)}.-mx-s\:auto{margin-inline-start:auto}.-mx-e{margin-inline-end:var(--mx-e)}.-mx-e\:auto{margin-inline-end:auto}.-my-s{margin-block-start:var(--my-s)}.-my-s\:0{margin-block-start:0}.-my-s\:5{margin-block-start:var(--s5)}.-my-s\:10{margin-block-start:var(--s10)}.-my-s\:15{margin-block-start:var(--s15)}.-my-s\:20{margin-block-start:var(--s20)}.-my-s\:30{margin-block-start:var(--s30)}.-my-s\:40{margin-block-start:var(--s40)}.-my-s\:50{margin-block-start:var(--s50)}.-my-s\:60{margin-block-start:var(--s60)}.-my-s\:70{margin-block-start:var(--s70)}.-my-s\:80{margin-block-start:var(--s80)}.-my-s\:auto{margin-block-start:auto}.-my-e{margin-block-end:var(--my-e)}.-my-e\:auto{margin-block-end:auto}.-ml{margin-left:var(--ml)}.-mr{margin-right:var(--mr)}.-mt{margin-top:var(--mt)}.-mb{margin-bottom:var(--mb)}.-g,[class*="-g:"]{gap:var(--g)}.-g\:0{--g:0}.-g\:5{--g:var(--s5)}.-g\:10{--g:var(--s10)}.-g\:15{--g:var(--s15)}.-g\:20{--g:var(--s20)}.-g\:30{--g:var(--s30)}.-g\:40{--g:var(--s40)}.-g\:50{--g:var(--s50)}.-g\:60{--g:var(--s60)}.-g\:70{--g:var(--s70)}.-g\:80{--g:var(--s80)}.-g\:inherit{gap:inherit}.-g-x{-moz-column-gap:var(--g-x);column-gap:var(--g-x)}.-g-y{row-gap:var(--g-y)}.-fxw{flex-wrap:var(--fxw)}.-fxw\:wrap{flex-wrap:wrap}.-fxd{flex-direction:var(--fxd)}.-fxd\:col{flex-direction:column}.-fxd\:col-r{flex-direction:column-reverse}.-fxd\:row-r{flex-direction:row-reverse}.-fx{flex:var(--fx)}.-fx\:1{flex:1}.-fxg\:1{flex-grow:1}.-fxsh\:0{flex-shrink:0}.-fxb{flex-basis:var(--fxb)}.-gt{grid-template:var(--gt)}.-gt\:repeat{grid-template:repeat(var(--rows,1),1fr) /repeat(var(--cols,1),1fr)}.-gta{grid-template-areas:var(--gta)}.-gtc{grid-template-columns:var(--gtc)}.-gtc\:subgrid{grid-template-columns:subgrid}.-gtr{grid-template-rows:var(--gtr)}.-gtr\:subgrid{grid-template-rows:subgrid}.-gaf{grid-auto-flow:var(--gaf)}.-gaf\:row{grid-auto-flow:row}.-gaf\:col{grid-auto-flow:column}.-ga{grid-area:var(--ga)}.-ga\:1\/1{grid-area:1/1}.-gc{grid-column:var(--gc)}.-gc\:1\/-1{grid-column:1/-1}.-gr{grid-row:var(--gr)}.-gr\:1\/-1{grid-row:1/-1}.-ai{align-items:var(--ai)}.-ai\:start{align-items:start}.-ai\:center{align-items:center}.-ai\:end{align-items:end}.-ai\:stretch{align-items:stretch}.-ai\:flex-s{align-items:flex-start}.-ai\:flex-e{align-items:flex-end}.-ac{align-content:var(--ac)}.-ac\:start{align-content:start}.-ac\:center{align-content:center}.-ac\:end{align-content:end}.-ac\:flex-s{align-content:flex-start}.-ac\:flex-e{align-content:flex-end}.-ac\:between{align-content:space-between}.-ji{justify-items:var(--ji)}.-ji\:start{justify-items:start}.-ji\:center{justify-items:center}.-ji\:end{justify-items:end}.-ji\:stretch{justify-items:stretch}.-ji\:flex-s{justify-items:flex-start}.-ji\:flex-e{justify-items:flex-end}.-jc{justify-content:var(--jc)}.-jc\:start{justify-content:start}.-jc\:center{justify-content:center}.-jc\:end{justify-content:end}.-jc\:flex-s{justify-content:flex-start}.-jc\:flex-e{justify-content:flex-end}.-jc\:between{justify-content:space-between}.-pi\:start{place-items:start}.-pi\:center{place-items:center}.-pi\:end{place-items:end}.-pc\:start{place-content:start}.-pc\:center{place-content:center}.-pc\:end{place-content:end}.-aslf\:start{align-self:start}.-aslf\:center{align-self:center}.-aslf\:end{align-self:end}.-aslf\:stretch{align-self:stretch}.-jslf\:start{justify-self:start}.-jslf\:center{justify-self:center}.-jslf\:end{justify-self:end}.-jslf\:stretch{justify-self:stretch}.-pslf\:start{place-self:start}.-pslf\:center{place-self:center}.-pslf\:end{place-self:end}.-order\:0{order:0}.-order\:1{order:1}.-order\:-1{order:-1}.-ovwrap\:any{overflow-wrap:anywhere}.-whspace\:nowrap{white-space:nowrap}.-float\:left{float:left}.-float\:right{float:right}.-clear\:both{clear:both}.-isolation\:isolate{isolation:isolate}@container (min-width: 480px){.-fz_sm{font-size:var(--fz_sm)}.-hl_sm{--hl:var(--hl_sm)!important}.-d_sm{display:var(--d_sm)}.-ar_sm{aspect-ratio:var(--ar_sm)}.-w_sm{width:var(--w_sm)}.-h_sm{height:var(--h_sm)}.-min-w_sm{min-width:var(--min-w_sm)}.-max-w_sm{max-width:var(--max-w_sm)}.-min-h_sm{min-height:var(--min-h_sm)}.-max-h_sm{max-height:var(--max-h_sm)}.-bg_sm{background:var(--bg_sm)}.-bdw_sm{--bdw:var(--bdw_sm)!important}.-bdrs_sm{border-radius:var(--bdrs_sm);--bdrs:var(--bdrs_sm)!important}.-bxsh_sm{box-shadow:var(--bxsh_sm)}.-p_sm{padding:var(--p_sm);--p:var(--p_sm)!important}.-px_sm{padding-inline:var(--px_sm)}.-py_sm{padding-block:var(--py_sm)}.-px-s_sm{padding-inline-start:var(--px-s_sm)}.-px-e_sm{padding-inline-end:var(--px-e_sm)}.-py-s_sm{padding-block-start:var(--py-s_sm)}.-py-e_sm{padding-block-end:var(--py-e_sm)}.-pl_sm{padding-left:var(--pl_sm)}.-pr_sm{padding-right:var(--pr_sm)}.-pt_sm{padding-top:var(--pt_sm)}.-pb_sm{padding-bottom:var(--pb_sm)}.-m_sm{margin:var(--m_sm);--m:var(--m_sm)!important}.-mx_sm{margin-inline:var(--mx_sm)}.-my_sm{margin-block:var(--my_sm)}.-mx-s_sm{margin-inline-start:var(--mx-s_sm)}.-mx-e_sm{margin-inline-end:var(--mx-e_sm)}.-my-s_sm{margin-block-start:var(--my-s_sm)}.-my-e_sm{margin-block-end:var(--my-e_sm)}.-ml_sm{margin-left:var(--ml_sm)}.-mr_sm{margin-right:var(--mr_sm)}.-mt_sm{margin-top:var(--mt_sm)}.-mb_sm{margin-bottom:var(--mb_sm)}.-g_sm{gap:var(--g_sm);--g:var(--g_sm)!important}.-g-x_sm{-moz-column-gap:var(--g-x_sm);column-gap:var(--g-x_sm)}.-g-y_sm{row-gap:var(--g-y_sm)}.-cols_sm{--cols:var(--cols_sm)!important}.-rows_sm{--rows:var(--rows_sm)!important}.-fxw_sm{flex-wrap:var(--fxw_sm)}.-fxd_sm{flex-direction:var(--fxd_sm)}.-fx_sm{flex:var(--fx_sm)}.-fxb_sm{flex-basis:var(--fxb_sm)}.-gt_sm{grid-template:var(--gt_sm)}.-gta_sm{grid-template-areas:var(--gta_sm)}.-gtc_sm{grid-template-columns:var(--gtc_sm)}.-gtr_sm{grid-template-rows:var(--gtr_sm)}.-gaf_sm{grid-auto-flow:var(--gaf_sm)}.-ga_sm{grid-area:var(--ga_sm)}.-gc_sm{grid-column:var(--gc_sm)}.-gr_sm{grid-row:var(--gr_sm)}.-ai_sm{align-items:var(--ai_sm)}.-ac_sm{align-content:var(--ac_sm)}.-ji_sm{justify-items:var(--ji_sm)}.-jc_sm{justify-content:var(--jc_sm)}}@container (min-width: 800px){.-fz_md{font-size:var(--fz_md)}.-hl_md{--hl:var(--hl_md)!important}.-d_md{display:var(--d_md)}.-ar_md{aspect-ratio:var(--ar_md)}.-w_md{width:var(--w_md)}.-h_md{height:var(--h_md)}.-min-w_md{min-width:var(--min-w_md)}.-max-w_md{max-width:var(--max-w_md)}.-min-h_md{min-height:var(--min-h_md)}.-max-h_md{max-height:var(--max-h_md)}.-bg_md{background:var(--bg_md)}.-bdw_md{--bdw:var(--bdw_md)!important}.-bdrs_md{border-radius:var(--bdrs_md);--bdrs:var(--bdrs_md)!important}.-bxsh_md{box-shadow:var(--bxsh_md)}.-p_md{padding:var(--p_md);--p:var(--p_md)!important}.-px_md{padding-inline:var(--px_md)}.-py_md{padding-block:var(--py_md)}.-px-s_md{padding-inline-start:var(--px-s_md)}.-px-e_md{padding-inline-end:var(--px-e_md)}.-py-s_md{padding-block-start:var(--py-s_md)}.-py-e_md{padding-block-end:var(--py-e_md)}.-pl_md{padding-left:var(--pl_md)}.-pr_md{padding-right:var(--pr_md)}.-pt_md{padding-top:var(--pt_md)}.-pb_md{padding-bottom:var(--pb_md)}.-m_md{margin:var(--m_md);--m:var(--m_md)!important}.-mx_md{margin-inline:var(--mx_md)}.-my_md{margin-block:var(--my_md)}.-mx-s_md{margin-inline-start:var(--mx-s_md)}.-mx-e_md{margin-inline-end:var(--mx-e_md)}.-my-s_md{margin-block-start:var(--my-s_md)}.-my-e_md{margin-block-end:var(--my-e_md)}.-ml_md{margin-left:var(--ml_md)}.-mr_md{margin-right:var(--mr_md)}.-mt_md{margin-top:var(--mt_md)}.-mb_md{margin-bottom:var(--mb_md)}.-g_md{gap:var(--g_md);--g:var(--g_md)!important}.-g-x_md{-moz-column-gap:var(--g-x_md);column-gap:var(--g-x_md)}.-g-y_md{row-gap:var(--g-y_md)}.-cols_md{--cols:var(--cols_md)!important}.-rows_md{--rows:var(--rows_md)!important}.-fxw_md{flex-wrap:var(--fxw_md)}.-fxd_md{flex-direction:var(--fxd_md)}.-fx_md{flex:var(--fx_md)}.-fxb_md{flex-basis:var(--fxb_md)}.-gt_md{grid-template:var(--gt_md)}.-gta_md{grid-template-areas:var(--gta_md)}.-gtc_md{grid-template-columns:var(--gtc_md)}.-gtr_md{grid-template-rows:var(--gtr_md)}.-gaf_md{grid-auto-flow:var(--gaf_md)}.-ga_md{grid-area:var(--ga_md)}.-gc_md{grid-column:var(--gc_md)}.-gr_md{grid-row:var(--gr_md)}.-ai_md{align-items:var(--ai_md)}.-ac_md{align-content:var(--ac_md)}.-ji_md{justify-items:var(--ji_md)}.-jc_md{justify-content:var(--jc_md)}}@media (any-hover:hover){.-hov\:c:hover{color:var(--hov-c,var(--link))}.-hov\:bdc:hover{border-color:var(--hov-bdc,currentColor)}.-hov\:bgc:hover{background-color:var(--hov-bgc,var(--base-2))}.-hov\:o:hover{opacity:var(--hov-o,.7)}.-hov\:bxsh:hover{box-shadow:var(--hov-bxsh,var(--bxsh--40))}.-hov\:neutral:hover{background-color:color-mix(in srgb,var(--bgc,var(--base)),#bcbec2 25%)}}.-hov\:to\:hide{--transProp:opacity;opacity:var(--_isHov,0)}.-hov\:to\:show{--transProp:opacity,visibility;opacity:var(--_notHov,0);visibility:var(--_notHov,hidden)}.-hov\:to\:zoom{--transProp:scale;scale:var(--_isHov,1.1)}
@@ -5,18 +5,19 @@ interface PropConfig {
5
5
  isVar?: number;
6
6
  [key: string]: unknown;
7
7
  }
8
- type LayoutOwnProps = {
8
+ interface LayoutOwnProps {
9
9
  flow?: CssValue;
10
10
  autoFill?: boolean;
11
11
  sideW?: CssValue;
12
12
  mainW?: CssValue;
13
13
  breakSize?: CssValue;
14
- };
14
+ }
15
15
  type LayoutSpecificKeys = keyof LayoutOwnProps;
16
16
  export interface BaseProps {
17
17
  lismClass?: string;
18
18
  style?: StyleWithCustomProps;
19
19
  _propConfig?: Record<string, PropConfig>;
20
20
  }
21
- type InputProps = BaseProps & LayoutOwnProps;
21
+ interface InputProps extends BaseProps, LayoutOwnProps {
22
+ }
22
23
  export default function getLayoutProps<P extends InputProps>(layout: LayoutType | undefined, props: P): Omit<P, LayoutSpecificKeys> & BaseProps;
@@ -18,19 +18,19 @@ interface PropConfig {
18
18
  important?: number;
19
19
  exUtility?: Record<string, unknown>;
20
20
  customVar?: string;
21
- setStyles?: (val: unknown) => Record<string, unknown>;
21
+ setStyles?: (val: unknown) => Record<string, string | number | undefined>;
22
22
  className?: string;
23
23
  utilKey?: string;
24
24
  [key: string]: unknown;
25
25
  }
26
- type StatePropDataObject = {
26
+ interface StatePropDataObject {
27
27
  className: string;
28
28
  preset?: string[] | readonly string[];
29
29
  presetClass?: string;
30
30
  customVar?: string;
31
31
  tokenKey?: string;
32
- setStyles?: (propVal: string) => Record<string, unknown>;
33
- };
32
+ setStyles?: (propVal: string) => Record<string, string | number | undefined>;
33
+ }
34
34
  export interface LismPropsBase extends StateProps, PropValueTypes, React.HTMLAttributes<HTMLElement> {
35
35
  forwardedRef?: React.Ref<any>;
36
36
  class?: string;
@@ -40,7 +40,7 @@ export interface LismPropsBase extends StateProps, PropValueTypes, React.HTMLAtt
40
40
  style?: StyleWithCustomProps;
41
41
  _propConfig?: Record<string, PropConfig>;
42
42
  hov?: boolean | string | Record<string, unknown>;
43
- css?: Record<string, unknown>;
43
+ css?: Record<string, string | number | undefined>;
44
44
  [key: `data-${string}`]: unknown;
45
45
  }
46
46
  export declare class LismPropsData {
@@ -57,9 +57,9 @@ export declare class LismPropsData {
57
57
  addUtil(util: string): void;
58
58
  addUtils(utils: string[]): void;
59
59
  addStyle(name: string, val: string | number): void;
60
- addStyles(styles: Record<string, unknown>): void;
60
+ addStyles(styles: Record<string, string | number | undefined>): void;
61
61
  addAttrs(data: {
62
- styles?: Record<string, unknown>;
62
+ styles?: Record<string, string | number | undefined>;
63
63
  utils?: string[];
64
64
  }): void;
65
65
  extractProp(propName: string): unknown;
@@ -69,10 +69,11 @@ export declare class LismPropsData {
69
69
  }
70
70
  export interface LismProps extends LismPropsBase, LayoutProps {
71
71
  }
72
- export interface LismOutputProps extends React.HTMLAttributes<HTMLElement> {
72
+ export interface LismOutputProps {
73
+ className?: string;
73
74
  style?: StyleWithCustomProps;
74
75
  ref?: React.Ref<any>;
75
- [key: `data-${string}`]: unknown;
76
+ [key: string]: unknown;
76
77
  }
77
78
  /**
78
79
  * props から styleに変換する要素 と その他 に分離する