@beaubrain/web-design-system 0.1.1 → 0.1.2

package/README.md

@@ -3,19 +3,11 @@
 Beaubrain 웹 제품을 위한 리액트 기반 디자인 시스템 라이브러리입니다.
 일관된 사용자 경험을 제공하고 생산성을 높이기 위해 재사용 가능한 UI 컴포넌트와 스타일 토큰을 제공합니다.
 
-## 피그마
+## 디자인 시안
 
-[피그마 디자인 시스템 바로가기](https://www.figma.com/file/xxxxx/Beaubrain-Design-System)
+[피그마](https://www.figma.com/design/8tqlEO4gAWvNi5snMk1SyO/Design-System?node-id=0-1&m=dev)
 
-## ✨ 특징
-
-- **React & TypeScript**: 타입 안정성을 보장하는 리액트 컴포넌트
-- **Vite**: 빠르고 가벼운 빌드 시스템
-- **Storybook**: 컴포넌트 문서화 및 독립적인 개발 환경 제공
-- **Token System**: 색상, 여백, 타이포그래피 등을 CSS Variable로 관리
-- **A11y**: 웹 접근성 준수 (VisuallyHidden 등 제공)
-
-## 📦 설치
+## 설치
 
 패키지 매니저를 사용하여 설치할 수 있습니다.
 
@@ -30,7 +22,7 @@ npm install @beaubrain/web-design-system
 yarn add @beaubrain/web-design-system
 ```
 
-## 🚀 사용 방법
+## 사용 방법
 
 ### 1. 스타일 시트 불러오기
 
@@ -59,7 +51,7 @@ function App() {
 }
 ```
 
-## 🧩 제공되는 컴포넌트
+## 제공되는 컴포넌트
 
 현재 제공되는 주요 컴포넌트는 다음과 같습니다.
 
@@ -71,9 +63,7 @@ function App() {
 
 > 자세한 사용법과 속성은 Storybook 문서를 참고하세요.
 
-## 🛠 개발 환경 설정
-
-이 저장소를 클론하여 개발에 기여하려면 다음 명령어를 사용하세요.
+## 개발 환경 설정
 
 ### 의존성 설치
 
@@ -110,15 +100,3 @@ pnpm build
 ```bash
 pnpm test
 ```
-
-## 🤝 기여하기
-
-1. 이 저장소를 포크(Fork)합니다.
-2. 새로운 브랜치를 생성합니다 (`git checkout -b feature/NewComponent`).
-3. 변경 사항을 커밋합니다 (`git commit -m 'feat: Add NewComponent'`).
-4. 브랜치에 푸시합니다 (`git push origin feature/NewComponent`).
-5. Pull Request를 생성합니다.
-
-## 📄 라이선스
-
-MIT

package/dist/assets/web-design-system.css

@@ -1 +1 @@
-@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-dynamic-subset.css";.bd-theme{--color-white: #ffffff;--color-black: #000000;--color-gray-50: #fafafa;--color-gray-100: #f4f4f4;--color-gray-200: #f5f5f5;--color-gray-300: #ebebeb;--color-gray-400: #eaeaea;--color-gray-500: #dcdcdc;--color-gray-600: #cccccc;--color-gray-700: #c2c2c2;--color-gray-800: #9e9e9e;--color-gray-900: #999999;--color-gray-1000: #818181;--color-gray-1100: #707070;--color-gray-1200: #606060;--color-gray-1300: #424242;--color-gray-1400: #222222;--color-gray-1500: #111111;--color-blue-50: #e2f2ff;--color-blue-100: #c0e3ff;--color-blue-200: #99d2ff;--color-blue-300: #7ec7fe;--color-blue-400: #65bcfe;--color-blue-500: #49b0fe;--color-blue-600: #109eff;--color-blue-700: #138deb;--color-blue-800: #1c69ff;--color-blue-900: #1681d9;--color-blue-1000: #1476c4;--color-blue-1100: #1d66c5;--color-blue-1200: #1164a7;--color-blue-1300: #14509d;--color-blue-1400: #0a2d5c;--color-green-50: #e6f4ea;--color-green-100: #cdead5;--color-green-200: #b4e0c0;--color-green-300: #9cd5ac;--color-green-400: #83cb97;--color-green-500: #6ac182;--color-green-600: #52b76e;--color-green-700: #3aad59;--color-green-800: #0ab03c;--color-green-900: #219246;--color-green-1000: #238741;--color-green-1100: #19803a;--color-green-1200: #0f7a33;--color-red-50: #ffe5e5;--color-red-100: #ffcccc;--color-red-200: #ffb2b2;--color-red-300: #ff9999;--color-red-400: #ff8080;--color-red-500: #ff6666;--color-red-600: #ff4c4c;--color-red-700: #ff3232;--color-red-800: #ff0000;--color-red-900: #e61919;--color-red-1000: #e30000;--color-red-1100: #cc0000}.bd-theme{--font-size-1: 10px;--font-size-2: 12px;--font-size-3: 14px;--font-size-4: 16px;--font-size-5: 18px;--font-size-6: 20px;--font-size-7: 24px;--font-size-8: 28px;--font-size-9: 32px;--font-size-10: 40px;--font-size-11: 56px;--font-size-12: 84px;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-1: 16px;--line-height-2: 18px;--line-height-3: 20px;--line-height-4: 24px;--line-height-5: 28px;--line-height-6: 32px;--line-height-7: 40px;--line-height-8: 48px;--line-height-9: 60px;--line-height-10: 72px;--line-height-11: 120px;--letter-spacing-1: .02em;--letter-spacing-2: .04em;--letter-spacing-3: .05em;--default-line-height: 1.5;--default-leading-trim-start: .42em;--default-leading-trim-end: .36em;--default-font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif}.bd-theme{font-family:var(--default-font-family)}.bd-theme{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-9: 36px;--space-10: 40px;--space-11: 44px;--space-12: 48px;--space-13: 52px;--space-14: 56px;--space-15: 60px;--space-16: 64px;--space-17: 68px;--space-18: 72px;--space-19: 76px;--space-20: 80px}.bd-theme{--radius-none: 0;--radius-s: 4px;--radius-m: 8px;--radius-l: 28px;--radius-full: 9999px}.bd-Text{line-height:var(--line-height, var(--default-line-height));letter-spacing:var(--letter-spacing, inherit)}.bd-Text:where(.bd-size-1){font-size:var(--font-size-1);--line-height: var(--line-height-1);--letter-spacing: var(--letter-spacing-1)}.bd-Text:where(.bd-size-2){font-size:var(--font-size-2);--line-height: var(--line-height-2);--letter-spacing: var(--letter-spacing-1)}.bd-Text:where(.bd-size-3){font-size:var(--font-size-3);--line-height: var(--line-height-3);--letter-spacing: var(--letter-spacing-1)}.bd-Text:where(.bd-size-4){font-size:var(--font-size-4);--line-height: var(--line-height-4);--letter-spacing: var(--letter-spacing-1)}.bd-Text:where(.bd-size-5){font-size:var(--font-size-5);--line-height: var(--line-height-5);--letter-spacing: var(--letter-spacing-1)}.bd-Text:where(.bd-size-6){font-size:var(--font-size-6);--line-height: var(--line-height-6);--letter-spacing: var(--letter-spacing-2)}.bd-Text:where(.bd-size-7){font-size:var(--font-size-7);--line-height: var(--line-height-7);--letter-spacing: var(--letter-spacing-2)}.bd-Text:where(.bd-size-8){font-size:var(--font-size-9);--line-height: var(--line-height-8);--letter-spacing: var(--letter-spacing-2)}.bd-Text:where(.bd-size-9){font-size:var(--font-size-10);--line-height: var(--line-height-9);--letter-spacing: var(--letter-spacing-2)}.bd-Text:where(.bd-size-10){font-size:var(--font-size-11);--line-height: var(--line-height-10);--letter-spacing: var(--letter-spacing-2)}.bd-Text:where(.bd-size-11){font-size:var(--font-size-12);--line-height: var(--line-height-11);--letter-spacing: var(--letter-spacing-3)}.bd-Flex{box-sizing:border-box;display:flex;justify-content:flex-start}.bd-Button{position:relative;display:inline-flex;box-sizing:border-box;align-items:center;justify-content:center;flex-shrink:0;-webkit-user-select:none;user-select:none;vertical-align:top;background-color:transparent;font-family:var(--default-font-family);font-style:normal;text-align:center;--color-blue-800-tp-10: color-mix(in srgb, var(--color-blue-800), transparent 10%);--color-blue-800-tp-90: color-mix(in srgb, var(--color-blue-800), transparent 90%);--color-blue-800-tp-95: color-mix(in srgb, var(--color-blue-800), transparent 95%);--color-blue-800-tp-95_5: color-mix(in srgb, var(--color-blue-800), transparent 95.5%);--color-blue-1100-tp-80: color-mix(in srgb, var(--color-blue-1100), transparent 80%);--color-blue-1100-tp-90: color-mix(in srgb, var(--color-blue-1100), transparent 90%)}.bd-Button:where(:focus-visible){outline:none;outline-offset:0}.bd-Button:where([data-disabled]){--spinner-opacity: 1}.bd-Button:where(.bd-loading){position:relative}.bd-Button:where(.bd-size-1){height:var(--space-6);padding-left:var(--space-2);padding-right:var(--space-2);font-size:var(--font-size-2);line-height:var(--line-height-1);letter-spacing:var(--letter-spacing-1)}.bd-Button:where(.bd-size-2){height:var(--space-8);padding-left:var(--space-3);padding-right:var(--space-3);font-size:var(--font-size-3);line-height:var(--line-height-2);letter-spacing:var(--letter-spacing-1)}.bd-Button:where(.bd-size-3){height:var(--space-10);padding-left:var(--space-4);padding-right:var(--space-4);font-size:var(--font-size-4);line-height:var(--line-height-3);letter-spacing:var(--letter-spacing-1)}.bd-Button:where(.bd-size-4){height:var(--space-12);padding-left:var(--space-5);padding-right:var(--space-5);font-size:var(--font-size-4);line-height:var(--line-height-3);letter-spacing:var(--letter-spacing-1)}.bd-Button:where(.bd-size-5){height:var(--space-14);padding-left:var(--space-6);padding-right:var(--space-6);font-size:var(--font-size-4);line-height:var(--line-height-3);letter-spacing:var(--letter-spacing-1)}.bd-Button:where(.bd-variant-fill-primary){background-color:var(--color-blue-1100);color:var(--color-white)}@media (hover: hover){.bd-Button:where(.bd-variant-fill-primary):where(:hover:not([data-disabled])){background-color:var(--color-blue-800-tp-10)}}.bd-Button:where(.bd-variant-fill-primary):where(:focus-visible:not([data-disabled])){background-color:var(--color-blue-800-tp-10)}.bd-Button:where(.bd-variant-fill-primary):where(:active:not([data-disabled])){background-color:var(--color-blue-1300)}.bd-Button:where(.bd-variant-fill-primary):where([data-disabled]:not([data-loading])){background-color:var(--color-gray-100);color:var(--color-gray-900)}.bd-Button:where(.bd-variant-fill-primary):where([data-loading]){background-color:var(--color-blue-800)}.bd-Button:where(.bd-variant-fill-secondary){background-color:var(--color-gray-100);color:var(--color-gray-1500)}@media (hover: hover){.bd-Button:where(.bd-variant-fill-secondary):where(:hover:not([data-disabled])){background-color:var(--color-blue-800-tp-95);color:var(--color-blue-800)}}.bd-Button:where(.bd-variant-fill-secondary):where(:focus-visible:not([data-disabled])){background-color:var(--color-gray-100);color:var(--color-blue-800)}.bd-Button:where(.bd-variant-fill-secondary):where(:active:not([data-disabled])){background-color:var(--color-gray-400);color:var(--color-blue-1100)}.bd-Button:where(.bd-variant-fill-secondary):where([data-disabled]:not([data-loading])){background-color:var(--color-gray-100);color:var(--color-gray-900)}.bd-Button:where(.bd-variant-fill-secondary):where([data-loading]){background-color:var(--color-gray-100)}.bd-Button:where(.bd-variant-outline-primary){background-color:var(--color-white);color:var(--color-blue-1100);border:1px solid var(--color-blue-1100)}@media (hover: hover){.bd-Button:where(.bd-variant-outline-primary):where(:hover:not([data-disabled])){background-color:var(--color-blue-800-tp-95_5);color:var(--color-blue-800);border-color:var(--color-blue-800)}}.bd-Button:where(.bd-variant-outline-primary):where(:focus-visible:not([data-disabled])){color:var(--color-blue-800);border-color:var(--color-blue-800)}.bd-Button:where(.bd-variant-outline-primary):where(:active:not([data-disabled])){background-color:var(--color-blue-1100-tp-90);color:var(--color-blue-1100);border-color:var(--color-blue-1100)}.bd-Button:where(.bd-variant-outline-primary):where([data-disabled]:not([data-loading])){background-color:var(--color-gray-100);color:var(--color-gray-900);border-color:transparent}.bd-Button:where(.bd-variant-outline-secondary){background-color:var(--color-white);color:var(--color-gray-1500);border:1px solid var(--color-gray-900)}@media (hover: hover){.bd-Button:where(.bd-variant-outline-secondary):where(:hover:not([data-disabled])){color:var(--color-blue-800);border-color:var(--color-blue-800)}.bd-Button:where(.bd-variant-outline-secondary):where(:focus-visible:not([data-disabled])){color:var(--color-blue-800);border-color:var(--color-blue-800)}.bd-Button:where(.bd-variant-outline-secondary):where(:active:not([data-disabled])){color:var(--color-blue-1100);border-color:var(--color-blue-1100)}.bd-Button:where(.bd-variant-outline-secondary):where([data-disabled]:not([data-loading])){background-color:var(--color-gray-100);color:var(--color-gray-900);border-color:transparent}}.bd-Button:where(.bd-variant-ghost){background-color:transparent;border:1px solid transparent;color:var(--color-gray-1500)}@media (hover: hover){.bd-Button:where(.bd-variant-ghost):where(:hover:not([data-disabled])){background-color:var(--color-blue-800-tp-95_5);color:var(--color-blue-800)}}.bd-Button:where(.bd-variant-ghost):where(:focus-visible:not([data-disabled])){background-color:var(--color-blue-800-tp-90);color:var(--color-blue-800)}.bd-Button:where(.bd-variant-ghost):where(:active:not([data-disabled])){background-color:var(--color-blue-1100-tp-80);color:var(--color-blue-1100)}.bd-Button:where(.bd-variant-ghost):where([data-disabled]:not([data-loading])){color:var(--color-gray-900)}.bd-Button:where(.bd-variant-ghost):where([data-loading]){background-color:var(--color-gray-50);border-color:var(--color-gray-400)}.bd-Spinner{display:inline-block;box-sizing:border-box;position:relative;border:2px solid var(--color-white);border-bottom-color:transparent;border-radius:50%;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bd-Spinner:where(.bd-size-1){--spinner-size: var(--space-3);width:var(--spinner-size);height:var(--spinner-size);border-width:calc(var(--spinner-size) * .1)}.bd-Spinner:where(.bd-size-2){--spinner-size: var(--space-4);width:var(--spinner-size);height:var(--spinner-size);border-width:calc(var(--spinner-size) * .1)}.bd-Spinner:where(.bd-size-3){--spinner-size: var(--space-5);width:var(--spinner-size);height:var(--spinner-size);border-width:calc(var(--spinner-size) * .1)}.bd-Spinner:where(.bd-color-gray50){border-top-color:var(--color-gray-50);border-right-color:var(--color-gray-50);border-left-color:var(--color-gray-50)}.bd-Spinner:where(.bd-color-gray100){border-top-color:var(--color-gray-100);border-right-color:var(--color-gray-100);border-left-color:var(--color-gray-100)}.bd-Spinner:where(.bd-color-gray200){border-top-color:var(--color-gray-200);border-right-color:var(--color-gray-200);border-left-color:var(--color-gray-200)}.bd-Spinner:where(.bd-color-gray300){border-top-color:var(--color-gray-300);border-right-color:var(--color-gray-300);border-left-color:var(--color-gray-300)}.bd-Spinner:where(.bd-color-gray400){border-top-color:var(--color-gray-400);border-right-color:var(--color-gray-400);border-left-color:var(--color-gray-400)}.bd-Spinner:where(.bd-color-gray500){border-top-color:var(--color-gray-500);border-right-color:var(--color-gray-500);border-left-color:var(--color-gray-500)}.bd-Spinner:where(.bd-color-gray600){border-top-color:var(--color-gray-600);border-right-color:var(--color-gray-600);border-left-color:var(--color-gray-600)}.bd-Spinner:where(.bd-color-gray700){border-top-color:var(--color-gray-700);border-right-color:var(--color-gray-700);border-left-color:var(--color-gray-700)}.bd-Spinner:where(.bd-color-gray800){border-top-color:var(--color-gray-800);border-right-color:var(--color-gray-800);border-left-color:var(--color-gray-800)}.bd-Spinner:where(.bd-color-gray900){border-top-color:var(--color-gray-900);border-right-color:var(--color-gray-900);border-left-color:var(--color-gray-900)}.bd-Spinner:where(.bd-color-gray1000){border-top-color:var(--color-gray-1000);border-right-color:var(--color-gray-1000);border-left-color:var(--color-gray-1000)}.bd-Spinner:where(.bd-color-gray1100){border-top-color:var(--color-gray-1100);border-right-color:var(--color-gray-1100);border-left-color:var(--color-gray-1100)}.bd-Spinner:where(.bd-color-gray1200){border-top-color:var(--color-gray-1200);border-right-color:var(--color-gray-1200);border-left-color:var(--color-gray-1200)}.bd-Spinner:where(.bd-color-gray1300){border-top-color:var(--color-gray-1300);border-right-color:var(--color-gray-1300);border-left-color:var(--color-gray-1300)}.bd-Spinner:where(.bd-color-gray1400){border-top-color:var(--color-gray-1400);border-right-color:var(--color-gray-1400);border-left-color:var(--color-gray-1400)}.bd-Spinner:where(.bd-color-gray1500){border-top-color:var(--color-gray-1500);border-right-color:var(--color-gray-1500);border-left-color:var(--color-gray-1500)}.bd-Spinner:where(.bd-color-blue50){border-top-color:var(--color-blue-50);border-right-color:var(--color-blue-50);border-left-color:var(--color-blue-50)}.bd-Spinner:where(.bd-color-blue100){border-top-color:var(--color-blue-100);border-right-color:var(--color-blue-100);border-left-color:var(--color-blue-100)}.bd-Spinner:where(.bd-color-blue200){border-top-color:var(--color-blue-200);border-right-color:var(--color-blue-200);border-left-color:var(--color-blue-200)}.bd-Spinner:where(.bd-color-blue300){border-top-color:var(--color-blue-300);border-right-color:var(--color-blue-300);border-left-color:var(--color-blue-300)}.bd-Spinner:where(.bd-color-blue400){border-top-color:var(--color-blue-400);border-right-color:var(--color-blue-400);border-left-color:var(--color-blue-400)}.bd-Spinner:where(.bd-color-blue500){border-top-color:var(--color-blue-500);border-right-color:var(--color-blue-500);border-left-color:var(--color-blue-500)}.bd-Spinner:where(.bd-color-blue600){border-top-color:var(--color-blue-600);border-right-color:var(--color-blue-600);border-left-color:var(--color-blue-600)}.bd-Spinner:where(.bd-color-blue700){border-top-color:var(--color-blue-700);border-right-color:var(--color-blue-700);border-left-color:var(--color-blue-700)}.bd-Spinner:where(.bd-color-blue800){border-top-color:var(--color-blue-800);border-right-color:var(--color-blue-800);border-left-color:var(--color-blue-800)}.bd-Spinner:where(.bd-color-blue900){border-top-color:var(--color-blue-900);border-right-color:var(--color-blue-900);border-left-color:var(--color-blue-900)}.bd-Spinner:where(.bd-color-blue1000){border-top-color:var(--color-blue-1000);border-right-color:var(--color-blue-1000);border-left-color:var(--color-blue-1000)}.bd-Spinner:where(.bd-color-blue1100){border-top-color:var(--color-blue-1100);border-right-color:var(--color-blue-1100);border-left-color:var(--color-blue-1100)}.bd-Spinner:where(.bd-color-green50){border-top-color:var(--color-green-50);border-right-color:var(--color-green-50);border-left-color:var(--color-green-50)}.bd-Spinner:where(.bd-color-green100){border-top-color:var(--color-green-100);border-right-color:var(--color-green-100);border-left-color:var(--color-green-100)}.bd-Spinner:where(.bd-color-green200){border-top-color:var(--color-green-200);border-right-color:var(--color-green-200);border-left-color:var(--color-green-200)}.bd-Spinner:where(.bd-color-green300){border-top-color:var(--color-green-300);border-right-color:var(--color-green-300);border-left-color:var(--color-green-300)}.bd-Spinner:where(.bd-color-green400){border-top-color:var(--color-green-400);border-right-color:var(--color-green-400);border-left-color:var(--color-green-400)}.bd-Spinner:where(.bd-color-green500){border-top-color:var(--color-green-500);border-right-color:var(--color-green-500);border-left-color:var(--color-green-500)}.bd-Spinner:where(.bd-color-green600){border-top-color:var(--color-green-600);border-right-color:var(--color-green-600);border-left-color:var(--color-green-600)}.bd-Spinner:where(.bd-color-green700){border-top-color:var(--color-green-700);border-right-color:var(--color-green-700);border-left-color:var(--color-green-700)}.bd-Spinner:where(.bd-color-green800){border-top-color:var(--color-green-800);border-right-color:var(--color-green-800);border-left-color:var(--color-green-800)}.bd-Spinner:where(.bd-color-green900){border-top-color:var(--color-green-900);border-right-color:var(--color-green-900);border-left-color:var(--color-green-900)}.bd-Spinner:where(.bd-color-green1000){border-top-color:var(--color-green-1000);border-right-color:var(--color-green-1000);border-left-color:var(--color-green-1000)}.bd-Spinner:where(.bd-color-green1100){border-top-color:var(--color-green-1100);border-right-color:var(--color-green-1100);border-left-color:var(--color-green-1100)}.bd-Spinner:where(.bd-color-green1200){border-top-color:var(--color-green-1200);border-right-color:var(--color-green-1200);border-left-color:var(--color-green-1200)}.bd-Spinner:where(.bd-color-red50){border-top-color:var(--color-red-50);border-right-color:var(--color-red-50);border-left-color:var(--color-red-50)}.bd-Spinner:where(.bd-color-red100){border-top-color:var(--color-red-100);border-right-color:var(--color-red-100);border-left-color:var(--color-red-100)}.bd-Spinner:where(.bd-color-red200){border-top-color:var(--color-red-200);border-right-color:var(--color-red-200);border-left-color:var(--color-red-200)}.bd-Spinner:where(.bd-color-red300){border-top-color:var(--color-red-300);border-right-color:var(--color-red-300);border-left-color:var(--color-red-300)}.bd-Spinner:where(.bd-color-red400){border-top-color:var(--color-red-400);border-right-color:var(--color-red-400);border-left-color:var(--color-red-400)}.bd-Spinner:where(.bd-color-red500){border-top-color:var(--color-red-500);border-right-color:var(--color-red-500);border-left-color:var(--color-red-500)}.bd-Spinner:where(.bd-color-red600){border-top-color:var(--color-red-600);border-right-color:var(--color-red-600);border-left-color:var(--color-red-600)}.bd-Spinner:where(.bd-color-red700){border-top-color:var(--color-red-700);border-right-color:var(--color-red-700);border-left-color:var(--color-red-700)}.bd-Spinner:where(.bd-color-red800){border-top-color:var(--color-red-800);border-right-color:var(--color-red-800);border-left-color:var(--color-red-800)}.bd-Spinner:where(.bd-color-red900){border-top-color:var(--color-red-900);border-right-color:var(--color-red-900);border-left-color:var(--color-red-900)}.bd-Spinner:where(.bd-color-red1000){border-top-color:var(--color-red-1000);border-right-color:var(--color-red-1000);border-left-color:var(--color-red-1000)}.bd-Spinner:where(.bd-color-red1100){border-top-color:var(--color-red-1100);border-right-color:var(--color-red-1100);border-left-color:var(--color-red-1100)}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}.bd-color-gray50{color:var(--color-gray-50)}.bd-color-gray100{color:var(--color-gray-100)}.bd-color-gray200{color:var(--color-gray-200)}.bd-color-gray300{color:var(--color-gray-300)}.bd-color-gray400{color:var(--color-gray-400)}.bd-color-gray500{color:var(--color-gray-500)}.bd-color-gray600{color:var(--color-gray-600)}.bd-color-gray700{color:var(--color-gray-700)}.bd-color-gray800{color:var(--color-gray-800)}.bd-color-gray900{color:var(--color-gray-900)}.bd-color-gray1000{color:var(--color-gray-1000)}.bd-color-gray1100{color:var(--color-gray-1100)}.bd-color-gray1200{color:var(--color-gray-1200)}.bd-color-gray1300{color:var(--color-gray-1300)}.bd-color-gray1400{color:var(--color-gray-1400)}.bd-color-gray1500{color:var(--color-gray-1500)}.bd-color-blue50{color:var(--color-blue-50)}.bd-color-blue100{color:var(--color-blue-100)}.bd-color-blue200{color:var(--color-blue-200)}.bd-color-blue300{color:var(--color-blue-300)}.bd-color-blue400{color:var(--color-blue-400)}.bd-color-blue500{color:var(--color-blue-500)}.bd-color-blue600{color:var(--color-blue-600)}.bd-color-blue700{color:var(--color-blue-700)}.bd-color-blue800{color:var(--color-blue-800)}.bd-color-blue900{color:var(--color-blue-900)}.bd-color-blue1000{color:var(--color-blue-1000)}.bd-color-blue1100{color:var(--color-blue-1100)}.bd-color-blue1200{color:var(--color-blue-1200)}.bd-color-blue1300{color:var(--color-blue-1300)}.bd-color-blue1400{color:var(--color-blue-1400)}.bd-color-green50{color:var(--color-green-50)}.bd-color-green100{color:var(--color-green-100)}.bd-color-green200{color:var(--color-green-200)}.bd-color-green300{color:var(--color-green-300)}.bd-color-green400{color:var(--color-green-400)}.bd-color-green500{color:var(--color-green-500)}.bd-color-green600{color:var(--color-green-600)}.bd-color-green700{color:var(--color-green-700)}.bd-color-green800{color:var(--color-green-800)}.bd-color-green900{color:var(--color-green-900)}.bd-color-green1000{color:var(--color-green-1000)}.bd-color-green1100{color:var(--color-green-1100)}.bd-color-green1200{color:var(--color-green-1200)}.bd-color-red50{color:var(--color-red-50)}.bd-color-red100{color:var(--color-red-100)}.bd-color-red200{color:var(--color-red-200)}.bd-color-red300{color:var(--color-red-300)}.bd-color-red400{color:var(--color-red-400)}.bd-color-red500{color:var(--color-red-500)}.bd-color-red600{color:var(--color-red-600)}.bd-color-red700{color:var(--color-red-700)}.bd-color-red800{color:var(--color-red-800)}.bd-color-red900{color:var(--color-red-900)}.bd-color-red1000{color:var(--color-red-1000)}.bd-color-red1100{color:var(--color-red-1100)}.bd-color{color:var(--color)}.bd-display-none{display:none}.bd-display-block{display:block}.bd-display-inline{display:inline}.bd-display-inline-block{display:inline-block}.bd-display-flex{display:flex}.bd-display-inline-flex{display:inline-flex}.bd-display-grid{display:grid}.bd-display-inline-grid{display:inline-grid}.bd-display-contents{display:contents}.bd-position-static{position:static}.bd-position-relative{position:relative}.bd-position-absolute{position:absolute}.bd-position-fixed{position:fixed}.bd-position-sticky{position:sticky}.bd-w{width:var(--width)}.bd-min-w{min-width:var(--min-width)}.bd-max-w{max-width:var(--max-width)}.bd-h{height:var(--height)}.bd-min-h{min-height:var(--min-height)}.bd-max-h{max-height:var(--max-height)}.bd-inset-0{inset:0}.bd-inset-1{inset:var(--space-1)}.bd-inset-2{inset:var(--space-2)}.bd-inset-3{inset:var(--space-3)}.bd-inset-4{inset:var(--space-4)}.bd-inset-5{inset:var(--space-5)}.bd-inset-6{inset:var(--space-6)}.bd-inset-7{inset:var(--space-7)}.bd-inset-8{inset:var(--space-8)}.bd-inset-9{inset:var(--space-9)}.bd-inset-10{inset:var(--space-10)}.bd-inset-11{inset:var(--space-11)}.bd-inset-12{inset:var(--space-12)}.bd-inset{inset:var(--inset)}.bd-top-0{top:0}.bd-top-1{top:var(--space-1)}.bd-top-2{top:var(--space-2)}.bd-top-3{top:var(--space-3)}.bd-top-4{top:var(--space-4)}.bd-top-5{top:var(--space-5)}.bd-top-6{top:var(--space-6)}.bd-top-7{top:var(--space-7)}.bd-top-8{top:var(--space-8)}.bd-top-9{top:var(--space-9)}.bd-top-10{top:var(--space-10)}.bd-top-11{top:var(--space-11)}.bd-top-12{top:var(--space-12)}.bd-top{top:var(--top)}.bd-right-0{right:0}.bd-right-1{right:var(--space-1)}.bd-right-2{right:var(--space-2)}.bd-right-3{right:var(--space-3)}.bd-right-4{right:var(--space-4)}.bd-right-5{right:var(--space-5)}.bd-right-6{right:var(--space-6)}.bd-right-7{right:var(--space-7)}.bd-right-8{right:var(--space-8)}.bd-right-9{right:var(--space-9)}.bd-right-10{right:var(--space-10)}.bd-right-11{right:var(--space-11)}.bd-right-12{right:var(--space-12)}.bd-right{right:var(--right)}.bd-bottom-0{bottom:0}.bd-bottom-1{bottom:var(--space-1)}.bd-bottom-2{bottom:var(--space-2)}.bd-bottom-3{bottom:var(--space-3)}.bd-bottom-4{bottom:var(--space-4)}.bd-bottom-5{bottom:var(--space-5)}.bd-bottom-6{bottom:var(--space-6)}.bd-bottom-7{bottom:var(--space-7)}.bd-bottom-8{bottom:var(--space-8)}.bd-bottom-9{bottom:var(--space-9)}.bd-bottom-10{bottom:var(--space-10)}.bd-bottom-11{bottom:var(--space-11)}.bd-bottom-12{bottom:var(--space-12)}.bd-bottom{bottom:var(--bottom)}.bd-left-0{left:0}.bd-left-1{left:var(--space-1)}.bd-left-2{left:var(--space-2)}.bd-left-3{left:var(--space-3)}.bd-left-4{left:var(--space-4)}.bd-left-5{left:var(--space-5)}.bd-left-6{left:var(--space-6)}.bd-left-7{left:var(--space-7)}.bd-left-8{left:var(--space-8)}.bd-left-9{left:var(--space-9)}.bd-left-10{left:var(--space-10)}.bd-left-11{left:var(--space-11)}.bd-left-12{left:var(--space-12)}.bd-left{left:var(--left)}.bd-m,.bd-m-0,.bd-m-1,.bd-m-2,.bd-m-3,.bd-m-4,.bd-m-5,.bd-m-6,.bd-m-7,.bd-m-8,.bd-m-9,.bd-m-10,.bd-m-11,.bd-m-12,.-bd-m-1,.-bd-m-2,.-bd-m-3,.-bd-m-4,.-bd-m-5,.-bd-m-6,.-bd-m-7,.-bd-m-8,.-bd-m-9,.-bd-m-10,.-bd-m-11,.-bd-m-12{margin-top:var(--margin-top-override, var(--margin-top));margin-right:var(--margin-right-override, var(--margin-right));margin-bottom:var(--margin-bottom-override, var(--margin-bottom));margin-left:var(--margin-left-override, var(--margin-left))}.bd-m-0{--margin-top: 0px;--margin-right: 0px;--margin-bottom: 0px;--margin-left: 0px}.bd-m-1{--margin-top: var(--space-1);--margin-right: var(--space-1);--margin-bottom: var(--space-1);--margin-left: var(--space-1)}.bd-m-2{--margin-top: var(--space-2);--margin-right: var(--space-2);--margin-bottom: var(--space-2);--margin-left: var(--space-2)}.bd-m-3{--margin-top: var(--space-3);--margin-right: var(--space-3);--margin-bottom: var(--space-3);--margin-left: var(--space-3)}.bd-m-4{--margin-top: var(--space-4);--margin-right: var(--space-4);--margin-bottom: var(--space-4);--margin-left: var(--space-4)}.bd-m-5{--margin-top: var(--space-5);--margin-right: var(--space-5);--margin-bottom: var(--space-5);--margin-left: var(--space-5)}.bd-m-6{--margin-top: var(--space-6);--margin-right: var(--space-6);--margin-bottom: var(--space-6);--margin-left: var(--space-6)}.bd-m-7{--margin-top: var(--space-7);--margin-right: var(--space-7);--margin-bottom: var(--space-7);--margin-left: var(--space-7)}.bd-m-8{--margin-top: var(--space-8);--margin-right: var(--space-8);--margin-bottom: var(--space-8);--margin-left: var(--space-8)}.bd-m-9{--margin-top: var(--space-9);--margin-right: var(--space-9);--margin-bottom: var(--space-9);--margin-left: var(--space-9)}.bd-m-10{--margin-top: var(--space-10);--margin-right: var(--space-10);--margin-bottom: var(--space-10);--margin-left: var(--space-10)}.bd-m-11{--margin-top: var(--space-11);--margin-right: var(--space-11);--margin-bottom: var(--space-11);--margin-left: var(--space-11)}.bd-m-12{--margin-top: var(--space-12);--margin-right: var(--space-12);--margin-bottom: var(--space-12);--margin-left: var(--space-12)}.-bd-m-1{--margin-top: calc(-1 * var(--space-1));--margin-right: calc(-1 * var(--space-1));--margin-bottom: calc(-1 * var(--space-1));--margin-left: calc(-1 * var(--space-1))}.-bd-m-2{--margin-top: calc(-1 * var(--space-2));--margin-right: calc(-1 * var(--space-2));--margin-bottom: calc(-1 * var(--space-2));--margin-left: calc(-1 * var(--space-2))}.-bd-m-3{--margin-top: calc(-1 * var(--space-3));--margin-right: calc(-1 * var(--space-3));--margin-bottom: calc(-1 * var(--space-3));--margin-left: calc(-1 * var(--space-3))}.-bd-m-4{--margin-top: calc(-1 * var(--space-4));--margin-right: calc(-1 * var(--space-4));--margin-bottom: calc(-1 * var(--space-4));--margin-left: calc(-1 * var(--space-4))}.-bd-m-5{--margin-top: calc(-1 * var(--space-5));--margin-right: calc(-1 * var(--space-5));--margin-bottom: calc(-1 * var(--space-5));--margin-left: calc(-1 * var(--space-5))}.-bd-m-6{--margin-top: calc(-1 * var(--space-6));--margin-right: calc(-1 * var(--space-6));--margin-bottom: calc(-1 * var(--space-6));--margin-left: calc(-1 * var(--space-6))}.-bd-m-7{--margin-top: calc(-1 * var(--space-7));--margin-right: calc(-1 * var(--space-7));--margin-bottom: calc(-1 * var(--space-7));--margin-left: calc(-1 * var(--space-7))}.-bd-m-8{--margin-top: calc(-1 * var(--space-8));--margin-right: calc(-1 * var(--space-8));--margin-bottom: calc(-1 * var(--space-8));--margin-left: calc(-1 * var(--space-8))}.-bd-m-9{--margin-top: calc(-1 * var(--space-9));--margin-right: calc(-1 * var(--space-9));--margin-bottom: calc(-1 * var(--space-9));--margin-left: calc(-1 * var(--space-9))}.-bd-m-10{--margin-top: calc(-1 * var(--space-10));--margin-right: calc(-1 * var(--space-10));--margin-bottom: calc(-1 * var(--space-10));--margin-left: calc(-1 * var(--space-10))}.-bd-m-11{--margin-top: calc(-1 * var(--space-11));--margin-right: calc(-1 * var(--space-11));--margin-bottom: calc(-1 * var(--space-11));--margin-left: calc(-1 * var(--space-11))}.-bd-m-12{--margin-top: calc(-1 * var(--space-12));--margin-right: calc(-1 * var(--space-12));--margin-bottom: calc(-1 * var(--space-12));--margin-left: calc(-1 * var(--space-12))}.bd-m{--margin-top: var(--m);--margin-right: var(--m);--margin-bottom: var(--m);--margin-left: var(--m)}.bd-mx,.bd-mx-0,.bd-mx-1,.bd-mx-2,.bd-mx-3,.bd-mx-4,.bd-mx-5,.bd-mx-6,.bd-mx-7,.bd-mx-8,.bd-mx-9,.bd-mx-10,.bd-mx-11,.bd-mx-12,.-bd-mx-1,.-bd-mx-2,.-bd-mx-3,.-bd-mx-4,.-bd-mx-5,.-bd-mx-6,.-bd-mx-7,.-bd-mx-8,.-bd-mx-9,.-bd-mx-10,.-bd-mx-11,.-bd-mx-12{margin-left:var(--margin-left-override, var(--margin-left));margin-right:var(--margin-right-override, var(--margin-right))}.bd-mx-0{--margin-left: 0px;--margin-right: 0px}.bd-mx-1{--margin-left: var(--space-1);--margin-right: var(--space-1)}.bd-mx-2{--margin-left: var(--space-2);--margin-right: var(--space-2)}.bd-mx-3{--margin-left: var(--space-3);--margin-right: var(--space-3)}.bd-mx-4{--margin-left: var(--space-4);--margin-right: var(--space-4)}.bd-mx-5{--margin-left: var(--space-5);--margin-right: var(--space-5)}.bd-mx-6{--margin-left: var(--space-6);--margin-right: var(--space-6)}.bd-mx-7{--margin-left: var(--space-7);--margin-right: var(--space-7)}.bd-mx-8{--margin-left: var(--space-8);--margin-right: var(--space-8)}.bd-mx-9{--margin-left: var(--space-9);--margin-right: var(--space-9)}.bd-mx-10{--margin-left: var(--space-10);--margin-right: var(--space-10)}.bd-mx-11{--margin-left: var(--space-11);--margin-right: var(--space-11)}.bd-mx-12{--margin-left: var(--space-12);--margin-right: var(--space-12)}.-bd-mx-1{--margin-left: calc(-1 * var(--space-1));--margin-right: calc(-1 * var(--space-1))}.-bd-mx-2{--margin-left: calc(-1 * var(--space-2));--margin-right: calc(-1 * var(--space-2))}.-bd-mx-3{--margin-left: calc(-1 * var(--space-3));--margin-right: calc(-1 * var(--space-3))}.-bd-mx-4{--margin-left: calc(-1 * var(--space-4));--margin-right: calc(-1 * var(--space-4))}.-bd-mx-5{--margin-left: calc(-1 * var(--space-5));--margin-right: calc(-1 * var(--space-5))}.-bd-mx-6{--margin-left: calc(-1 * var(--space-6));--margin-right: calc(-1 * var(--space-6))}.-bd-mx-12{--margin-left: calc(-1 * var(--space-12));--margin-right: calc(-1 * var(--space-12))}.bd-mx{--margin-left: var(--ml);--margin-right: var(--mr)}.bd-my,.bd-my-0,.bd-my-1,.bd-my-2,.bd-my-3,.bd-my-4,.bd-my-5,.bd-my-6,.bd-my-7,.bd-my-8,.bd-my-9,.bd-my-10,.bd-my-11,.bd-my-12,.-bd-my-1,.-bd-my-2,.-bd-my-3,.-bd-my-4,.-bd-my-5,.-bd-my-6,.-bd-my-7,.-bd-my-8,.-bd-my-9,.-bd-my-10,.-bd-my-11,.-bd-my-12{margin-top:var(--margin-top-override, var(--margin-top));margin-bottom:var(--margin-bottom-override, var(--margin-bottom))}.bd-my-0{--margin-top: 0px;--margin-bottom: 0px}.bd-my-1{--margin-top: var(--space-1);--margin-bottom: var(--space-1)}.bd-my-2{--margin-top: var(--space-2);--margin-bottom: var(--space-2)}.bd-my-3{--margin-top: var(--space-3);--margin-bottom: var(--space-3)}.bd-my-4{--margin-top: var(--space-4);--margin-bottom: var(--space-4)}.bd-my-5{--margin-top: var(--space-5);--margin-bottom: var(--space-5)}.bd-my-6{--margin-top: var(--space-6);--margin-bottom: var(--space-6)}.bd-my-7{--margin-top: var(--space-7);--margin-bottom: var(--space-7)}.bd-my-8{--margin-top: var(--space-8);--margin-bottom: var(--space-8)}.bd-my-9{--margin-top: var(--space-9);--margin-bottom: var(--space-9)}.bd-my-10{--margin-top: var(--space-10);--margin-bottom: var(--space-10)}.bd-my-11{--margin-top: var(--space-11);--margin-bottom: var(--space-11)}.bd-my-12{--margin-top: var(--space-12);--margin-bottom: var(--space-12)}.-bd-my-1{--margin-top: calc(-1 * var(--space-1));--margin-bottom: calc(-1 * var(--space-1))}.-bd-my-2{--margin-top: calc(-1 * var(--space-2));--margin-bottom: calc(-1 * var(--space-2))}.-bd-my-3{--margin-top: calc(-1 * var(--space-3));--margin-bottom: calc(-1 * var(--space-3))}.-bd-my-4{--margin-top: calc(-1 * var(--space-4));--margin-bottom: calc(-1 * var(--space-4))}.-bd-my-5{--margin-top: calc(-1 * var(--space-5));--margin-bottom: calc(-1 * var(--space-5))}.-bd-my-6{--margin-top: calc(-1 * var(--space-6));--margin-bottom: calc(-1 * var(--space-6))}.-bd-my-7{--margin-top: calc(-1 * var(--space-7));--margin-bottom: calc(-1 * var(--space-7))}.-bd-my-8{--margin-top: calc(-1 * var(--space-8));--margin-bottom: calc(-1 * var(--space-8))}.-bd-my-9{--margin-top: calc(-1 * var(--space-9));--margin-bottom: calc(-1 * var(--space-9))}.-bd-my-10{--margin-top: calc(-1 * var(--space-10));--margin-bottom: calc(-1 * var(--space-10))}.-bd-my-11{--margin-top: calc(-1 * var(--space-11));--margin-bottom: calc(-1 * var(--space-11))}.-bd-my-12{--margin-top: calc(-1 * var(--space-12));--margin-bottom: calc(-1 * var(--space-12))}.bd-my{--margin-top: var(--mt);--margin-bottom: var(--mb)}.bd-mt,.bd-mt-0,.bd-mt-1,.bd-mt-2,.bd-mt-3,.bd-mt-4,.bd-mt-5,.bd-mt-6,.bd-mt-7,.bd-mt-8,.bd-mt-9,.bd-mt-10,.bd-mt-11,.bd-mt-12,.-bd-mt-1,.-bd-mt-2,.-bd-mt-3,.-bd-mt-4,.-bd-mt-5,.-bd-mt-6,.-bd-mt-7,.-bd-mt-8,.-bd-mt-9,.-bd-mt-10,.-bd-mt-11,.-bd-mt-12{margin-top:var(--margin-top-override, var(--margin-top))}.bd-mt-0{--margin-top: 0px}.bd-mt-1{--margin-top: var(--space-1)}.bd-mt-2{--margin-top: var(--space-2)}.bd-mt-3{--margin-top: var(--space-3)}.bd-mt-4{--margin-top: var(--space-4)}.bd-mt-5{--margin-top: var(--space-5)}.bd-mt-6{--margin-top: var(--space-6)}.bd-mt-7{--margin-top: var(--space-7)}.bd-mt-8{--margin-top: var(--space-8)}.bd-mt-9{--margin-top: var(--space-9)}.bd-mt-10{--margin-top: var(--space-10)}.bd-mt-11{--margin-top: var(--space-11)}.bd-mt-12{--margin-top: var(--space-12)}.-bd-mt-1{--margin-top: calc(-1 * var(--space-1))}.-bd-mt-2{--margin-top: calc(-1 * var(--space-2))}.-bd-mt-3{--margin-top: calc(-1 * var(--space-3))}.-bd-mt-4{--margin-top: calc(-1 * var(--space-4))}.-bd-mt-5{--margin-top: calc(-1 * var(--space-5))}.-bd-mt-6{--margin-top: calc(-1 * var(--space-6))}.-bd-mt-7{--margin-top: calc(-1 * var(--space-7))}.-bd-mt-8{--margin-top: calc(-1 * var(--space-8))}.-bd-mt-9{--margin-top: calc(-1 * var(--space-9))}.-bd-mt-10{--margin-top: calc(-1 * var(--space-10))}.-bd-mt-11{--margin-top: calc(-1 * var(--space-11))}.-bd-mt-12{--margin-top: calc(-1 * var(--space-12))}.bd-mt{--margin-top: var(--mt)}.bd-mr,.bd-mr-0,.bd-mr-1,.bd-mr-2,.bd-mr-3,.bd-mr-4,.bd-mr-5,.bd-mr-6,.bd-mr-7,.bd-mr-8,.bd-mr-9,.bd-mr-10,.bd-mr-11,.bd-mr-12,.-bd-mr-1,.-bd-mr-2,.-bd-mr-3,.-bd-mr-4,.-bd-mr-5,.-bd-mr-6,.-bd-mr-7,.-bd-mr-8,.-bd-mr-9,.-bd-mr-10,.-bd-mr-11,.-bd-mr-12{margin-right:var(--margin-right-override, var(--margin-right))}.bd-mr-0{--margin-right: 0px}.bd-mr-1{--margin-right: var(--space-1)}.bd-mr-2{--margin-right: var(--space-2)}.bd-mr-3{--margin-right: var(--space-3)}.bd-mr-4{--margin-right: var(--space-4)}.bd-mr-5{--margin-right: var(--space-5)}.bd-mr-6{--margin-right: var(--space-6)}.bd-mr-7{--margin-right: var(--space-7)}.bd-mr-8{--margin-right: var(--space-8)}.bd-mr-9{--margin-right: var(--space-9)}.bd-mr-10{--margin-right: var(--space-10)}.bd-mr-11{--margin-right: var(--space-11)}.bd-mr-12{--margin-right: var(--space-12)}.-bd-mr-1{--margin-right: calc(-1 * var(--space-1))}.-bd-mr-2{--margin-right: calc(-1 * var(--space-2))}.-bd-mr-3{--margin-right: calc(-1 * var(--space-3))}.-bd-mr-4{--margin-right: calc(-1 * var(--space-4))}.-bd-mr-5{--margin-right: calc(-1 * var(--space-5))}.-bd-mr-6{--margin-right: calc(-1 * var(--space-6))}.-bd-mr-7{--margin-right: calc(-1 * var(--space-7))}.-bd-mr-8{--margin-right: calc(-1 * var(--space-8))}.-bd-mr-9{--margin-right: calc(-1 * var(--space-9))}.-bd-mr-10{--margin-right: calc(-1 * var(--space-10))}.-bd-mr-11{--margin-right: calc(-1 * var(--space-11))}.-bd-mr-12{--margin-right: calc(-1 * var(--space-12))}.bd-mr{--margin-right: var(--mr)}.bd-mb,.bd-mb-0,.bd-mb-1,.bd-mb-2,.bd-mb-3,.bd-mb-4,.bd-mb-5,.bd-mb-6,.bd-mb-7,.bd-mb-8,.bd-mb-9,.bd-mb-10,.bd-mb-11,.bd-mb-12,.-bd-mb-1,.-bd-mb-2,.-bd-mb-3,.-bd-mb-4,.-bd-mb-5,.-bd-mb-6,.-bd-mb-7,.-bd-mb-8,.-bd-mb-9,.-bd-mb-10,.-bd-mb-11,.-bd-mb-12{margin-bottom:var(--margin-bottom-override, var(--margin-bottom))}.bd-mb-0{--margin-bottom: 0px}.bd-mb-1{--margin-bottom: var(--space-1)}.bd-mb-2{--margin-bottom: var(--space-2)}.bd-mb-3{--margin-bottom: var(--space-3)}.bd-mb-4{--margin-bottom: var(--space-4)}.bd-mb-5{--margin-bottom: var(--space-5)}.bd-mb-6{--margin-bottom: var(--space-6)}.bd-mb-7{--margin-bottom: var(--space-7)}.bd-mb-8{--margin-bottom: var(--space-8)}.bd-mb-9{--margin-bottom: var(--space-9)}.bd-mb-10{--margin-bottom: var(--space-10)}.bd-mb-11{--margin-bottom: var(--space-11)}.bd-mb-12{--margin-bottom: var(--space-12)}.-bd-mb-1{--margin-bottom: calc(-1 * var(--space-1))}.-bd-mb-2{--margin-bottom: calc(-1 * var(--space-2))}.-bd-mb-3{--margin-bottom: calc(-1 * var(--space-3))}.-bd-mb-4{--margin-bottom: calc(-1 * var(--space-4))}.-bd-mb-5{--margin-bottom: calc(-1 * var(--space-5))}.-bd-mb-6{--margin-bottom: calc(-1 * var(--space-6))}.-bd-mb-7{--margin-bottom: calc(-1 * var(--space-7))}.-bd-mb-8{--margin-bottom: calc(-1 * var(--space-8))}.-bd-mb-9{--margin-bottom: calc(-1 * var(--space-9))}.-bd-mb-10{--margin-bottom: calc(-1 * var(--space-10))}.-bd-mb-11{--margin-bottom: calc(-1 * var(--space-11))}.-bd-mb-12{--margin-bottom: calc(-1 * var(--space-12))}.bd-mb{--margin-bottom: var(--mb)}.bd-ml,.bd-ml-0,.bd-ml-1,.bd-ml-2,.bd-ml-3,.bd-ml-4,.bd-ml-5,.bd-ml-6,.bd-ml-7,.bd-ml-8,.bd-ml-9,.bd-ml-10,.bd-ml-11,.bd-ml-12,.-bd-ml-1,.-bd-ml-2,.-bd-ml-3,.-bd-ml-4,.-bd-ml-5,.-bd-ml-6,.-bd-ml-7,.-bd-ml-8,.-bd-ml-9,.-bd-ml-10,.-bd-ml-11,.-bd-ml-12{margin-left:var(--margin-left-override, var(--margin-left))}.bd-ml-0{--margin-left: 0px}.bd-ml-1{--margin-left: var(--space-1)}.bd-ml-2{--margin-left: var(--space-2)}.bd-ml-3{--margin-left: var(--space-3)}.bd-ml-4{--margin-left: var(--space-4)}.bd-ml-5{--margin-left: var(--space-5)}.bd-ml-6{--margin-left: var(--space-6)}.bd-ml-7{--margin-left: var(--space-7)}.bd-ml-8{--margin-left: var(--space-8)}.bd-ml-9{--margin-left: var(--space-9)}.bd-ml-10{--margin-left: var(--space-10)}.bd-ml-11{--margin-left: var(--space-11)}.bd-ml-12{--margin-left: calc(-1 * var(--space-12))}.-bd-ml-1{--margin-left: calc(-1 * var(--space-1))}.-bd-ml-2{--margin-left: calc(-1 * var(--space-2))}.-bd-ml-3{--margin-left: calc(-1 * var(--space-3))}.-bd-ml-4{--margin-left: calc(-1 * var(--space-4))}.-bd-ml-5{--margin-left: calc(-1 * var(--space-5))}.-bd-ml-6{--margin-left: calc(-1 * var(--space-6))}.-bd-ml-7{--margin-left: calc(-1 * var(--space-7))}.-bd-ml-8{--margin-left: calc(-1 * var(--space-8))}.-bd-ml-9{--margin-left: calc(-1 * var(--space-9))}.-bd-ml-10{--margin-left: calc(-1 * var(--space-10))}.-bd-ml-11{--margin-left: calc(-1 * var(--space-11))}.-bd-ml-12{--margin-left: calc(-1 * var(--space-12))}.bd-ml{--margin-left: var(--ml)}.bd-ta-left{text-align:left}.bd-ta-center{text-align:center}.bd-ta-right{text-align:right}.bd-radius-none{border-radius:var(--radius-none)}.bd-radius-s{border-radius:var(--radius-s)}.bd-radius-m{border-radius:var(--radius-m)}.bd-radius-l{border-radius:var(--radius-l)}.bd-radius-full{border-radius:var(--radius-full)}.bd-radius{border-radius:var(--radius)}.bd-tw-wrap{white-space:normal}.bd-tw-nowrap{white-space:nowrap}.bd-tw-pretty{white-space:normal;text-wrap:pretty}.bd-tw-balance{white-space:normal;text-wrap:balance}.bd-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bd-weight-light{font-weight:var(--font-weight-light)}.bd-weight-regular{font-weight:var(--font-weight-regular)}.bd-weight-medium{font-weight:var(--font-weight-medium)}.bd-weight-semibold{font-weight:var(--font-weight-semibold)}.bd-weight-bold{font-weight:var(--font-weight-bold)}.bd-lt-normal:before,.bd-lt-end:before,.bd-lt-normal:after,.bd-lt-start:after{content:none}.bd-lt-start:before,.bd-lt-both:before,.bd-lt-end:after,.bd-lt-both:after{content:"";display:table}.bd-lt-start:before,.bd-lt-both:before{margin-bottom:calc(var(--leading-trim-start, var(--default-leading-trim-start)) - var(--line-height, calc(1em * var(--default-line-height))) / 2)}.bd-lt-end:after,.bd-lt-both:after{margin-top:calc(var(--leading-trim-end, var(--default-leading-trim-end)) - var(--line-height, calc(1em * var(--default-line-height))) / 2)}.bd-fd-row{flex-direction:row}.bd-fd-column{flex-direction:column}.bd-fd-row-reverse{flex-direction:row-reverse}.bd-fd-column-reverse{flex-direction:column-reverse}.bd-fw-nowrap{flex-wrap:nowrap}.bd-fw-wrap{flex-wrap:wrap}.bd-fw-wrap-reverse{flex-wrap:wrap-reverse}.bd-gap-0{gap:0}.bd-gap-1{gap:var(--space-1)}.bd-gap-2{gap:var(--space-2)}.bd-gap-3{gap:var(--space-3)}.bd-gap-4{gap:var(--space-4)}.bd-gap-5{gap:var(--space-5)}.bd-gap-6{gap:var(--space-6)}.bd-gap-7{gap:var(--space-7)}.bd-gap-8{gap:var(--space-8)}.bd-gap-9{gap:var(--space-9)}.bd-gap-10{gap:var(--space-10)}.bd-gap-11{gap:var(--space-11)}.bd-gap-12{gap:var(--space-12)}.bd-gap{gap:var(--gap)}.bd-cg-0{column-gap:0}.bd-cg-1{column-gap:var(--space-1)}.bd-cg-2{column-gap:var(--space-2)}.bd-cg-3{column-gap:var(--space-3)}.bd-cg-4{column-gap:var(--space-4)}.bd-cg-5{column-gap:var(--space-5)}.bd-cg-6{column-gap:var(--space-6)}.bd-cg-7{column-gap:var(--space-7)}.bd-cg-8{column-gap:var(--space-8)}.bd-cg-9{column-gap:var(--space-9)}.bd-cg-10{column-gap:var(--space-10)}.bd-cg-11{column-gap:var(--space-11)}.bd-cg-12{column-gap:var(--space-12)}.bd-cg{column-gap:var(--col-gap)}.bd-rg-0{row-gap:0}.bd-rg-1{row-gap:var(--space-1)}.bd-rg-2{row-gap:var(--space-2)}.bd-rg-3{row-gap:var(--space-3)}.bd-rg-4{row-gap:var(--space-4)}.bd-rg-5{row-gap:var(--space-5)}.bd-rg-6{row-gap:var(--space-6)}.bd-rg-7{row-gap:var(--space-7)}.bd-rg-8{row-gap:var(--space-8)}.bd-rg-9{row-gap:var(--space-9)}.bd-rg-10{row-gap:var(--space-10)}.bd-rg-11{row-gap:var(--space-11)}.bd-rg-12{row-gap:var(--space-12)}.bd-rg{row-gap:var(--row-gap)}.bd-ai-start{align-items:start}.bd-ai-center{align-items:center}.bd-ai-end{align-items:flex-end}.bd-ai-baseline{align-items:baseline}.bd-ai-stretch{align-items:stretch}.bd-jc-start{justify-content:start}.bd-jc-center{justify-content:center}.bd-jc-end{justify-content:flex-end}.bd-jc-between{justify-content:space-between}.bd-as-start{align-self:start}.bd-as-center{align-self:center}.bd-as-end{align-self:flex-end}.bd-as-baseline{align-self:baseline}.bd-as-stretch{align-self:stretch}.bd-fb{flex-basis:var(--flex-basis)}.bd-fg-0{flex-grow:0}.bd-fg-1{flex-grow:1}.bd-fg{flex-grow:var(--flex-grow)}.bd-fs-0{flex-shrink:0}.bd-fs-1{flex-shrink:1}.bd-fs{flex-shrink:var(--flex-shrink)}.bd-ga{grid-area:var(--grid-area)}.bd-gc-1{grid-column:1}.bd-gc-2{grid-column:2}.bd-gc-3{grid-column:3}.bd-gc-4{grid-column:4}.bd-gc-5{grid-column:5}.bd-gc-6{grid-column:6}.bd-gc-7{grid-column:7}.bd-gc-8{grid-column:8}.bd-gc-9{grid-column:9}.bd-gc-10{grid-column:10}.bd-gc{grid-column:var(--grid-column)}.bd-gce-1{grid-column-end:1}.bd-gce-2{grid-column-end:2}.bd-gce-3{grid-column-end:3}.bd-gce-4{grid-column-end:4}.bd-gce-5{grid-column-end:5}.bd-gce-6{grid-column-end:6}.bd-gce-7{grid-column-end:7}.bd-gce-8{grid-column-end:8}.bd-gce-9{grid-column-end:9}.bd-gce-10{grid-column-end:10}.bd-gce{grid-column-end:var(--grid-column-end)}.bd-gcs-1{grid-column-start:1}.bd-gcs-2{grid-column-start:2}.bd-gcs-3{grid-column-start:3}.bd-gcs-4{grid-column-start:4}.bd-gcs-5{grid-column-start:5}.bd-gcs-6{grid-column-start:6}.bd-gcs-7{grid-column-start:7}.bd-gcs-8{grid-column-start:8}.bd-gcs-9{grid-column-start:9}.bd-gcs-10{grid-column-start:10}.bd-gcs{grid-column-start:var(--grid-column-start)}.bd-gr-1{grid-row:1}.bd-gr-2{grid-row:2}.bd-gr-3{grid-row:3}.bd-gr-4{grid-row:4}.bd-gr-5{grid-row:5}.bd-gr-6{grid-row:6}.bd-gr-7{grid-row:7}.bd-gr-8{grid-row:8}.bd-gr-9{grid-row:9}.bd-gr-10{grid-row:10}.bd-gr{grid-row:var(--grid-row)}.bd-gre-1{grid-row-end:1}.bd-gre-2{grid-row-end:2}.bd-gre-3{grid-row-end:3}.bd-gre-4{grid-row-end:4}.bd-gre-5{grid-row-end:5}.bd-gre-6{grid-row-end:6}.bd-gre-7{grid-row-end:7}.bd-gre-8{grid-row-end:8}.bd-gre-9{grid-row-end:9}.bd-gre-10{grid-row-end:10}.bd-gre{grid-row-end:var(--grid-row-end)}.bd-grs-1{grid-row-start:1}.bd-grs-2{grid-row-start:2}.bd-grs-3{grid-row-start:3}.bd-grs-4{grid-row-start:4}.bd-grs-5{grid-row-start:5}.bd-grs-6{grid-row-start:6}.bd-grs-7{grid-row-start:7}.bd-grs-8{grid-row-start:8}.bd-grs-9{grid-row-start:9}.bd-grs-10{grid-row-start:10}.bd-grs{grid-row-start:var(--grid-row-start)}.bd-overflow-visible{overflow:visible}.bd-overflow-hidden{overflow:hidden}.bd-overflow-clip{overflow:clip}.bd-overflow-scroll{overflow:scroll}.bd-overflow-auto{overflow:auto}.bd-overflow-x-visible{overflow-x:visible}.bd-overflow-x-hidden{overflow-x:hidden}.bd-overflow-x-clip{overflow-x:clip}.bd-overflow-x-scroll{overflow-x:scroll}.bd-overflow-x-auto{overflow-x:auto}.bd-overflow-y-visible{overflow-y:visible}.bd-overflow-y-hidden{overflow-y:hidden}.bd-overflow-y-clip{overflow-y:clip}.bd-overflow-y-scroll{overflow-y:scroll}.bd-overflow-y-auto{overflow-y:auto}.bd-p-0{padding:0}.bd-p-1{padding:var(--space-1)}.bd-p-2{padding:var(--space-2)}.bd-p-3{padding:var(--space-3)}.bd-p-4{padding:var(--space-4)}.bd-p-5{padding:var(--space-5)}.bd-p-6{padding:var(--space-6)}.bd-p-7{padding:var(--space-7)}.bd-p-8{padding:var(--space-8)}.bd-p-9{padding:var(--space-9)}.bd-p-10{padding:var(--space-10)}.bd-p-11{padding:var(--space-11)}.bd-p-12{padding:var(--space-12)}.bd-p{padding:var(--p)}.bd-px-0{padding-left:0;padding-right:0}.bd-px-1{padding-left:var(--space-1);padding-right:var(--space-1)}.bd-px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.bd-px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.bd-px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.bd-px-5{padding-left:var(--space-5);padding-right:var(--space-5)}.bd-px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.bd-px-7{padding-left:var(--space-7);padding-right:var(--space-7)}.bd-px-8{padding-left:var(--space-8);padding-right:var(--space-8)}.bd-px-9{padding-left:var(--space-9);padding-right:var(--space-9)}.bd-px-10{padding-left:var(--space-10);padding-right:var(--space-10)}.bd-px-11{padding-left:var(--space-11);padding-right:var(--space-11)}.bd-px-12{padding-left:var(--space-12);padding-right:var(--space-12)}.bd-px{padding-left:var(--padding-left);padding-right:var(--padding-right)}.bd-py-0{padding-top:0;padding-bottom:0}.bd-py-1{padding-top:var(--space-1);padding-bottom:var(--space-1)}.bd-py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.bd-py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.bd-py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.bd-py-5{padding-top:var(--space-5);padding-bottom:var(--space-5)}.bd-py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.bd-py-7{padding-top:var(--space-7);padding-bottom:var(--space-7)}.bd-py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.bd-py-9{padding-top:var(--space-9);padding-bottom:var(--space-9)}.bd-py-10{padding-top:var(--space-10);padding-bottom:var(--space-10)}.bd-py-11{padding-top:var(--space-11);padding-bottom:var(--space-11)}.bd-py-12{padding-top:var(--space-12);padding-bottom:var(--space-12)}.bd-py{padding-top:var(--padding-top);padding-bottom:var(--padding-bottom)}.bd-pt-0{padding-top:0}.bd-pt-1{padding-top:var(--space-1)}.bd-pt-2{padding-top:var(--space-2)}.bd-pt-3{padding-top:var(--space-3)}.bd-pt-4{padding-top:var(--space-4)}.bd-pt-5{padding-top:var(--space-5)}.bd-pt-6{padding-top:var(--space-6)}.bd-pt-7{padding-top:var(--space-7)}.bd-pt-8{padding-top:var(--space-8)}.bd-pt-9{padding-top:var(--space-9)}.bd-pt-10{padding-top:var(--space-10)}.bd-pt-11{padding-top:var(--space-11)}.bd-pt-12{padding-top:var(--space-12)}.bd-pt{padding-top:var(--padding-top)}.bd-pr-0{padding-right:0}.bd-pr-1{padding-right:var(--space-1)}.bd-pr-2{padding-right:var(--space-2)}.bd-pr-3{padding-right:var(--space-3)}.bd-pr-4{padding-right:var(--space-4)}.bd-pr-5{padding-right:var(--space-5)}.bd-pr-6{padding-right:var(--space-6)}.bd-pr-7{padding-right:var(--space-7)}.bd-pr-8{padding-right:var(--space-8)}.bd-pr-9{padding-right:var(--space-9)}.bd-pr-10{padding-right:var(--space-10)}.bd-pr-11{padding-right:var(--space-11)}.bd-pr-12{padding-right:var(--space-12)}.bd-pr{padding-right:var(--padding-right)}.bd-pb-0{padding-bottom:0}.bd-pb-1{padding-bottom:var(--space-1)}.bd-pb-2{padding-bottom:var(--space-2)}.bd-pb-3{padding-bottom:var(--space-3)}.bd-pb-4{padding-bottom:var(--space-4)}.bd-pb-5{padding-bottom:var(--space-5)}.bd-pb-6{padding-bottom:var(--space-6)}.bd-pb-7{padding-bottom:var(--space-7)}.bd-pb-8{padding-bottom:var(--space-8)}.bd-pb-9{padding-bottom:var(--space-9)}.bd-pb-10{padding-bottom:var(--space-10)}.bd-pb-11{padding-bottom:var(--space-11)}.bd-pb-12{padding-bottom:var(--space-12)}.bd-pb{padding-bottom:var(--padding-bottom)}.bd-pl-0{padding-left:0}.bd-pl-1{padding-left:var(--space-1)}.bd-pl-2{padding-left:var(--space-2)}.bd-pl-3{padding-left:var(--space-3)}.bd-pl-4{padding-left:var(--space-4)}.bd-pl-5{padding-left:var(--space-5)}.bd-pl-6{padding-left:var(--space-6)}.bd-pl-7{padding-left:var(--space-7)}.bd-pl-8{padding-left:var(--space-8)}.bd-pl-9{padding-left:var(--space-9)}.bd-pl-10{padding-left:var(--space-10)}.bd-pl-11{padding-left:var(--space-11)}.bd-pl-12{padding-left:var(--space-12)}.bd-pl{padding-left:var(--padding-left)}
+@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-dynamic-subset.css";.bd-theme{--color-white: #ffffff;--color-black: #000000;--color-gray-50: #fafafa;--color-gray-100: #f4f4f4;--color-gray-200: #f5f5f5;--color-gray-300: #ebebeb;--color-gray-400: #eaeaea;--color-gray-500: #dcdcdc;--color-gray-600: #cccccc;--color-gray-700: #c2c2c2;--color-gray-800: #9e9e9e;--color-gray-900: #999999;--color-gray-1000: #818181;--color-gray-1100: #707070;--color-gray-1200: #606060;--color-gray-1300: #424242;--color-gray-1400: #222222;--color-gray-1500: #111111;--color-blue-50: #e2f2ff;--color-blue-100: #c0e3ff;--color-blue-200: #99d2ff;--color-blue-300: #7ec7fe;--color-blue-400: #65bcfe;--color-blue-500: #49b0fe;--color-blue-600: #109eff;--color-blue-700: #138deb;--color-blue-800: #1c69ff;--color-blue-900: #1681d9;--color-blue-1000: #1476c4;--color-blue-1100: #1d66c5;--color-blue-1200: #1164a7;--color-blue-1300: #14509d;--color-blue-1400: #0a2d5c;--color-green-50: #e6f4ea;--color-green-100: #cdead5;--color-green-200: #b4e0c0;--color-green-300: #9cd5ac;--color-green-400: #83cb97;--color-green-500: #6ac182;--color-green-600: #52b76e;--color-green-700: #3aad59;--color-green-800: #0ab03c;--color-green-900: #219246;--color-green-1000: #238741;--color-green-1100: #19803a;--color-green-1200: #0f7a33;--color-red-50: #ffe5e5;--color-red-100: #ffcccc;--color-red-200: #ffb2b2;--color-red-300: #ff9999;--color-red-400: #ff8080;--color-red-500: #ff6666;--color-red-600: #ff4c4c;--color-red-700: #ff3232;--color-red-800: #ff0000;--color-red-900: #e61919;--color-red-1000: #e30000;--color-red-1100: #cc0000}.bd-theme{--font-size-1: 10px;--font-size-2: 12px;--font-size-3: 14px;--font-size-4: 16px;--font-size-5: 18px;--font-size-6: 20px;--font-size-7: 24px;--font-size-8: 28px;--font-size-9: 32px;--font-size-10: 40px;--font-size-11: 56px;--font-size-12: 84px;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-1: 16px;--line-height-2: 18px;--line-height-3: 20px;--line-height-4: 24px;--line-height-5: 28px;--line-height-6: 32px;--line-height-7: 40px;--line-height-8: 48px;--line-height-9: 60px;--line-height-10: 72px;--line-height-11: 120px;--letter-spacing-1: .02em;--letter-spacing-2: .04em;--letter-spacing-3: .05em;--default-line-height: 1.5;--default-leading-trim-start: .42em;--default-leading-trim-end: .36em;--default-font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif}.bd-theme{font-family:var(--default-font-family)}.bd-theme{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-9: 36px;--space-10: 40px;--space-11: 44px;--space-12: 48px;--space-13: 52px;--space-14: 56px;--space-15: 60px;--space-16: 64px;--space-17: 68px;--space-18: 72px;--space-19: 76px;--space-20: 80px}.bd-theme{--radius-none: 0;--radius-s: 4px;--radius-m: 8px;--radius-l: 28px;--radius-full: 9999px}.bd-Text{line-height:var(--line-height, var(--default-line-height));letter-spacing:var(--letter-spacing, inherit)}.bd-Text:where(.bd-size-1){font-size:var(--font-size-1);--line-height: var(--line-height-1);--letter-spacing: var(--letter-spacing-1)}.bd-Text:where(.bd-size-2){font-size:var(--font-size-2);--line-height: var(--line-height-2);--letter-spacing: var(--letter-spacing-1)}.bd-Text:where(.bd-size-3){font-size:var(--font-size-3);--line-height: var(--line-height-3);--letter-spacing: var(--letter-spacing-1)}.bd-Text:where(.bd-size-4){font-size:var(--font-size-4);--line-height: var(--line-height-4);--letter-spacing: var(--letter-spacing-1)}.bd-Text:where(.bd-size-5){font-size:var(--font-size-5);--line-height: var(--line-height-5);--letter-spacing: var(--letter-spacing-1)}.bd-Text:where(.bd-size-6){font-size:var(--font-size-6);--line-height: var(--line-height-6);--letter-spacing: var(--letter-spacing-2)}.bd-Text:where(.bd-size-7){font-size:var(--font-size-7);--line-height: var(--line-height-7);--letter-spacing: var(--letter-spacing-2)}.bd-Text:where(.bd-size-8){font-size:var(--font-size-9);--line-height: var(--line-height-8);--letter-spacing: var(--letter-spacing-2)}.bd-Text:where(.bd-size-9){font-size:var(--font-size-10);--line-height: var(--line-height-9);--letter-spacing: var(--letter-spacing-2)}.bd-Text:where(.bd-size-10){font-size:var(--font-size-11);--line-height: var(--line-height-10);--letter-spacing: var(--letter-spacing-2)}.bd-Text:where(.bd-size-11){font-size:var(--font-size-12);--line-height: var(--line-height-11);--letter-spacing: var(--letter-spacing-3)}.bd-Flex{box-sizing:border-box;display:flex;justify-content:flex-start}.bd-Button{position:relative;display:inline-flex;box-sizing:border-box;align-items:center;justify-content:center;flex-shrink:0;-webkit-user-select:none;user-select:none;vertical-align:top;background-color:transparent;font-family:var(--default-font-family);font-style:normal;text-align:center;--color-blue-800-tp-10: color-mix(in srgb, var(--color-blue-800), transparent 10%);--color-blue-800-tp-90: color-mix(in srgb, var(--color-blue-800), transparent 90%);--color-blue-800-tp-95: color-mix(in srgb, var(--color-blue-800), transparent 95%);--color-blue-800-tp-95_5: color-mix(in srgb, var(--color-blue-800), transparent 95.5%);--color-blue-1100-tp-80: color-mix(in srgb, var(--color-blue-1100), transparent 80%);--color-blue-1100-tp-90: color-mix(in srgb, var(--color-blue-1100), transparent 90%)}.bd-Button:where(:focus-visible){outline:none;outline-offset:0}.bd-Button:where([data-disabled]){--spinner-opacity: 1}.bd-Button:where(.bd-loading){position:relative}.bd-Button:where(.bd-size-1){height:var(--space-6);padding-left:var(--space-2);padding-right:var(--space-2);font-size:var(--font-size-2);line-height:var(--line-height-1);letter-spacing:var(--letter-spacing-1)}.bd-Button:where(.bd-size-2){height:var(--space-8);padding-left:var(--space-3);padding-right:var(--space-3);font-size:var(--font-size-3);line-height:var(--line-height-2);letter-spacing:var(--letter-spacing-1)}.bd-Button:where(.bd-size-3){height:var(--space-10);padding-left:var(--space-4);padding-right:var(--space-4);font-size:var(--font-size-4);line-height:var(--line-height-3);letter-spacing:var(--letter-spacing-1)}.bd-Button:where(.bd-size-4){height:var(--space-12);padding-left:var(--space-5);padding-right:var(--space-5);font-size:var(--font-size-4);line-height:var(--line-height-3);letter-spacing:var(--letter-spacing-1)}.bd-Button:where(.bd-size-5){height:var(--space-14);padding-left:var(--space-6);padding-right:var(--space-6);font-size:var(--font-size-4);line-height:var(--line-height-3);letter-spacing:var(--letter-spacing-1)}.bd-Button:where(.bd-variant-fill-primary){background-color:var(--color-blue-1100);color:var(--color-white)}@media (hover: hover){.bd-Button:where(.bd-variant-fill-primary):where(:hover:not([data-disabled])){background-color:var(--color-blue-800-tp-10)}}.bd-Button:where(.bd-variant-fill-primary):where(:focus-visible:not([data-disabled])){background-color:var(--color-blue-800-tp-10)}.bd-Button:where(.bd-variant-fill-primary):where(:active:not([data-disabled])){background-color:var(--color-blue-1300)}.bd-Button:where(.bd-variant-fill-primary):where([data-disabled]:not([data-loading])){background-color:var(--color-gray-100);color:var(--color-gray-900)}.bd-Button:where(.bd-variant-fill-primary):where([data-loading]){background-color:var(--color-blue-800)}.bd-Button:where(.bd-variant-fill-secondary){background-color:var(--color-gray-100);color:var(--color-gray-1500)}@media (hover: hover){.bd-Button:where(.bd-variant-fill-secondary):where(:hover:not([data-disabled])){background-color:var(--color-blue-800-tp-95);color:var(--color-blue-800)}}.bd-Button:where(.bd-variant-fill-secondary):where(:focus-visible:not([data-disabled])){background-color:var(--color-gray-100);color:var(--color-blue-800)}.bd-Button:where(.bd-variant-fill-secondary):where(:active:not([data-disabled])){background-color:var(--color-gray-400);color:var(--color-blue-1100)}.bd-Button:where(.bd-variant-fill-secondary):where([data-disabled]:not([data-loading])){background-color:var(--color-gray-100);color:var(--color-gray-900)}.bd-Button:where(.bd-variant-fill-secondary):where([data-loading]){background-color:var(--color-gray-100)}.bd-Button:where(.bd-variant-outline-primary){background-color:var(--color-white);color:var(--color-blue-1100);border:1px solid var(--color-blue-1100)}@media (hover: hover){.bd-Button:where(.bd-variant-outline-primary):where(:hover:not([data-disabled])){background-color:var(--color-blue-800-tp-95_5);color:var(--color-blue-800);border-color:var(--color-blue-800)}}.bd-Button:where(.bd-variant-outline-primary):where(:focus-visible:not([data-disabled])){color:var(--color-blue-800);border-color:var(--color-blue-800)}.bd-Button:where(.bd-variant-outline-primary):where(:active:not([data-disabled])){background-color:var(--color-blue-1100-tp-90);color:var(--color-blue-1100);border-color:var(--color-blue-1100)}.bd-Button:where(.bd-variant-outline-primary):where([data-disabled]:not([data-loading])){background-color:var(--color-gray-100);color:var(--color-gray-900);border-color:transparent}.bd-Button:where(.bd-variant-outline-secondary){background-color:var(--color-white);color:var(--color-gray-1500);border:1px solid var(--color-gray-900)}@media (hover: hover){.bd-Button:where(.bd-variant-outline-secondary):where(:hover:not([data-disabled])){color:var(--color-blue-800);border-color:var(--color-blue-800)}.bd-Button:where(.bd-variant-outline-secondary):where(:focus-visible:not([data-disabled])){color:var(--color-blue-800);border-color:var(--color-blue-800)}.bd-Button:where(.bd-variant-outline-secondary):where(:active:not([data-disabled])){color:var(--color-blue-1100);border-color:var(--color-blue-1100)}.bd-Button:where(.bd-variant-outline-secondary):where([data-disabled]:not([data-loading])){background-color:var(--color-gray-100);color:var(--color-gray-900);border-color:transparent}}.bd-Button:where(.bd-variant-ghost){background-color:transparent;border:1px solid transparent;color:var(--color-gray-1500)}@media (hover: hover){.bd-Button:where(.bd-variant-ghost):where(:hover:not([data-disabled])){background-color:var(--color-blue-800-tp-95_5);color:var(--color-blue-800)}}.bd-Button:where(.bd-variant-ghost):where(:focus-visible:not([data-disabled])){background-color:var(--color-blue-800-tp-90);color:var(--color-blue-800)}.bd-Button:where(.bd-variant-ghost):where(:active:not([data-disabled])){background-color:var(--color-blue-1100-tp-80);color:var(--color-blue-1100)}.bd-Button:where(.bd-variant-ghost):where([data-disabled]:not([data-loading])){color:var(--color-gray-900)}.bd-Button:where(.bd-variant-ghost):where([data-loading]){background-color:var(--color-gray-50);border-color:var(--color-gray-400)}.bd-Spinner{display:inline-block;box-sizing:border-box;position:relative;border:2px solid var(--color-white);border-bottom-color:transparent;border-radius:50%;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bd-Spinner:where(.bd-size-1){--spinner-size: var(--space-3);width:var(--spinner-size);height:var(--spinner-size);border-width:calc(var(--spinner-size) * .1)}.bd-Spinner:where(.bd-size-2){--spinner-size: var(--space-4);width:var(--spinner-size);height:var(--spinner-size);border-width:calc(var(--spinner-size) * .1)}.bd-Spinner:where(.bd-size-3){--spinner-size: var(--space-5);width:var(--spinner-size);height:var(--spinner-size);border-width:calc(var(--spinner-size) * .1)}.bd-Spinner:where(.bd-color-gray50){border-top-color:var(--color-gray-50);border-right-color:var(--color-gray-50);border-left-color:var(--color-gray-50)}.bd-Spinner:where(.bd-color-gray100){border-top-color:var(--color-gray-100);border-right-color:var(--color-gray-100);border-left-color:var(--color-gray-100)}.bd-Spinner:where(.bd-color-gray200){border-top-color:var(--color-gray-200);border-right-color:var(--color-gray-200);border-left-color:var(--color-gray-200)}.bd-Spinner:where(.bd-color-gray300){border-top-color:var(--color-gray-300);border-right-color:var(--color-gray-300);border-left-color:var(--color-gray-300)}.bd-Spinner:where(.bd-color-gray400){border-top-color:var(--color-gray-400);border-right-color:var(--color-gray-400);border-left-color:var(--color-gray-400)}.bd-Spinner:where(.bd-color-gray500){border-top-color:var(--color-gray-500);border-right-color:var(--color-gray-500);border-left-color:var(--color-gray-500)}.bd-Spinner:where(.bd-color-gray600){border-top-color:var(--color-gray-600);border-right-color:var(--color-gray-600);border-left-color:var(--color-gray-600)}.bd-Spinner:where(.bd-color-gray700){border-top-color:var(--color-gray-700);border-right-color:var(--color-gray-700);border-left-color:var(--color-gray-700)}.bd-Spinner:where(.bd-color-gray800){border-top-color:var(--color-gray-800);border-right-color:var(--color-gray-800);border-left-color:var(--color-gray-800)}.bd-Spinner:where(.bd-color-gray900){border-top-color:var(--color-gray-900);border-right-color:var(--color-gray-900);border-left-color:var(--color-gray-900)}.bd-Spinner:where(.bd-color-gray1000){border-top-color:var(--color-gray-1000);border-right-color:var(--color-gray-1000);border-left-color:var(--color-gray-1000)}.bd-Spinner:where(.bd-color-gray1100){border-top-color:var(--color-gray-1100);border-right-color:var(--color-gray-1100);border-left-color:var(--color-gray-1100)}.bd-Spinner:where(.bd-color-gray1200){border-top-color:var(--color-gray-1200);border-right-color:var(--color-gray-1200);border-left-color:var(--color-gray-1200)}.bd-Spinner:where(.bd-color-gray1300){border-top-color:var(--color-gray-1300);border-right-color:var(--color-gray-1300);border-left-color:var(--color-gray-1300)}.bd-Spinner:where(.bd-color-gray1400){border-top-color:var(--color-gray-1400);border-right-color:var(--color-gray-1400);border-left-color:var(--color-gray-1400)}.bd-Spinner:where(.bd-color-gray1500){border-top-color:var(--color-gray-1500);border-right-color:var(--color-gray-1500);border-left-color:var(--color-gray-1500)}.bd-Spinner:where(.bd-color-blue50){border-top-color:var(--color-blue-50);border-right-color:var(--color-blue-50);border-left-color:var(--color-blue-50)}.bd-Spinner:where(.bd-color-blue100){border-top-color:var(--color-blue-100);border-right-color:var(--color-blue-100);border-left-color:var(--color-blue-100)}.bd-Spinner:where(.bd-color-blue200){border-top-color:var(--color-blue-200);border-right-color:var(--color-blue-200);border-left-color:var(--color-blue-200)}.bd-Spinner:where(.bd-color-blue300){border-top-color:var(--color-blue-300);border-right-color:var(--color-blue-300);border-left-color:var(--color-blue-300)}.bd-Spinner:where(.bd-color-blue400){border-top-color:var(--color-blue-400);border-right-color:var(--color-blue-400);border-left-color:var(--color-blue-400)}.bd-Spinner:where(.bd-color-blue500){border-top-color:var(--color-blue-500);border-right-color:var(--color-blue-500);border-left-color:var(--color-blue-500)}.bd-Spinner:where(.bd-color-blue600){border-top-color:var(--color-blue-600);border-right-color:var(--color-blue-600);border-left-color:var(--color-blue-600)}.bd-Spinner:where(.bd-color-blue700){border-top-color:var(--color-blue-700);border-right-color:var(--color-blue-700);border-left-color:var(--color-blue-700)}.bd-Spinner:where(.bd-color-blue800){border-top-color:var(--color-blue-800);border-right-color:var(--color-blue-800);border-left-color:var(--color-blue-800)}.bd-Spinner:where(.bd-color-blue900){border-top-color:var(--color-blue-900);border-right-color:var(--color-blue-900);border-left-color:var(--color-blue-900)}.bd-Spinner:where(.bd-color-blue1000){border-top-color:var(--color-blue-1000);border-right-color:var(--color-blue-1000);border-left-color:var(--color-blue-1000)}.bd-Spinner:where(.bd-color-blue1100){border-top-color:var(--color-blue-1100);border-right-color:var(--color-blue-1100);border-left-color:var(--color-blue-1100)}.bd-Spinner:where(.bd-color-green50){border-top-color:var(--color-green-50);border-right-color:var(--color-green-50);border-left-color:var(--color-green-50)}.bd-Spinner:where(.bd-color-green100){border-top-color:var(--color-green-100);border-right-color:var(--color-green-100);border-left-color:var(--color-green-100)}.bd-Spinner:where(.bd-color-green200){border-top-color:var(--color-green-200);border-right-color:var(--color-green-200);border-left-color:var(--color-green-200)}.bd-Spinner:where(.bd-color-green300){border-top-color:var(--color-green-300);border-right-color:var(--color-green-300);border-left-color:var(--color-green-300)}.bd-Spinner:where(.bd-color-green400){border-top-color:var(--color-green-400);border-right-color:var(--color-green-400);border-left-color:var(--color-green-400)}.bd-Spinner:where(.bd-color-green500){border-top-color:var(--color-green-500);border-right-color:var(--color-green-500);border-left-color:var(--color-green-500)}.bd-Spinner:where(.bd-color-green600){border-top-color:var(--color-green-600);border-right-color:var(--color-green-600);border-left-color:var(--color-green-600)}.bd-Spinner:where(.bd-color-green700){border-top-color:var(--color-green-700);border-right-color:var(--color-green-700);border-left-color:var(--color-green-700)}.bd-Spinner:where(.bd-color-green800){border-top-color:var(--color-green-800);border-right-color:var(--color-green-800);border-left-color:var(--color-green-800)}.bd-Spinner:where(.bd-color-green900){border-top-color:var(--color-green-900);border-right-color:var(--color-green-900);border-left-color:var(--color-green-900)}.bd-Spinner:where(.bd-color-green1000){border-top-color:var(--color-green-1000);border-right-color:var(--color-green-1000);border-left-color:var(--color-green-1000)}.bd-Spinner:where(.bd-color-green1100){border-top-color:var(--color-green-1100);border-right-color:var(--color-green-1100);border-left-color:var(--color-green-1100)}.bd-Spinner:where(.bd-color-green1200){border-top-color:var(--color-green-1200);border-right-color:var(--color-green-1200);border-left-color:var(--color-green-1200)}.bd-Spinner:where(.bd-color-red50){border-top-color:var(--color-red-50);border-right-color:var(--color-red-50);border-left-color:var(--color-red-50)}.bd-Spinner:where(.bd-color-red100){border-top-color:var(--color-red-100);border-right-color:var(--color-red-100);border-left-color:var(--color-red-100)}.bd-Spinner:where(.bd-color-red200){border-top-color:var(--color-red-200);border-right-color:var(--color-red-200);border-left-color:var(--color-red-200)}.bd-Spinner:where(.bd-color-red300){border-top-color:var(--color-red-300);border-right-color:var(--color-red-300);border-left-color:var(--color-red-300)}.bd-Spinner:where(.bd-color-red400){border-top-color:var(--color-red-400);border-right-color:var(--color-red-400);border-left-color:var(--color-red-400)}.bd-Spinner:where(.bd-color-red500){border-top-color:var(--color-red-500);border-right-color:var(--color-red-500);border-left-color:var(--color-red-500)}.bd-Spinner:where(.bd-color-red600){border-top-color:var(--color-red-600);border-right-color:var(--color-red-600);border-left-color:var(--color-red-600)}.bd-Spinner:where(.bd-color-red700){border-top-color:var(--color-red-700);border-right-color:var(--color-red-700);border-left-color:var(--color-red-700)}.bd-Spinner:where(.bd-color-red800){border-top-color:var(--color-red-800);border-right-color:var(--color-red-800);border-left-color:var(--color-red-800)}.bd-Spinner:where(.bd-color-red900){border-top-color:var(--color-red-900);border-right-color:var(--color-red-900);border-left-color:var(--color-red-900)}.bd-Spinner:where(.bd-color-red1000){border-top-color:var(--color-red-1000);border-right-color:var(--color-red-1000);border-left-color:var(--color-red-1000)}.bd-Spinner:where(.bd-color-red1100){border-top-color:var(--color-red-1100);border-right-color:var(--color-red-1100);border-left-color:var(--color-red-1100)}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}.bd-color-gray50{color:var(--color-gray-50)}.bd-color-gray100{color:var(--color-gray-100)}.bd-color-gray200{color:var(--color-gray-200)}.bd-color-gray300{color:var(--color-gray-300)}.bd-color-gray400{color:var(--color-gray-400)}.bd-color-gray500{color:var(--color-gray-500)}.bd-color-gray600{color:var(--color-gray-600)}.bd-color-gray700{color:var(--color-gray-700)}.bd-color-gray800{color:var(--color-gray-800)}.bd-color-gray900{color:var(--color-gray-900)}.bd-color-gray1000{color:var(--color-gray-1000)}.bd-color-gray1100{color:var(--color-gray-1100)}.bd-color-gray1200{color:var(--color-gray-1200)}.bd-color-gray1300{color:var(--color-gray-1300)}.bd-color-gray1400{color:var(--color-gray-1400)}.bd-color-gray1500{color:var(--color-gray-1500)}.bd-color-blue50{color:var(--color-blue-50)}.bd-color-blue100{color:var(--color-blue-100)}.bd-color-blue200{color:var(--color-blue-200)}.bd-color-blue300{color:var(--color-blue-300)}.bd-color-blue400{color:var(--color-blue-400)}.bd-color-blue500{color:var(--color-blue-500)}.bd-color-blue600{color:var(--color-blue-600)}.bd-color-blue700{color:var(--color-blue-700)}.bd-color-blue800{color:var(--color-blue-800)}.bd-color-blue900{color:var(--color-blue-900)}.bd-color-blue1000{color:var(--color-blue-1000)}.bd-color-blue1100{color:var(--color-blue-1100)}.bd-color-blue1200{color:var(--color-blue-1200)}.bd-color-blue1300{color:var(--color-blue-1300)}.bd-color-blue1400{color:var(--color-blue-1400)}.bd-color-green50{color:var(--color-green-50)}.bd-color-green100{color:var(--color-green-100)}.bd-color-green200{color:var(--color-green-200)}.bd-color-green300{color:var(--color-green-300)}.bd-color-green400{color:var(--color-green-400)}.bd-color-green500{color:var(--color-green-500)}.bd-color-green600{color:var(--color-green-600)}.bd-color-green700{color:var(--color-green-700)}.bd-color-green800{color:var(--color-green-800)}.bd-color-green900{color:var(--color-green-900)}.bd-color-green1000{color:var(--color-green-1000)}.bd-color-green1100{color:var(--color-green-1100)}.bd-color-green1200{color:var(--color-green-1200)}.bd-color-red50{color:var(--color-red-50)}.bd-color-red100{color:var(--color-red-100)}.bd-color-red200{color:var(--color-red-200)}.bd-color-red300{color:var(--color-red-300)}.bd-color-red400{color:var(--color-red-400)}.bd-color-red500{color:var(--color-red-500)}.bd-color-red600{color:var(--color-red-600)}.bd-color-red700{color:var(--color-red-700)}.bd-color-red800{color:var(--color-red-800)}.bd-color-red900{color:var(--color-red-900)}.bd-color-red1000{color:var(--color-red-1000)}.bd-color-red1100{color:var(--color-red-1100)}.bd-color{color:var(--color)}.bd-display-none{display:none}.bd-display-block{display:block}.bd-display-inline{display:inline}.bd-display-inline-block{display:inline-block}.bd-display-flex{display:flex}.bd-display-inline-flex{display:inline-flex}.bd-display-grid{display:grid}.bd-display-inline-grid{display:inline-grid}.bd-display-contents{display:contents}.bd-position-static{position:static}.bd-position-relative{position:relative}.bd-position-absolute{position:absolute}.bd-position-fixed{position:fixed}.bd-position-sticky{position:sticky}.bd-w{width:var(--width)}.bd-min-w{min-width:var(--min-width)}.bd-max-w{max-width:var(--max-width)}.bd-h{height:var(--height)}.bd-min-h{min-height:var(--min-height)}.bd-max-h{max-height:var(--max-height)}.bd-inset-0{inset:0}.bd-inset-1{inset:var(--space-1)}.bd-inset-2{inset:var(--space-2)}.bd-inset-3{inset:var(--space-3)}.bd-inset-4{inset:var(--space-4)}.bd-inset-5{inset:var(--space-5)}.bd-inset-6{inset:var(--space-6)}.bd-inset-7{inset:var(--space-7)}.bd-inset-8{inset:var(--space-8)}.bd-inset-9{inset:var(--space-9)}.bd-inset-10{inset:var(--space-10)}.bd-inset-11{inset:var(--space-11)}.bd-inset-12{inset:var(--space-12)}.bd-inset{inset:var(--inset)}.bd-top-0{top:0}.bd-top-1{top:var(--space-1)}.bd-top-2{top:var(--space-2)}.bd-top-3{top:var(--space-3)}.bd-top-4{top:var(--space-4)}.bd-top-5{top:var(--space-5)}.bd-top-6{top:var(--space-6)}.bd-top-7{top:var(--space-7)}.bd-top-8{top:var(--space-8)}.bd-top-9{top:var(--space-9)}.bd-top-10{top:var(--space-10)}.bd-top-11{top:var(--space-11)}.bd-top-12{top:var(--space-12)}.bd-top{top:var(--top)}.bd-right-0{right:0}.bd-right-1{right:var(--space-1)}.bd-right-2{right:var(--space-2)}.bd-right-3{right:var(--space-3)}.bd-right-4{right:var(--space-4)}.bd-right-5{right:var(--space-5)}.bd-right-6{right:var(--space-6)}.bd-right-7{right:var(--space-7)}.bd-right-8{right:var(--space-8)}.bd-right-9{right:var(--space-9)}.bd-right-10{right:var(--space-10)}.bd-right-11{right:var(--space-11)}.bd-right-12{right:var(--space-12)}.bd-right{right:var(--right)}.bd-bottom-0{bottom:0}.bd-bottom-1{bottom:var(--space-1)}.bd-bottom-2{bottom:var(--space-2)}.bd-bottom-3{bottom:var(--space-3)}.bd-bottom-4{bottom:var(--space-4)}.bd-bottom-5{bottom:var(--space-5)}.bd-bottom-6{bottom:var(--space-6)}.bd-bottom-7{bottom:var(--space-7)}.bd-bottom-8{bottom:var(--space-8)}.bd-bottom-9{bottom:var(--space-9)}.bd-bottom-10{bottom:var(--space-10)}.bd-bottom-11{bottom:var(--space-11)}.bd-bottom-12{bottom:var(--space-12)}.bd-bottom{bottom:var(--bottom)}.bd-left-0{left:0}.bd-left-1{left:var(--space-1)}.bd-left-2{left:var(--space-2)}.bd-left-3{left:var(--space-3)}.bd-left-4{left:var(--space-4)}.bd-left-5{left:var(--space-5)}.bd-left-6{left:var(--space-6)}.bd-left-7{left:var(--space-7)}.bd-left-8{left:var(--space-8)}.bd-left-9{left:var(--space-9)}.bd-left-10{left:var(--space-10)}.bd-left-11{left:var(--space-11)}.bd-left-12{left:var(--space-12)}.bd-left{left:var(--left)}.bd-m,.bd-m-0,.bd-m-1,.bd-m-2,.bd-m-3,.bd-m-4,.bd-m-5,.bd-m-6,.bd-m-7,.bd-m-8,.bd-m-9,.bd-m-10,.bd-m-11,.bd-m-12,.-bd-m-1,.-bd-m-2,.-bd-m-3,.-bd-m-4,.-bd-m-5,.-bd-m-6,.-bd-m-7,.-bd-m-8,.-bd-m-9,.-bd-m-10,.-bd-m-11,.-bd-m-12{margin-top:var(--margin-top-override, var(--margin-top));margin-right:var(--margin-right-override, var(--margin-right));margin-bottom:var(--margin-bottom-override, var(--margin-bottom));margin-left:var(--margin-left-override, var(--margin-left))}.bd-m-0{--margin-top: 0px;--margin-right: 0px;--margin-bottom: 0px;--margin-left: 0px}.bd-m-1{--margin-top: var(--space-1);--margin-right: var(--space-1);--margin-bottom: var(--space-1);--margin-left: var(--space-1)}.bd-m-2{--margin-top: var(--space-2);--margin-right: var(--space-2);--margin-bottom: var(--space-2);--margin-left: var(--space-2)}.bd-m-3{--margin-top: var(--space-3);--margin-right: var(--space-3);--margin-bottom: var(--space-3);--margin-left: var(--space-3)}.bd-m-4{--margin-top: var(--space-4);--margin-right: var(--space-4);--margin-bottom: var(--space-4);--margin-left: var(--space-4)}.bd-m-5{--margin-top: var(--space-5);--margin-right: var(--space-5);--margin-bottom: var(--space-5);--margin-left: var(--space-5)}.bd-m-6{--margin-top: var(--space-6);--margin-right: var(--space-6);--margin-bottom: var(--space-6);--margin-left: var(--space-6)}.bd-m-7{--margin-top: var(--space-7);--margin-right: var(--space-7);--margin-bottom: var(--space-7);--margin-left: var(--space-7)}.bd-m-8{--margin-top: var(--space-8);--margin-right: var(--space-8);--margin-bottom: var(--space-8);--margin-left: var(--space-8)}.bd-m-9{--margin-top: var(--space-9);--margin-right: var(--space-9);--margin-bottom: var(--space-9);--margin-left: var(--space-9)}.bd-m-10{--margin-top: var(--space-10);--margin-right: var(--space-10);--margin-bottom: var(--space-10);--margin-left: var(--space-10)}.bd-m-11{--margin-top: var(--space-11);--margin-right: var(--space-11);--margin-bottom: var(--space-11);--margin-left: var(--space-11)}.bd-m-12{--margin-top: var(--space-12);--margin-right: var(--space-12);--margin-bottom: var(--space-12);--margin-left: var(--space-12)}.-bd-m-1{--margin-top: calc(-1 * var(--space-1));--margin-right: calc(-1 * var(--space-1));--margin-bottom: calc(-1 * var(--space-1));--margin-left: calc(-1 * var(--space-1))}.-bd-m-2{--margin-top: calc(-1 * var(--space-2));--margin-right: calc(-1 * var(--space-2));--margin-bottom: calc(-1 * var(--space-2));--margin-left: calc(-1 * var(--space-2))}.-bd-m-3{--margin-top: calc(-1 * var(--space-3));--margin-right: calc(-1 * var(--space-3));--margin-bottom: calc(-1 * var(--space-3));--margin-left: calc(-1 * var(--space-3))}.-bd-m-4{--margin-top: calc(-1 * var(--space-4));--margin-right: calc(-1 * var(--space-4));--margin-bottom: calc(-1 * var(--space-4));--margin-left: calc(-1 * var(--space-4))}.-bd-m-5{--margin-top: calc(-1 * var(--space-5));--margin-right: calc(-1 * var(--space-5));--margin-bottom: calc(-1 * var(--space-5));--margin-left: calc(-1 * var(--space-5))}.-bd-m-6{--margin-top: calc(-1 * var(--space-6));--margin-right: calc(-1 * var(--space-6));--margin-bottom: calc(-1 * var(--space-6));--margin-left: calc(-1 * var(--space-6))}.-bd-m-7{--margin-top: calc(-1 * var(--space-7));--margin-right: calc(-1 * var(--space-7));--margin-bottom: calc(-1 * var(--space-7));--margin-left: calc(-1 * var(--space-7))}.-bd-m-8{--margin-top: calc(-1 * var(--space-8));--margin-right: calc(-1 * var(--space-8));--margin-bottom: calc(-1 * var(--space-8));--margin-left: calc(-1 * var(--space-8))}.-bd-m-9{--margin-top: calc(-1 * var(--space-9));--margin-right: calc(-1 * var(--space-9));--margin-bottom: calc(-1 * var(--space-9));--margin-left: calc(-1 * var(--space-9))}.-bd-m-10{--margin-top: calc(-1 * var(--space-10));--margin-right: calc(-1 * var(--space-10));--margin-bottom: calc(-1 * var(--space-10));--margin-left: calc(-1 * var(--space-10))}.-bd-m-11{--margin-top: calc(-1 * var(--space-11));--margin-right: calc(-1 * var(--space-11));--margin-bottom: calc(-1 * var(--space-11));--margin-left: calc(-1 * var(--space-11))}.-bd-m-12{--margin-top: calc(-1 * var(--space-12));--margin-right: calc(-1 * var(--space-12));--margin-bottom: calc(-1 * var(--space-12));--margin-left: calc(-1 * var(--space-12))}.bd-m{--margin-top: var(--m);--margin-right: var(--m);--margin-bottom: var(--m);--margin-left: var(--m)}.bd-mx,.bd-mx-0,.bd-mx-1,.bd-mx-2,.bd-mx-3,.bd-mx-4,.bd-mx-5,.bd-mx-6,.bd-mx-7,.bd-mx-8,.bd-mx-9,.bd-mx-10,.bd-mx-11,.bd-mx-12,.-bd-mx-1,.-bd-mx-2,.-bd-mx-3,.-bd-mx-4,.-bd-mx-5,.-bd-mx-6,.-bd-mx-7,.-bd-mx-8,.-bd-mx-9,.-bd-mx-10,.-bd-mx-11,.-bd-mx-12{margin-left:var(--margin-left-override, var(--margin-left));margin-right:var(--margin-right-override, var(--margin-right))}.bd-mx-0{--margin-left: 0px;--margin-right: 0px}.bd-mx-1{--margin-left: var(--space-1);--margin-right: var(--space-1)}.bd-mx-2{--margin-left: var(--space-2);--margin-right: var(--space-2)}.bd-mx-3{--margin-left: var(--space-3);--margin-right: var(--space-3)}.bd-mx-4{--margin-left: var(--space-4);--margin-right: var(--space-4)}.bd-mx-5{--margin-left: var(--space-5);--margin-right: var(--space-5)}.bd-mx-6{--margin-left: var(--space-6);--margin-right: var(--space-6)}.bd-mx-7{--margin-left: var(--space-7);--margin-right: var(--space-7)}.bd-mx-8{--margin-left: var(--space-8);--margin-right: var(--space-8)}.bd-mx-9{--margin-left: var(--space-9);--margin-right: var(--space-9)}.bd-mx-10{--margin-left: var(--space-10);--margin-right: var(--space-10)}.bd-mx-11{--margin-left: var(--space-11);--margin-right: var(--space-11)}.bd-mx-12{--margin-left: var(--space-12);--margin-right: var(--space-12)}.-bd-mx-1{--margin-left: calc(-1 * var(--space-1));--margin-right: calc(-1 * var(--space-1))}.-bd-mx-2{--margin-left: calc(-1 * var(--space-2));--margin-right: calc(-1 * var(--space-2))}.-bd-mx-3{--margin-left: calc(-1 * var(--space-3));--margin-right: calc(-1 * var(--space-3))}.-bd-mx-4{--margin-left: calc(-1 * var(--space-4));--margin-right: calc(-1 * var(--space-4))}.-bd-mx-5{--margin-left: calc(-1 * var(--space-5));--margin-right: calc(-1 * var(--space-5))}.-bd-mx-6{--margin-left: calc(-1 * var(--space-6));--margin-right: calc(-1 * var(--space-6))}.-bd-mx-12{--margin-left: calc(-1 * var(--space-12));--margin-right: calc(-1 * var(--space-12))}.bd-mx{--margin-left: var(--ml);--margin-right: var(--mr)}.bd-my,.bd-my-0,.bd-my-1,.bd-my-2,.bd-my-3,.bd-my-4,.bd-my-5,.bd-my-6,.bd-my-7,.bd-my-8,.bd-my-9,.bd-my-10,.bd-my-11,.bd-my-12,.-bd-my-1,.-bd-my-2,.-bd-my-3,.-bd-my-4,.-bd-my-5,.-bd-my-6,.-bd-my-7,.-bd-my-8,.-bd-my-9,.-bd-my-10,.-bd-my-11,.-bd-my-12{margin-top:var(--margin-top-override, var(--margin-top));margin-bottom:var(--margin-bottom-override, var(--margin-bottom))}.bd-my-0{--margin-top: 0px;--margin-bottom: 0px}.bd-my-1{--margin-top: var(--space-1);--margin-bottom: var(--space-1)}.bd-my-2{--margin-top: var(--space-2);--margin-bottom: var(--space-2)}.bd-my-3{--margin-top: var(--space-3);--margin-bottom: var(--space-3)}.bd-my-4{--margin-top: var(--space-4);--margin-bottom: var(--space-4)}.bd-my-5{--margin-top: var(--space-5);--margin-bottom: var(--space-5)}.bd-my-6{--margin-top: var(--space-6);--margin-bottom: var(--space-6)}.bd-my-7{--margin-top: var(--space-7);--margin-bottom: var(--space-7)}.bd-my-8{--margin-top: var(--space-8);--margin-bottom: var(--space-8)}.bd-my-9{--margin-top: var(--space-9);--margin-bottom: var(--space-9)}.bd-my-10{--margin-top: var(--space-10);--margin-bottom: var(--space-10)}.bd-my-11{--margin-top: var(--space-11);--margin-bottom: var(--space-11)}.bd-my-12{--margin-top: var(--space-12);--margin-bottom: var(--space-12)}.-bd-my-1{--margin-top: calc(-1 * var(--space-1));--margin-bottom: calc(-1 * var(--space-1))}.-bd-my-2{--margin-top: calc(-1 * var(--space-2));--margin-bottom: calc(-1 * var(--space-2))}.-bd-my-3{--margin-top: calc(-1 * var(--space-3));--margin-bottom: calc(-1 * var(--space-3))}.-bd-my-4{--margin-top: calc(-1 * var(--space-4));--margin-bottom: calc(-1 * var(--space-4))}.-bd-my-5{--margin-top: calc(-1 * var(--space-5));--margin-bottom: calc(-1 * var(--space-5))}.-bd-my-6{--margin-top: calc(-1 * var(--space-6));--margin-bottom: calc(-1 * var(--space-6))}.-bd-my-7{--margin-top: calc(-1 * var(--space-7));--margin-bottom: calc(-1 * var(--space-7))}.-bd-my-8{--margin-top: calc(-1 * var(--space-8));--margin-bottom: calc(-1 * var(--space-8))}.-bd-my-9{--margin-top: calc(-1 * var(--space-9));--margin-bottom: calc(-1 * var(--space-9))}.-bd-my-10{--margin-top: calc(-1 * var(--space-10));--margin-bottom: calc(-1 * var(--space-10))}.-bd-my-11{--margin-top: calc(-1 * var(--space-11));--margin-bottom: calc(-1 * var(--space-11))}.-bd-my-12{--margin-top: calc(-1 * var(--space-12));--margin-bottom: calc(-1 * var(--space-12))}.bd-my{--margin-top: var(--mt);--margin-bottom: var(--mb)}.bd-mt,.bd-mt-0,.bd-mt-1,.bd-mt-2,.bd-mt-3,.bd-mt-4,.bd-mt-5,.bd-mt-6,.bd-mt-7,.bd-mt-8,.bd-mt-9,.bd-mt-10,.bd-mt-11,.bd-mt-12,.-bd-mt-1,.-bd-mt-2,.-bd-mt-3,.-bd-mt-4,.-bd-mt-5,.-bd-mt-6,.-bd-mt-7,.-bd-mt-8,.-bd-mt-9,.-bd-mt-10,.-bd-mt-11,.-bd-mt-12{margin-top:var(--margin-top-override, var(--margin-top))}.bd-mt-0{--margin-top: 0px}.bd-mt-1{--margin-top: var(--space-1)}.bd-mt-2{--margin-top: var(--space-2)}.bd-mt-3{--margin-top: var(--space-3)}.bd-mt-4{--margin-top: var(--space-4)}.bd-mt-5{--margin-top: var(--space-5)}.bd-mt-6{--margin-top: var(--space-6)}.bd-mt-7{--margin-top: var(--space-7)}.bd-mt-8{--margin-top: var(--space-8)}.bd-mt-9{--margin-top: var(--space-9)}.bd-mt-10{--margin-top: var(--space-10)}.bd-mt-11{--margin-top: var(--space-11)}.bd-mt-12{--margin-top: var(--space-12)}.-bd-mt-1{--margin-top: calc(-1 * var(--space-1))}.-bd-mt-2{--margin-top: calc(-1 * var(--space-2))}.-bd-mt-3{--margin-top: calc(-1 * var(--space-3))}.-bd-mt-4{--margin-top: calc(-1 * var(--space-4))}.-bd-mt-5{--margin-top: calc(-1 * var(--space-5))}.-bd-mt-6{--margin-top: calc(-1 * var(--space-6))}.-bd-mt-7{--margin-top: calc(-1 * var(--space-7))}.-bd-mt-8{--margin-top: calc(-1 * var(--space-8))}.-bd-mt-9{--margin-top: calc(-1 * var(--space-9))}.-bd-mt-10{--margin-top: calc(-1 * var(--space-10))}.-bd-mt-11{--margin-top: calc(-1 * var(--space-11))}.-bd-mt-12{--margin-top: calc(-1 * var(--space-12))}.bd-mt{--margin-top: var(--mt)}.bd-mr,.bd-mr-0,.bd-mr-1,.bd-mr-2,.bd-mr-3,.bd-mr-4,.bd-mr-5,.bd-mr-6,.bd-mr-7,.bd-mr-8,.bd-mr-9,.bd-mr-10,.bd-mr-11,.bd-mr-12,.-bd-mr-1,.-bd-mr-2,.-bd-mr-3,.-bd-mr-4,.-bd-mr-5,.-bd-mr-6,.-bd-mr-7,.-bd-mr-8,.-bd-mr-9,.-bd-mr-10,.-bd-mr-11,.-bd-mr-12{margin-right:var(--margin-right-override, var(--margin-right))}.bd-mr-0{--margin-right: 0px}.bd-mr-1{--margin-right: var(--space-1)}.bd-mr-2{--margin-right: var(--space-2)}.bd-mr-3{--margin-right: var(--space-3)}.bd-mr-4{--margin-right: var(--space-4)}.bd-mr-5{--margin-right: var(--space-5)}.bd-mr-6{--margin-right: var(--space-6)}.bd-mr-7{--margin-right: var(--space-7)}.bd-mr-8{--margin-right: var(--space-8)}.bd-mr-9{--margin-right: var(--space-9)}.bd-mr-10{--margin-right: var(--space-10)}.bd-mr-11{--margin-right: var(--space-11)}.bd-mr-12{--margin-right: var(--space-12)}.-bd-mr-1{--margin-right: calc(-1 * var(--space-1))}.-bd-mr-2{--margin-right: calc(-1 * var(--space-2))}.-bd-mr-3{--margin-right: calc(-1 * var(--space-3))}.-bd-mr-4{--margin-right: calc(-1 * var(--space-4))}.-bd-mr-5{--margin-right: calc(-1 * var(--space-5))}.-bd-mr-6{--margin-right: calc(-1 * var(--space-6))}.-bd-mr-7{--margin-right: calc(-1 * var(--space-7))}.-bd-mr-8{--margin-right: calc(-1 * var(--space-8))}.-bd-mr-9{--margin-right: calc(-1 * var(--space-9))}.-bd-mr-10{--margin-right: calc(-1 * var(--space-10))}.-bd-mr-11{--margin-right: calc(-1 * var(--space-11))}.-bd-mr-12{--margin-right: calc(-1 * var(--space-12))}.bd-mr{--margin-right: var(--mr)}.bd-mb,.bd-mb-0,.bd-mb-1,.bd-mb-2,.bd-mb-3,.bd-mb-4,.bd-mb-5,.bd-mb-6,.bd-mb-7,.bd-mb-8,.bd-mb-9,.bd-mb-10,.bd-mb-11,.bd-mb-12,.-bd-mb-1,.-bd-mb-2,.-bd-mb-3,.-bd-mb-4,.-bd-mb-5,.-bd-mb-6,.-bd-mb-7,.-bd-mb-8,.-bd-mb-9,.-bd-mb-10,.-bd-mb-11,.-bd-mb-12{margin-bottom:var(--margin-bottom-override, var(--margin-bottom))}.bd-mb-0{--margin-bottom: 0px}.bd-mb-1{--margin-bottom: var(--space-1)}.bd-mb-2{--margin-bottom: var(--space-2)}.bd-mb-3{--margin-bottom: var(--space-3)}.bd-mb-4{--margin-bottom: var(--space-4)}.bd-mb-5{--margin-bottom: var(--space-5)}.bd-mb-6{--margin-bottom: var(--space-6)}.bd-mb-7{--margin-bottom: var(--space-7)}.bd-mb-8{--margin-bottom: var(--space-8)}.bd-mb-9{--margin-bottom: var(--space-9)}.bd-mb-10{--margin-bottom: var(--space-10)}.bd-mb-11{--margin-bottom: var(--space-11)}.bd-mb-12{--margin-bottom: var(--space-12)}.-bd-mb-1{--margin-bottom: calc(-1 * var(--space-1))}.-bd-mb-2{--margin-bottom: calc(-1 * var(--space-2))}.-bd-mb-3{--margin-bottom: calc(-1 * var(--space-3))}.-bd-mb-4{--margin-bottom: calc(-1 * var(--space-4))}.-bd-mb-5{--margin-bottom: calc(-1 * var(--space-5))}.-bd-mb-6{--margin-bottom: calc(-1 * var(--space-6))}.-bd-mb-7{--margin-bottom: calc(-1 * var(--space-7))}.-bd-mb-8{--margin-bottom: calc(-1 * var(--space-8))}.-bd-mb-9{--margin-bottom: calc(-1 * var(--space-9))}.-bd-mb-10{--margin-bottom: calc(-1 * var(--space-10))}.-bd-mb-11{--margin-bottom: calc(-1 * var(--space-11))}.-bd-mb-12{--margin-bottom: calc(-1 * var(--space-12))}.bd-mb{--margin-bottom: var(--mb)}.bd-ml,.bd-ml-0,.bd-ml-1,.bd-ml-2,.bd-ml-3,.bd-ml-4,.bd-ml-5,.bd-ml-6,.bd-ml-7,.bd-ml-8,.bd-ml-9,.bd-ml-10,.bd-ml-11,.bd-ml-12,.-bd-ml-1,.-bd-ml-2,.-bd-ml-3,.-bd-ml-4,.-bd-ml-5,.-bd-ml-6,.-bd-ml-7,.-bd-ml-8,.-bd-ml-9,.-bd-ml-10,.-bd-ml-11,.-bd-ml-12{margin-left:var(--margin-left-override, var(--margin-left))}.bd-ml-0{--margin-left: 0px}.bd-ml-1{--margin-left: var(--space-1)}.bd-ml-2{--margin-left: var(--space-2)}.bd-ml-3{--margin-left: var(--space-3)}.bd-ml-4{--margin-left: var(--space-4)}.bd-ml-5{--margin-left: var(--space-5)}.bd-ml-6{--margin-left: var(--space-6)}.bd-ml-7{--margin-left: var(--space-7)}.bd-ml-8{--margin-left: var(--space-8)}.bd-ml-9{--margin-left: var(--space-9)}.bd-ml-10{--margin-left: var(--space-10)}.bd-ml-11{--margin-left: var(--space-11)}.bd-ml-12{--margin-left: calc(-1 * var(--space-12))}.-bd-ml-1{--margin-left: calc(-1 * var(--space-1))}.-bd-ml-2{--margin-left: calc(-1 * var(--space-2))}.-bd-ml-3{--margin-left: calc(-1 * var(--space-3))}.-bd-ml-4{--margin-left: calc(-1 * var(--space-4))}.-bd-ml-5{--margin-left: calc(-1 * var(--space-5))}.-bd-ml-6{--margin-left: calc(-1 * var(--space-6))}.-bd-ml-7{--margin-left: calc(-1 * var(--space-7))}.-bd-ml-8{--margin-left: calc(-1 * var(--space-8))}.-bd-ml-9{--margin-left: calc(-1 * var(--space-9))}.-bd-ml-10{--margin-left: calc(-1 * var(--space-10))}.-bd-ml-11{--margin-left: calc(-1 * var(--space-11))}.-bd-ml-12{--margin-left: calc(-1 * var(--space-12))}.bd-ml{--margin-left: var(--ml)}.bd-ta-left{text-align:left}.bd-ta-center{text-align:center}.bd-ta-right{text-align:right}.bd-radius-none{border-radius:var(--radius-none)}.bd-radius-s{border-radius:var(--radius-s)}.bd-radius-m{border-radius:var(--radius-m)}.bd-radius-l{border-radius:var(--radius-l)}.bd-radius-full{border-radius:var(--radius-full)}.bd-radius{border-radius:var(--radius)}.bd-tw-wrap{white-space:normal}.bd-tw-nowrap{white-space:nowrap}.bd-tw-pretty{white-space:normal;text-wrap:pretty}.bd-tw-balance{white-space:normal;text-wrap:balance}.bd-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bd-weight-light{font-weight:var(--font-weight-light)}.bd-weight-regular{font-weight:var(--font-weight-regular)}.bd-weight-medium{font-weight:var(--font-weight-medium)}.bd-weight-semibold{font-weight:var(--font-weight-semibold)}.bd-weight-bold{font-weight:var(--font-weight-bold)}.bd-lt-normal:before,.bd-lt-end:before,.bd-lt-normal:after,.bd-lt-start:after{content:none}.bd-lt-start:before,.bd-lt-both:before,.bd-lt-end:after,.bd-lt-both:after{content:"";display:table}.bd-lt-start:before,.bd-lt-both:before{margin-bottom:calc(var(--leading-trim-start, var(--default-leading-trim-start)) - var(--line-height, calc(1em * var(--default-line-height))) / 2)}.bd-lt-end:after,.bd-lt-both:after{margin-top:calc(var(--leading-trim-end, var(--default-leading-trim-end)) - var(--line-height, calc(1em * var(--default-line-height))) / 2)}.bd-fd-row{flex-direction:row}.bd-fd-column{flex-direction:column}.bd-fd-row-reverse{flex-direction:row-reverse}.bd-fd-column-reverse{flex-direction:column-reverse}.bd-fw-nowrap{flex-wrap:nowrap}.bd-fw-wrap{flex-wrap:wrap}.bd-fw-wrap-reverse{flex-wrap:wrap-reverse}.bd-gap-0{gap:0}.bd-gap-1{gap:var(--space-1)}.bd-gap-2{gap:var(--space-2)}.bd-gap-3{gap:var(--space-3)}.bd-gap-4{gap:var(--space-4)}.bd-gap-5{gap:var(--space-5)}.bd-gap-6{gap:var(--space-6)}.bd-gap-7{gap:var(--space-7)}.bd-gap-8{gap:var(--space-8)}.bd-gap-9{gap:var(--space-9)}.bd-gap-10{gap:var(--space-10)}.bd-gap-11{gap:var(--space-11)}.bd-gap-12{gap:var(--space-12)}.bd-gap{gap:var(--gap)}.bd-cg-0{column-gap:0}.bd-cg-1{column-gap:var(--space-1)}.bd-cg-2{column-gap:var(--space-2)}.bd-cg-3{column-gap:var(--space-3)}.bd-cg-4{column-gap:var(--space-4)}.bd-cg-5{column-gap:var(--space-5)}.bd-cg-6{column-gap:var(--space-6)}.bd-cg-7{column-gap:var(--space-7)}.bd-cg-8{column-gap:var(--space-8)}.bd-cg-9{column-gap:var(--space-9)}.bd-cg-10{column-gap:var(--space-10)}.bd-cg-11{column-gap:var(--space-11)}.bd-cg-12{column-gap:var(--space-12)}.bd-cg{column-gap:var(--col-gap)}.bd-rg-0{row-gap:0}.bd-rg-1{row-gap:var(--space-1)}.bd-rg-2{row-gap:var(--space-2)}.bd-rg-3{row-gap:var(--space-3)}.bd-rg-4{row-gap:var(--space-4)}.bd-rg-5{row-gap:var(--space-5)}.bd-rg-6{row-gap:var(--space-6)}.bd-rg-7{row-gap:var(--space-7)}.bd-rg-8{row-gap:var(--space-8)}.bd-rg-9{row-gap:var(--space-9)}.bd-rg-10{row-gap:var(--space-10)}.bd-rg-11{row-gap:var(--space-11)}.bd-rg-12{row-gap:var(--space-12)}.bd-rg{row-gap:var(--row-gap)}.bd-ai-start{align-items:start}.bd-ai-center{align-items:center}.bd-ai-end{align-items:flex-end}.bd-ai-baseline{align-items:baseline}.bd-ai-stretch{align-items:stretch}.bd-ac-start{align-content:start}.bd-ac-center{align-content:center}.bd-ac-end{align-content:flex-end}.bd-ac-baseline{align-content:baseline}.bd-ac-stretch{align-content:stretch}.bd-ac-space-between{align-content:space-between}.bd-ac-space-around{align-content:space-around}.bd-ac-space-evenly{align-content:space-evenly}.bd-jc-start{justify-content:start}.bd-jc-center{justify-content:center}.bd-jc-end{justify-content:flex-end}.bd-jc-space-between{justify-content:space-between}.bd-ji-start{justify-items:start}.bd-ji-center{justify-items:center}.bd-ji-end{justify-items:flex-end}.bd-ji-baseline{justify-items:baseline}.bd-ji-stretch{justify-items:stretch}.bd-as-start{align-self:start}.bd-as-center{align-self:center}.bd-as-end{align-self:flex-end}.bd-as-baseline{align-self:baseline}.bd-as-stretch{align-self:stretch}.bd-fb{flex-basis:var(--flex-basis)}.bd-fg-0{flex-grow:0}.bd-fg-1{flex-grow:1}.bd-fg{flex-grow:var(--flex-grow)}.bd-fs-0{flex-shrink:0}.bd-fs-1{flex-shrink:1}.bd-fs{flex-shrink:var(--flex-shrink)}.bd-gta{grid-template-areas:var(--grid-template-areas)}.bd-gtc-1{grid-template-columns:minmax(0,1fr)}.bd-gtc-2{grid-template-columns:repeat(2,minmax(0,1fr))}.bd-gtc-3{grid-template-columns:repeat(3,minmax(0,1fr))}.bd-gtc-4{grid-template-columns:repeat(4,minmax(0,1fr))}.bd-gtc-5{grid-template-columns:repeat(5,minmax(0,1fr))}.bd-gtc-6{grid-template-columns:repeat(6,minmax(0,1fr))}.bd-gtc-7{grid-template-columns:repeat(7,minmax(0,1fr))}.bd-gtc-8{grid-template-columns:repeat(8,minmax(0,1fr))}.bd-gtc-9{grid-template-columns:repeat(9,minmax(0,1fr))}.bd-gtc-10{grid-template-columns:repeat(10,minmax(0,1fr))}.bd-gtc{grid-template-columns:var(--grid-template-columns)}.bd-gtr-1{grid-template-rows:minmax(0,1fr)}.bd-gtr-2{grid-template-rows:repeat(2,minmax(0,1fr))}.bd-gtr-3{grid-template-rows:repeat(3,minmax(0,1fr))}.bd-gtr-4{grid-template-rows:repeat(4,minmax(0,1fr))}.bd-gtr-5{grid-template-rows:repeat(5,minmax(0,1fr))}.bd-gtr-6{grid-template-rows:repeat(6,minmax(0,1fr))}.bd-gtr-7{grid-template-rows:repeat(7,minmax(0,1fr))}.bd-gtr-8{grid-template-rows:repeat(8,minmax(0,1fr))}.bd-gtr-9{grid-template-rows:repeat(9,minmax(0,1fr))}.bd-gtr-10{grid-template-rows:repeat(10,minmax(0,1fr))}.bd-gtr{grid-template-rows:var(--grid-template-rows)}.bd-gaf-row{grid-auto-flow:row}.bd-gaf-column{grid-auto-flow:column}.bd-gaf-dense{grid-auto-flow:dense}.bd-gaf-row-dense{grid-auto-flow:row dense}.bd-gaf-column-dense{grid-auto-flow:column dense}.bd-ga{grid-area:var(--grid-area)}.bd-gc-1{grid-column:1}.bd-gc-2{grid-column:2}.bd-gc-3{grid-column:3}.bd-gc-4{grid-column:4}.bd-gc-5{grid-column:5}.bd-gc-6{grid-column:6}.bd-gc-7{grid-column:7}.bd-gc-8{grid-column:8}.bd-gc-9{grid-column:9}.bd-gc-10{grid-column:10}.bd-gc{grid-column:var(--grid-column)}.bd-gce-1{grid-column-end:1}.bd-gce-2{grid-column-end:2}.bd-gce-3{grid-column-end:3}.bd-gce-4{grid-column-end:4}.bd-gce-5{grid-column-end:5}.bd-gce-6{grid-column-end:6}.bd-gce-7{grid-column-end:7}.bd-gce-8{grid-column-end:8}.bd-gce-9{grid-column-end:9}.bd-gce-10{grid-column-end:10}.bd-gce{grid-column-end:var(--grid-column-end)}.bd-gcs-1{grid-column-start:1}.bd-gcs-2{grid-column-start:2}.bd-gcs-3{grid-column-start:3}.bd-gcs-4{grid-column-start:4}.bd-gcs-5{grid-column-start:5}.bd-gcs-6{grid-column-start:6}.bd-gcs-7{grid-column-start:7}.bd-gcs-8{grid-column-start:8}.bd-gcs-9{grid-column-start:9}.bd-gcs-10{grid-column-start:10}.bd-gcs{grid-column-start:var(--grid-column-start)}.bd-gr-1{grid-row:1}.bd-gr-2{grid-row:2}.bd-gr-3{grid-row:3}.bd-gr-4{grid-row:4}.bd-gr-5{grid-row:5}.bd-gr-6{grid-row:6}.bd-gr-7{grid-row:7}.bd-gr-8{grid-row:8}.bd-gr-9{grid-row:9}.bd-gr-10{grid-row:10}.bd-gr{grid-row:var(--grid-row)}.bd-gre-1{grid-row-end:1}.bd-gre-2{grid-row-end:2}.bd-gre-3{grid-row-end:3}.bd-gre-4{grid-row-end:4}.bd-gre-5{grid-row-end:5}.bd-gre-6{grid-row-end:6}.bd-gre-7{grid-row-end:7}.bd-gre-8{grid-row-end:8}.bd-gre-9{grid-row-end:9}.bd-gre-10{grid-row-end:10}.bd-gre{grid-row-end:var(--grid-row-end)}.bd-grs-1{grid-row-start:1}.bd-grs-2{grid-row-start:2}.bd-grs-3{grid-row-start:3}.bd-grs-4{grid-row-start:4}.bd-grs-5{grid-row-start:5}.bd-grs-6{grid-row-start:6}.bd-grs-7{grid-row-start:7}.bd-grs-8{grid-row-start:8}.bd-grs-9{grid-row-start:9}.bd-grs-10{grid-row-start:10}.bd-grs{grid-row-start:var(--grid-row-start)}.bd-overflow-visible{overflow:visible}.bd-overflow-hidden{overflow:hidden}.bd-overflow-clip{overflow:clip}.bd-overflow-scroll{overflow:scroll}.bd-overflow-auto{overflow:auto}.bd-overflow-x-visible{overflow-x:visible}.bd-overflow-x-hidden{overflow-x:hidden}.bd-overflow-x-clip{overflow-x:clip}.bd-overflow-x-scroll{overflow-x:scroll}.bd-overflow-x-auto{overflow-x:auto}.bd-overflow-y-visible{overflow-y:visible}.bd-overflow-y-hidden{overflow-y:hidden}.bd-overflow-y-clip{overflow-y:clip}.bd-overflow-y-scroll{overflow-y:scroll}.bd-overflow-y-auto{overflow-y:auto}.bd-p-0{padding:0}.bd-p-1{padding:var(--space-1)}.bd-p-2{padding:var(--space-2)}.bd-p-3{padding:var(--space-3)}.bd-p-4{padding:var(--space-4)}.bd-p-5{padding:var(--space-5)}.bd-p-6{padding:var(--space-6)}.bd-p-7{padding:var(--space-7)}.bd-p-8{padding:var(--space-8)}.bd-p-9{padding:var(--space-9)}.bd-p-10{padding:var(--space-10)}.bd-p-11{padding:var(--space-11)}.bd-p-12{padding:var(--space-12)}.bd-p{padding:var(--p)}.bd-px-0{padding-left:0;padding-right:0}.bd-px-1{padding-left:var(--space-1);padding-right:var(--space-1)}.bd-px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.bd-px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.bd-px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.bd-px-5{padding-left:var(--space-5);padding-right:var(--space-5)}.bd-px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.bd-px-7{padding-left:var(--space-7);padding-right:var(--space-7)}.bd-px-8{padding-left:var(--space-8);padding-right:var(--space-8)}.bd-px-9{padding-left:var(--space-9);padding-right:var(--space-9)}.bd-px-10{padding-left:var(--space-10);padding-right:var(--space-10)}.bd-px-11{padding-left:var(--space-11);padding-right:var(--space-11)}.bd-px-12{padding-left:var(--space-12);padding-right:var(--space-12)}.bd-px{padding-left:var(--padding-left);padding-right:var(--padding-right)}.bd-py-0{padding-top:0;padding-bottom:0}.bd-py-1{padding-top:var(--space-1);padding-bottom:var(--space-1)}.bd-py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.bd-py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.bd-py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.bd-py-5{padding-top:var(--space-5);padding-bottom:var(--space-5)}.bd-py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.bd-py-7{padding-top:var(--space-7);padding-bottom:var(--space-7)}.bd-py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.bd-py-9{padding-top:var(--space-9);padding-bottom:var(--space-9)}.bd-py-10{padding-top:var(--space-10);padding-bottom:var(--space-10)}.bd-py-11{padding-top:var(--space-11);padding-bottom:var(--space-11)}.bd-py-12{padding-top:var(--space-12);padding-bottom:var(--space-12)}.bd-py{padding-top:var(--padding-top);padding-bottom:var(--padding-bottom)}.bd-pt-0{padding-top:0}.bd-pt-1{padding-top:var(--space-1)}.bd-pt-2{padding-top:var(--space-2)}.bd-pt-3{padding-top:var(--space-3)}.bd-pt-4{padding-top:var(--space-4)}.bd-pt-5{padding-top:var(--space-5)}.bd-pt-6{padding-top:var(--space-6)}.bd-pt-7{padding-top:var(--space-7)}.bd-pt-8{padding-top:var(--space-8)}.bd-pt-9{padding-top:var(--space-9)}.bd-pt-10{padding-top:var(--space-10)}.bd-pt-11{padding-top:var(--space-11)}.bd-pt-12{padding-top:var(--space-12)}.bd-pt{padding-top:var(--padding-top)}.bd-pr-0{padding-right:0}.bd-pr-1{padding-right:var(--space-1)}.bd-pr-2{padding-right:var(--space-2)}.bd-pr-3{padding-right:var(--space-3)}.bd-pr-4{padding-right:var(--space-4)}.bd-pr-5{padding-right:var(--space-5)}.bd-pr-6{padding-right:var(--space-6)}.bd-pr-7{padding-right:var(--space-7)}.bd-pr-8{padding-right:var(--space-8)}.bd-pr-9{padding-right:var(--space-9)}.bd-pr-10{padding-right:var(--space-10)}.bd-pr-11{padding-right:var(--space-11)}.bd-pr-12{padding-right:var(--space-12)}.bd-pr{padding-right:var(--padding-right)}.bd-pb-0{padding-bottom:0}.bd-pb-1{padding-bottom:var(--space-1)}.bd-pb-2{padding-bottom:var(--space-2)}.bd-pb-3{padding-bottom:var(--space-3)}.bd-pb-4{padding-bottom:var(--space-4)}.bd-pb-5{padding-bottom:var(--space-5)}.bd-pb-6{padding-bottom:var(--space-6)}.bd-pb-7{padding-bottom:var(--space-7)}.bd-pb-8{padding-bottom:var(--space-8)}.bd-pb-9{padding-bottom:var(--space-9)}.bd-pb-10{padding-bottom:var(--space-10)}.bd-pb-11{padding-bottom:var(--space-11)}.bd-pb-12{padding-bottom:var(--space-12)}.bd-pb{padding-bottom:var(--padding-bottom)}.bd-pl-0{padding-left:0}.bd-pl-1{padding-left:var(--space-1)}.bd-pl-2{padding-left:var(--space-2)}.bd-pl-3{padding-left:var(--space-3)}.bd-pl-4{padding-left:var(--space-4)}.bd-pl-5{padding-left:var(--space-5)}.bd-pl-6{padding-left:var(--space-6)}.bd-pl-7{padding-left:var(--space-7)}.bd-pl-8{padding-left:var(--space-8)}.bd-pl-9{padding-left:var(--space-9)}.bd-pl-10{padding-left:var(--space-10)}.bd-pl-11{padding-left:var(--space-11)}.bd-pl-12{padding-left:var(--space-12)}.bd-pl{padding-left:var(--padding-left)}

package/dist/components/Button/button.defs.d.ts

@@ -1,5 +1,3 @@
-declare const sizes: readonly ["1", "2", "3", "4", "5"];
-declare const variants: readonly ["fill-primary", "fill-secondary", "outline-primary", "outline-secondary", "ghost"];
 declare const ButtonPropDefs: {
     loading: {
         type: "boolean";
@@ -118,4 +116,4 @@ declare const ButtonPropDefs: {
         type: "boolean";
     };
 };
-export { ButtonPropDefs, sizes as buttonSizes, variants as buttonVariants };
+export { ButtonPropDefs };

package/dist/components/Flex/flex.defs.d.ts

@@ -1,8 +1,3 @@
-declare const displayValues: readonly ["none", "inline-flex", "flex"];
-declare const directionValues: readonly ["row", "column", "row-reverse", "column-reverse"];
-declare const alignValues: readonly ["start", "center", "end", "baseline", "stretch"];
-declare const justifyValues: readonly ["start", "center", "end", "between"];
-declare const wrapValues: readonly ["nowrap", "wrap", "wrap-reverse"];
 declare const FlexPropDefs: {
     m: {
         type: "enum | string";
@@ -267,6 +262,7 @@ declare const FlexPropDefs: {
         type: "enum";
         className: string;
         values: readonly ["start", "center", "end", "between"];
+        parseValue: (value: string) => string;
     };
     wrap: {
         type: "enum";
@@ -282,4 +278,4 @@ declare const FlexPropDefs: {
         default: "div";
     };
 };
-export { FlexPropDefs, displayValues, directionValues, alignValues, justifyValues, wrapValues };
+export { FlexPropDefs };

package/dist/components/Flex/flex.helpers.d.ts

@@ -0,0 +1,2 @@
+declare const parseJustifyValue: (value: string) => string;
+export { parseJustifyValue };

package/dist/components/Grid/grid.defs.d.ts

@@ -0,0 +1,312 @@
+declare const GridPropDefs: {
+    gap: {
+        type: "enum | string";
+        className: string;
+        customProperties: "--gap"[];
+        values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"];
+    };
+    gapX: {
+        type: "enum | string";
+        className: string;
+        customProperties: "--col-gap"[];
+        values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"];
+    };
+    gapY: {
+        type: "enum | string";
+        className: string;
+        customProperties: "--row-gap"[];
+        values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"];
+    };
+    m: {
+        type: "enum | string";
+        values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "-1", "-2", "-3", "-4", "-5", "-6", "-7", "-8", "-9", "-10", "-11", "-12"];
+        className: string;
+        customProperties: "--m"[];
+    };
+    mx: {
+        type: "enum | string";
+        values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "-1", "-2", "-3", "-4", "-5", "-6", "-7", "-8", "-9", "-10", "-11", "-12"];
+        className: string;
+        customProperties: ("--ml" | "--mr")[];
+    };
+    my: {
+        type: "enum | string";
+        values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "-1", "-2", "-3", "-4", "-5", "-6", "-7", "-8", "-9", "-10", "-11", "-12"];
+        className: string;
+        customProperties: ("--mt" | "--mb")[];
+    };
+    mt: {
+        type: "enum | string";
+        values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "-1", "-2", "-3", "-4", "-5", "-6", "-7", "-8", "-9", "-10", "-11", "-12"];
+        className: string;
+        customProperties: "--mt"[];
+    };
+    mr: {
+        type: "enum | string";
+        values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "-1", "-2", "-3", "-4", "-5", "-6", "-7", "-8", "-9", "-10", "-11", "-12"];
+        className: string;
+        customProperties: "--mr"[];
+    };
+    mb: {
+        type: "enum | string";
+        values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "-1", "-2", "-3", "-4", "-5", "-6", "-7", "-8", "-9", "-10", "-11", "-12"];
+        className: string;
+        customProperties: "--mb"[];
+    };
+    ml: {
+        type: "enum | string";
+        values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "-1", "-2", "-3", "-4", "-5", "-6", "-7", "-8", "-9", "-10", "-11", "-12"];
+        className: string;
+        customProperties: "--ml"[];
+    };
+    position: {
+        type: "enum";
+        className: string;
+        values: readonly ["static", "relative", "absolute", "fixed", "sticky"];
+    };
+    inset: {
+        type: "enum | string";
+        className: string;
+        customProperties: "--inset"[];
+        values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "-1", "-2", "-3", "-4", "-5", "-6", "-7", "-8", "-9", "-10", "-11", "-12"];
+    };
+    top: {
+        type: "enum | string";
+        className: string;
+        customProperties: "--top"[];
+        values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "-1", "-2", "-3", "-4", "-5", "-6", "-7", "-8", "-9", "-10", "-11", "-12"];
+    };
+    right: {
+        type: "enum | string";
+        className: string;
+        customProperties: "--right"[];
+        values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "-1", "-2", "-3", "-4", "-5", "-6", "-7", "-8", "-9", "-10", "-11", "-12"];
+    };
+    bottom: {
+        type: "enum | string";
+        className: string;
+        customProperties: "--bottom"[];
+        values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "-1", "-2", "-3", "-4", "-5", "-6", "-7", "-8", "-9", "-10", "-11", "-12"];
+    };
+    left: {
+        type: "enum | string";
+        className: string;
+        customProperties: "--left"[];
+        values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "-1", "-2", "-3", "-4", "-5", "-6", "-7", "-8", "-9", "-10", "-11", "-12"];
+    };
+    overflow: {
+        type: "enum";
+        className: string;
+        values: readonly ["visible", "hidden", "clip", "scroll", "auto"];
+    };
+    overflowX: {
+        type: "enum";
+        className: string;
+        values: readonly ["visible", "hidden", "clip", "scroll", "auto"];
+    };
+    overflowY: {
+        type: "enum";
+        className: string;
+        values: readonly ["visible", "hidden", "clip", "scroll", "auto"];
+    };
+    flexBasis: {
+        type: "string";
+        className: string;
+        customProperties: "--flex-basis"[];
+    };
+    flexShrink: {
+        type: "enum | string";
+        className: string;
+        customProperties: "--flex-shrink"[];
+        values: readonly ["0", "1"];
+    };
+    flexGrow: {
+        type: "enum | string";
+        className: string;
+        customProperties: "--flex-grow"[];
+        values: readonly ["0", "1"];
+    };
+    gridArea: {
+        type: "string";
+        className: string;
+        customProperties: "--grid-area"[];
+    };
+    gridColumn: {
+        type: "string";
+        className: string;
+        customProperties: "--grid-column"[];
+    };
+    gridColumnStart: {
+        type: "string";
+        className: string;
+        customProperties: "--grid-column-start"[];
+    };
+    gridColumnEnd: {
+        type: "string";
+        className: string;
+        customProperties: "--grid-column-end"[];
+    };
+    gridRow: {
+        type: "string";
+        className: string;
+        customProperties: "--grid-row"[];
+    };
+    gridRowStart: {
+        type: "string";
+        className: string;
+        customProperties: "--grid-row-start"[];
+    };
+    gridRowEnd: {
+        type: "string";
+        className: string;
+        customProperties: "--grid-row-end"[];
+    };
+    alignSelf: {
+        type: "enum";
+        className: string;
+        values: readonly ["start", "center", "end", "baseline", "stretch"];
+    };
+    justifySelf: {
+        type: "enum";
+        className: string;
+        values: readonly ["start", "center", "end", "baseline", "stretch"];
+    };
+    p: {
+        type: "enum | string";
+        values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"];
+        className: string;
+        customProperties: "--p"[];
+    };
+    px: {
+        type: "enum | string";
+        values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"];
+        className: string;
+        customProperties: "--px"[];
+    };
+    py: {
+        type: "enum | string";
+        values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"];
+        className: string;
+        customProperties: "--py"[];
+    };
+    pt: {
+        type: "enum | string";
+        values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"];
+        className: string;
+        customProperties: "--pt"[];
+    };
+    pr: {
+        type: "enum | string";
+        values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"];
+        className: string;
+        customProperties: "--pr"[];
+    };
+    pb: {
+        type: "enum | string";
+        values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"];
+        className: string;
+        customProperties: "--pb"[];
+    };
+    pl: {
+        type: "enum | string";
+        values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"];
+        className: string;
+        customProperties: "--pl"[];
+    };
+    height: {
+        type: "string";
+        className: string;
+        customProperties: "--height"[];
+    };
+    minHeight: {
+        type: "string";
+        className: string;
+        customProperties: "--min-height"[];
+    };
+    maxHeight: {
+        type: "string";
+        className: string;
+        customProperties: "--max-height"[];
+    };
+    width: {
+        type: "string";
+        className: string;
+        customProperties: "--width"[];
+    };
+    minWidth: {
+        type: "string";
+        className: string;
+        customProperties: "--min-width"[];
+    };
+    maxWidth: {
+        type: "string";
+        className: string;
+        customProperties: "--max-width"[];
+    };
+    display: {
+        type: "enum";
+        className: string;
+        values: readonly ["none", "inline-grid", "grid"];
+        default: "grid";
+    };
+    areas: {
+        type: "string";
+        className: string;
+        customProperties: "--grid-template-areas"[];
+    };
+    columns: {
+        type: "enum | string";
+        className: string;
+        customProperties: "--grid-template-columns"[];
+        values: readonly ["1", "2", "3", "4", "5", "6", "7", "8", "9"];
+        parseValue: (value: string) => string;
+    };
+    rows: {
+        type: "enum | string";
+        className: string;
+        customProperties: "--grid-template-rows"[];
+        values: readonly ["1", "2", "3", "4", "5", "6", "7", "8", "9"];
+        parseValue: (value: string) => string;
+    };
+    flow: {
+        type: "enum";
+        className: string;
+        values: readonly ["row", "column", "dense", "row-dense", "column-dense"];
+        default: "row";
+    };
+    align: {
+        type: "enum";
+        className: string;
+        values: readonly ["start", "center", "end", "baseline", "stretch"];
+        default: "start";
+    };
+    justify: {
+        type: "enum";
+        className: string;
+        values: readonly ["start", "center", "end", "between"];
+        parseValue: (value: string) => string;
+        default: "start";
+    };
+    alignContent: {
+        type: "enum";
+        className: string;
+        values: readonly ["start", "center", "end", "baseline", "between", "around", "evenly", "stretch"];
+        parseValue: (value: string) => string;
+        default: "start";
+    };
+    justifyItems: {
+        type: "enum";
+        className: string;
+        values: readonly ["start", "center", "end", "baseline", "stretch"];
+        default: "start";
+    };
+    asChild: {
+        type: "boolean";
+    };
+    as: {
+        type: "enum";
+        values: readonly ["div", "span"];
+        default: "div";
+    };
+};
+export { GridPropDefs };

package/dist/components/Grid/grid.helpers.d.ts

@@ -0,0 +1,4 @@
+declare const parseGridValue: (value: string) => string;
+declare const parseJustifyValue: (value: string) => string;
+declare const parseAlignContentValue: (value: string) => string;
+export { parseGridValue, parseJustifyValue, parseAlignContentValue };

package/dist/components/Grid/index.d.ts

@@ -0,0 +1,15 @@
+import { ComponentPropsWithout, DefaultRemovedProps } from '../../core/react';
+import { GetPropDefTypes } from '../../core/defs';
+import { GridPropDefs } from './grid.defs';
+import * as React from 'react';
+type GridPropDefs = GetPropDefTypes<typeof GridPropDefs>;
+type GridDivProps = {
+    as?: 'div';
+} & ComponentPropsWithout<'div', DefaultRemovedProps>;
+type GridSpanProps = {
+    as: 'span';
+} & ComponentPropsWithout<'span', DefaultRemovedProps>;
+type GridProps = GridPropDefs & (GridDivProps | GridSpanProps);
+declare const Grid: React.ForwardRefExoticComponent<GridProps & React.RefAttributes<HTMLDivElement>>;
+export default Grid;
+export type { GridProps };

package/dist/components/Spinner/spinner.defs.d.ts

@@ -1,4 +1,3 @@
-declare const sizes: readonly ["1", "2", "3"];
 declare const SpinnerPropDefs: {
     m: {
         type: "enum | string";
@@ -58,4 +57,4 @@ declare const SpinnerPropDefs: {
         values: readonly ["gray50", "gray100", "gray200", "gray300", "gray400", "gray500", "gray600", "gray700", "gray800", "gray900", "gray1000", "gray1100", "gray1200", "gray1300", "gray1400", "gray1500", "blue50", "blue100", "blue200", "blue300", "blue400", "blue500", "blue600", "blue700", "blue800", "blue900", "blue1000", "blue1100", "blue1200", "blue1300", "blue1400", "green50", "green100", "green200", "green300", "green400", "green500", "green600", "green700", "green800", "green900", "green1000", "green1100", "green1200", "red50", "red100", "red200", "red300", "red400", "red500", "red600", "red700", "red800", "red900", "red1000", "red1100"];
     };
 };
-export { SpinnerPropDefs, sizes as spinnerSizes };
+export { SpinnerPropDefs };

package/dist/index.js

@@ -82,7 +82,7 @@ const f = /* @__PURE__ */ H(L), Y = (e, t) => {
     allowCustomValues: !0,
     className: e,
     ...n
-  }), r = M({
+  }), r = J({
     customProperties: t,
     ...n
   });
@@ -103,7 +103,7 @@ const f = /* @__PURE__ */ H(L), Y = (e, t) => {
     if (e)
       return t;
   }
-}, M = ({
+}, J = ({
   customProperties: e,
   value: t,
   propValues: n,
@@ -118,9 +118,9 @@ const f = /* @__PURE__ */ H(L), Y = (e, t) => {
     }
     return r;
   }
-}, Z = (...e) => Object.assign({}, ...e), h = (e, ...t) => {
+}, M = (...e) => Object.assign({}, ...e), h = (e, ...t) => {
   let n, a;
-  const r = { ...e }, s = Z(...t);
+  const r = { ...e }, s = M(...t);
   for (const o in s) {
     let l = r[o];
     const i = s[o];
@@ -150,7 +150,7 @@ const f = /* @__PURE__ */ H(L), Y = (e, t) => {
     }
   }
   return r.className = f(n, e.className), r.style = R(a, e.style), r;
-}, J = (e) => {
+}, Z = (e) => {
   const t = p.forwardRef((n, a) => {
     const { children: r, ...s } = n;
     if (p.isValidElement(r)) {
@@ -163,7 +163,7 @@ const f = /* @__PURE__ */ H(L), Y = (e, t) => {
   });
   return t.displayName = `${e}.OutletClone`, t;
 }, $ = (e) => {
-  const t = J(e), n = p.forwardRef((a, r) => {
+  const t = Z(e), n = p.forwardRef((a, r) => {
     const { children: s, ...o } = a, l = p.Children.toArray(s), i = l.find(Q);
     if (i) {
       const u = i.props.children, w = l.map((b) => {
@@ -522,49 +522,50 @@ const f = /* @__PURE__ */ H(L), Y = (e, t) => {
   return /* @__PURE__ */ c(O, { ...o, ref: t, className: f("bd-Text", a), children: r ? n : /* @__PURE__ */ c(s, { children: n }) });
 });
 xe.displayName = "Text";
-const Ce = ["div", "span"], Ve = ["none", "inline-flex", "flex"], De = ["row", "column", "row-reverse", "column-reverse"], Oe = ["start", "center", "end", "baseline", "stretch"], Se = ["start", "center", "end", "between"], Ee = ["nowrap", "wrap", "wrap-reverse"], je = {
-  as: { type: "enum", values: Ce, default: "div" },
+const Ce = (e) => e === "between" ? "space-between" : e, Ve = ["div", "span"], De = ["none", "inline-flex", "flex"], Oe = ["row", "column", "row-reverse", "column-reverse"], Se = ["start", "center", "end", "baseline", "stretch"], Ee = ["start", "center", "end", "between"], je = ["nowrap", "wrap", "wrap-reverse"], Re = {
+  as: { type: "enum", values: Ve, default: "div" },
   ...v,
   display: {
     type: "enum",
     className: "bd-display",
-    values: Ve
+    values: De
   },
   direction: {
     type: "enum",
     className: "bd-fd",
-    values: De
+    values: Oe
   },
   align: {
     type: "enum",
     className: "bd-ai",
-    values: Oe
+    values: Se
   },
   justify: {
     type: "enum",
     className: "bd-jc",
-    values: Se
+    values: Ee,
+    parseValue: Ce
   },
   wrap: {
     type: "enum",
     className: "bd-fw",
-    values: Ee
+    values: je
   },
   ...W,
   ...ce,
   ...P
 }, N = g.forwardRef((e, t) => {
-  const { className: n, asChild: a, as: r = "div", ...s } = h(e, je);
+  const { className: n, asChild: a, as: r = "div", ...s } = h(e, Re);
   return /* @__PURE__ */ c(a ? O : r, { ...s, ref: t, className: f("bd-Flex", n) });
 });
 N.displayName = "Flex";
-const Re = ["a", "button", "div", "input", "label", "span"], ze = Re.reduce((e, t) => {
+const ze = ["a", "button", "div", "input", "label", "span"], Te = ze.reduce((e, t) => {
   const n = $(`Base.${t}`), a = g.forwardRef((r, s) => {
     const { asChild: o, ...l } = r;
     return /* @__PURE__ */ c(o ? n : t, { ...l, ref: s });
   });
   return a.displayName = `Base.${t}`, { ...e, [t]: a };
-}, {}), Te = Object.freeze({
+}, {}), $e = Object.freeze({
   position: "absolute",
   border: 0,
   width: 1,
@@ -577,24 +578,24 @@ const Re = ["a", "button", "div", "input", "label", "span"], ze = Re.reduce((e,
   wordWrap: "normal"
 }), _ = g.forwardRef(
   (e, t) => /* @__PURE__ */ c(
-    ze.span,
+    Te.span,
     {
       ...e,
       ref: t,
-      style: { ...Te, ...e.style }
+      style: { ...$e, ...e.style }
     }
   )
 );
 _.displayName = "VisuallyHidden";
-const $e = ["1", "2", "3"], Be = {
-  size: { type: "enum", className: "bd-size", values: $e, default: "2" },
+const Be = ["1", "2", "3"], Ie = {
+  size: { type: "enum", className: "bd-size", values: Be, default: "2" },
   loading: { type: "boolean", default: !0 },
   color: { type: "enum", className: "bd-color", values: S },
   ...P
 }, A = g.forwardRef((e, t) => {
   const { className: n, children: a, loading: r, ...s } = h(
     e,
-    Be,
+    Ie,
     se
   );
   if (!r) return a;
@@ -605,7 +606,7 @@ const $e = ["1", "2", "3"], Be = {
   ] });
 });
 A.displayName = "Spinner";
-const Ie = ["1", "2", "3", "4", "5"], We = [
+const We = ["1", "2", "3", "4", "5"], _e = [
   "fill-primary",
   "fill-secondary",
   "outline-primary",
@@ -622,15 +623,15 @@ const Ie = ["1", "2", "3", "4", "5"], We = [
    * 4="48px"
    * 5="56px"
    */
-  size: { type: "enum", className: "bd-size", values: Ie, default: "5" },
-  variant: { type: "enum", className: "bd-variant", values: We, default: "fill-primary" },
+  size: { type: "enum", className: "bd-size", values: We, default: "5" },
+  variant: { type: "enum", className: "bd-variant", values: _e, default: "fill-primary" },
   ...B,
   ...P,
   ...W,
   ...Ne,
   ...I,
   loading: { type: "boolean", className: "bd-loading", default: !1 }
-}, _e = (e) => {
+}, Ae = (e) => {
   switch (e) {
     case "1":
       return "1";
@@ -641,7 +642,7 @@ const Ie = ["1", "2", "3", "4", "5"], We = [
     case "5":
       return "3";
   }
-}, Ae = (e) => {
+}, Fe = (e) => {
   switch (e) {
     case "fill-primary":
       return;
@@ -653,7 +654,7 @@ const Ie = ["1", "2", "3", "4", "5"], We = [
     default:
       return;
   }
-}, Fe = g.forwardRef((e, t) => {
+}, He = g.forwardRef((e, t) => {
   const { variant: n = D.variant.default, size: a = D.size.default } = e, {
     className: r,
     children: s,
@@ -676,22 +677,22 @@ const Ie = ["1", "2", "3", "4", "5"], We = [
         /* @__PURE__ */ c(N, { asChild: !0, align: "center", justify: "center", position: "absolute", inset: "0", children: /* @__PURE__ */ c("span", { children: /* @__PURE__ */ c(
           A,
           {
-            size: _e(a),
-            color: Ae(n)
+            size: Ae(a),
+            color: Fe(n)
           }
         ) }) })
       ] }) : s
     }
   );
 });
-Fe.displayName = "Button";
+He.displayName = "Button";
 export {
-  ze as Base,
-  Fe as Button,
+  Te as Base,
+  He as Button,
   N as Flex,
   O as OutletUI,
   A as Spinner,
   xe as Text,
-  Te as VISUALLY_HIDDEN_STYLES,
+  $e as VISUALLY_HIDDEN_STYLES,
   _ as VisuallyHidden
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@beaubrain/web-design-system",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "repository": {
     "type": "git",
     "url": "https://github.com/beaubrain/web-design-system.git"