@orangesk/orange-design-system 2.0.0-beta.2 → 2.0.0-beta.21

package/README.md

@@ -1,36 +1,363 @@
-This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
+# Orange Design System (ODS)
 
-## Getting Started
+> A framework-agnostic, accessible component library built with vanilla JavaScript, CSS/SCSS, and optional React wrappers.
 
-First, run the development server:
+[![NPM](https://img.shields.io/npm/v/@orangesk/orange-design-system)](https://www.npmjs.com/package/@orangesk/orange-design-system)
+[![Node](https://img.shields.io/badge/node->=20.x-green)](https://nodejs.org)
+
+## 📚 Table of Contents
+
+- [Orange Design System (ODS)](#orange-design-system-ods)
+  - [📚 Table of Contents](#-table-of-contents)
+  - [Overview](#overview)
+    - [Architecture](#architecture)
+  - [Key Features](#key-features)
+  - [Installation](#installation)
+    - [Requirements](#requirements)
+  - [Quick Start](#quick-start)
+    - [React](#react)
+    - [Vanilla JavaScript](#vanilla-javascript)
+    - [CSS Only](#css-only)
+  - [Documentation](#documentation)
+    - [Documentation Sections](#documentation-sections)
+    - [Component Documentation Format](#component-documentation-format)
+  - [Development](#development)
+    - [Setup](#setup)
+    - [Development Server](#development-server)
+    - [Building](#building)
+    - [Testing](#testing)
+    - [Linting](#linting)
+    - [File Structure](#file-structure)
+  - [Contributing](#contributing)
+    - [Code Standards](#code-standards)
+    - [Component Guidelines](#component-guidelines)
+  - [Support](#support)
+    - [Resources](#resources)
+    - [Getting Help](#getting-help)
+  - [Changelog](#changelog)
+
+## Overview
+
+Orange Design System (ODS) is a comprehensive component library designed to work **outside of React** as the primary use case. React is used only for documentation and templating, making ODS truly framework-agnostic.
+
+### Architecture
+
+ODS components follow a three-layer architecture:
+
+```
+┌─────────────────────────────────────────┐
+│  Your Application                       │
+│  (React, Vue, Angular, Vanilla JS, etc.)│
+└──────────────┬──────────────────────────┘
+               │
+               ├─ React Components (optional)
+               │  └─ .tsx wrappers
+               │
+               ├─ Vanilla JavaScript (core)
+               │  └─ .static.ts classes
+               │
+               └─ CSS/SCSS Styles
+                  └─ BEM naming, design tokens
+```
+
+**Core:** Vanilla JavaScript + CSS/SCSS  
+**Optional:** React wrappers for convenient React integration  
+**Styling:** CSS custom properties (design tokens) with responsive breakpoints
+
+## Key Features
+
+✅ **Framework Agnostic** - Use in React, Vue, Angular, or vanilla JavaScript  
+✅ **Vanilla JavaScript Core** - No framework dependencies required  
+✅ **Accessible** - WCAG compliant components with ARIA attributes  
+✅ **Responsive** - Mobile-first design with breakpoint system  
+✅ **Themable** - CSS custom properties for easy customization  
+✅ **Type Safe** - Full TypeScript support  
+✅ **Performance Focused** - Lightweight, modular bundles  
+✅ **Well Documented** - Comprehensive documentation with live previews
+
+## Installation
 
 ```bash
-npm run dev
+npm install @orangesk/orange-design-system
 # or
-yarn dev
+yarn add @orangesk/orange-design-system
 # or
-pnpm dev
-# or
-bun dev
+pnpm add @orangesk/orange-design-system
+```
+
+### Requirements
+
+- **Node.js:** >= 20.x
+- **Package Manager:** npm, yarn, or pnpm
+
+## Quick Start
+
+### React
+
+```tsx
+import { Button } from "@orangesk/orange-design-system";
+
+export default function App() {
+  return (
+    <Button type="primary" onClick={() => alert("Clicked!")}>
+      Click Me
+    </Button>
+  );
+}
+```
+
+**Interactive Components** with JavaScript behavior:
+
+```tsx
+import { Accordion, AccordionItem } from "@orangesk/orange-design-system";
+
+export default function MyAccordion() {
+  return (
+    <Accordion>
+      <AccordionItem headingLevel={3}>
+        <button>Section 1</button>
+        <div>Content goes here</div>
+      </AccordionItem>
+    </Accordion>
+  );
+}
+```
+
+The React component automatically instantiates the vanilla JavaScript class for you.
+
+### Vanilla JavaScript
+
+ODS components work perfectly without React:
+
+```html
+<!DOCTYPE html>
+<html>
+  <head>
+    <link
+      rel="stylesheet"
+      href="node_modules/@orangesk/orange-design-system/build/lib/components.css"
+    />
+  </head>
+  <body>
+    <!-- HTML Structure -->
+    <div class="accordion" id="myAccordion">
+      <button
+        class="accordion__button"
+        data-accordion-toggle
+        aria-expanded="false"
+        aria-controls="panel-1"
+      >
+        Section 1
+      </button>
+      <div id="panel-1" hidden>Content here</div>
+    </div>
+
+    <!-- Instantiate JavaScript -->
+    <script type="module">
+      import Accordion from "@orangesk/orange-design-system/build/components/Accordion/Accordion.static.js";
+
+      const accordionEl = document.getElementById("myAccordion");
+      const accordion = new Accordion(accordionEl, {
+        buttonSelector: "[data-accordion-toggle]",
+      });
+    </script>
+  </body>
+</html>
+```
+
+### CSS Only
+
+Many components are CSS-only and don't require JavaScript:
+
+```html
+<link
+  rel="stylesheet"
+  href="node_modules/@orangesk/orange-design-system/build/lib/components.css"
+/>
+
+<!-- Button -->
+<button class="button button--primary">Click Me</button>
+
+<!-- Badge -->
+<span class="badge badge--success">Active</span>
+
+<!-- Card -->
+<div class="card">
+  <div class="card__section">
+    <h3>Title</h3>
+    <p>Description</p>
+  </div>
+</div>
+
+<!-- Grid -->
+<div class="grid grid--3">
+  <div class="grid__col">Column 1</div>
+  <div class="grid__col">Column 2</div>
+  <div class="grid__col">Column 3</div>
+</div>
+```
+
+## Documentation
+
+**📖 Full documentation**: [https://ods2.vercel.app](https://ods2.vercel.app)
+
+### Documentation Sections
+
+- **[Getting Started](https://ods2.vercel.app/getting-started)** - Installation, setup, and resources
+- **[Fundamentals](https://ods2.vercel.app/fundamentals)** - Accessibility, breakpoints, color, tokens, spacing, typography
+- **[Components](https://ods2.vercel.app/components)** - Full component library with examples and API docs
+- **[Copy](https://ods2.vercel.app/copy)** - Tone of voice, form validation, form labels, CTA guidelines
+- **[Changelog](./CHANGELOG.mdx)** - Release notes and migration guides
+
+### Component Documentation Format
+
+Each component page includes:
+
+- **Basic Usage** - Getting started with the component
+- **Element Types** - When to use `<a>` vs `<button>`, etc.
+- **Variants** - Visual style variations
+- **Sizes** - Component size options
+- **States** - Active, disabled, error states
+- **Accessibility** - ARIA attributes and keyboard navigation
+- **Code Examples** - Live, interactive previews
+
+## Development
+
+### Setup
+
+```bash
+# Install dependencies
+npm install
+
+# Build SCSS exports and search index
+npm run build:scss-exports
+npm run build:search-index
+```
+
+### Development Server
+
+```bash
+# Start development server with hot reload
+npm run dev
+```
+
+Open [http://localhost:3000](http://localhost:3000) to view the documentation site.
+
+### Building
+
+```bash
+# Build documentation and component bundles
+npm run build
+
+# Build component bundle only
+npm run build:bundle
+
+# Build megamenu bundle
+npm run build:megamenu
+
+# Build footer bundle
+npm run build:footer
+```
+
+### Testing
+
+```bash
+# Run tests
+npm test
+
+# Watch mode
+npm test:watch
+
+# Coverage report
+npm test:coverage
+```
+
+### Linting
+
+```bash
+# Run ESLint
+npm run lint
 ```
 
-Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+### File Structure
+
+```
+src/
+  components/          # Component source files
+    Button/
+      Button.tsx       # React wrapper
+      IconButton.tsx
+      styles/
+        style.scss
+      index.ts
+    Accordion/
+      Accordion.tsx    # React wrapper
+      Accordion.static.ts  # Vanilla JS class
+      AccordionItem.tsx
+      styles/
+        style.scss
+      index.ts
+    ...
+  styles/              # Global styles
+    tokens.scss        # Design tokens (CSS variables)
+    mixins.scss
+  utils/               # Shared utilities
+    hooks.ts           # React hooks (useStatic)
+    keyboard.ts        # Keyboard navigation
+  app/                 # Next.js documentation site
+    components/        # Component docs pages
+    fundamentals/      # Design system docs
+    getting-started/   # Getting started guides
+
+build/                 # Compiled components (generated)
+public/                # Static assets
+
+package.json           # Dependencies and scripts
+tsconfig.json          # TypeScript configuration
+rollup.config.mjs      # Bundle configuration
+jest.config.js         # Test configuration
+eslint.config.mjs      # Linting configuration
+```
+
+## Contributing
+
+Contributions are welcome! Please read our [Contributing Guidelines](CONTRIBUTING.md) first.
+
+### Code Standards
+
+- **Valid, semantic, and accessible** HTML
+- **TypeScript** for component logic
+- **SCSS** for styles using BEM methodology
+- **PropTypes** for React components (for runtime validation in addition to TypeScript)
+- **Unit and integration tests** for components
+
+### Component Guidelines
+
+Each component should include:
 
-You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
+- ✅ Folder structure following ODS conventions
+- ✅ React wrapper component (`.tsx`)
+- ✅ Vanilla JavaScript class (`.static.ts`) if interactive
+- ✅ SCSS styles in `styles/` directory
+- ✅ TypeScript interfaces for props
+- ✅ Unit tests
+- ✅ MDX documentation page
+- ✅ Accessibility attributes (ARIA)
 
-This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
+See [CONTRIBUTING.md](CONTRIBUTING.md) for detailed guidelines.
 
-## Learn More
+## Support
 
-To learn more about Next.js, take a look at the following resources:
+### Resources
 
-- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
-- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+- **Documentation**: [https://ods2.vercel.app](https://ods2.vercel.app)
+- **GitHub**: [github.com/orangesk/design-system](https://github.com/orangesk/design-system)
+- **NPM Package**: [@orangesk/orange-design-system](https://www.npmjs.com/package/@orangesk/orange-design-system)
 
-You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
+### Getting Help
 
-## Deploy on Vercel
+- 📖 Check the [documentation](https://ods2.vercel.app)
 
-The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+## Changelog
 
-Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.
+See [CHANGELOG.mdx](CHANGELOG.mdx) for detailed release notes, migration guides, and V1-to-V2 migration checklist.

package/build/components/Accordion/style.css

@@ -0,0 +1,2 @@
+@layer components{.accordion{list-style:none;list-style-type:none!important;margin:0;max-width:none;padding:0}.accordion>li{margin-bottom:0}.accordion>li:before{content:" ";height:0;position:absolute;width:0}.accordion{margin-bottom:1.875rem;padding-left:0}.accordion__item{border-bottom:1px solid var(--color-border-strong);display:flex;flex-direction:column;justify-content:center}.accordion__item:first-child{border-top:1px solid var(--color-border-strong)}.accordion__item:last-child{border-bottom:0}.accordion__item ul{list-style-type:square}.accordion__item ul ul{list-style-type:disc}.accordion__item ul ul ul{list-style-type:circle}.accordion--enclosed .accordion__item{padding-left:1.25rem;padding-right:1.25rem}.accordion--no-top-border .accordion__item:first-child{border-top:none}.accordion__header{font-weight:700;margin-bottom:0;max-width:none;width:100%;z-index:1}.accordion .accordion__header{padding:.9375rem 0}.accordion--large .accordion__header{padding:1.25rem 0}.accordion__button{align-items:center;display:flex;flex-wrap:nowrap;justify-content:space-between;text-align:left;width:100%}.accordion__button:focus-visible,.accordion__button:hover{color:var(--color-text-accent);cursor:pointer}.accordion__button:focus{outline:2px solid var(--color-border-contrast);outline-offset:0!important}.accordion__button:focus-visible{outline:2px solid var(--color-border-contrast);outline-offset:0!important}.accordion__button:focus:not(:focus-visible){outline-color:transparent;outline-width:0}.accordion__title{display:block;flex:1 1 auto;font-size:1.125rem;line-height:1.4375rem;max-width:30em;text-align:left;white-space:normal}.accordion__body{margin-bottom:1.875rem;margin-top:1.25rem}.accordion__body p:last-child{margin-bottom:0}.accordion__icon{display:block;flex:0 0 auto}.accordion__icon.is-active,[aria-expanded=true]>.accordion__icon{transform:rotate(180deg)}}
+/*# sourceMappingURL=style.css.map */

package/build/components/Accordion/style.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,kBACE,WACE,eAAgB,CAChB,8BAAgC,CAEhC,QAAS,CADT,cAAe,CAEf,SACF,CACA,cACE,eAEF,CACA,qBACE,WAAY,CAGZ,QAAS,CAFT,iBAAkB,CAClB,OAEF,CACA,WACE,sBAAuB,CACvB,cACF,CACA,iBAIE,kDAAmD,CAHnD,YAAa,CACb,qBAAsB,CACtB,sBAEF,CACA,6BACE,+CACF,CACA,4BACE,eACF,CACA,oBACE,sBACF,CACA,uBACE,oBACF,CACA,0BACE,sBACF,CACA,sCACE,oBAAqB,CACrB,qBACF,CACA,uDACE,eACF,CACA,mBAKE,eAAgB,CAHhB,eAAgB,CAEhB,cAAe,CADf,UAAW,CAFX,SAKF,CACA,8BACE,kBACF,CACA,qCACE,iBACF,CACA,mBAGE,kBAAmB,CAFnB,YAAa,CACb,gBAAiB,CAEjB,6BAA8B,CAE9B,eAAgB,CADhB,UAEF,CACA,0DACE,8BAA+B,CAC/B,cACF,CACA,yBACE,8CAA+C,CAC/C,0BACF,CACA,iCACE,8CAA+C,CAC/C,0BACF,CACA,6CAEE,yBAA0B,CAD1B,eAEF,CACA,kBAEE,aAAc,CADd,aAAc,CAMd,kBAAmB,CAHnB,qBAAsB,CADtB,cAAe,CAEf,eAAgB,CAChB,kBAEF,CACA,iBAEE,sBAAuB,CADvB,kBAEF,CACA,8BACE,eACF,CACA,iBAEE,aAAc,CADd,aAEF,CACA,iEACE,wBACF,CACF","file":"style.css","sourcesContent":["@layer components {\n  .accordion {\n    list-style: none;\n    list-style-type: none !important;\n    max-width: none;\n    margin: 0;\n    padding: 0;\n  }\n  .accordion > li {\n    margin-bottom: 0;\n    /* Fixes VoiceOver no announcing unordered lists */\n  }\n  .accordion > li::before {\n    content: \" \";\n    position: absolute;\n    width: 0;\n    height: 0;\n  }\n  .accordion {\n    margin-bottom: 1.875rem;\n    padding-left: 0;\n  }\n  .accordion__item {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    border-bottom: 1px solid var(--color-border-strong);\n  }\n  .accordion__item:first-child {\n    border-top: 1px solid var(--color-border-strong);\n  }\n  .accordion__item:last-child {\n    border-bottom: 0px;\n  }\n  .accordion__item ul {\n    list-style-type: square;\n  }\n  .accordion__item ul ul {\n    list-style-type: disc;\n  }\n  .accordion__item ul ul ul {\n    list-style-type: circle;\n  }\n  .accordion--enclosed .accordion__item {\n    padding-left: 1.25rem;\n    padding-right: 1.25rem;\n  }\n  .accordion--no-top-border .accordion__item:first-child {\n    border-top: none;\n  }\n  .accordion__header {\n    z-index: 1;\n    margin-bottom: 0;\n    width: 100%;\n    max-width: none;\n    font-weight: 700;\n  }\n  .accordion .accordion__header {\n    padding: 0.9375rem 0;\n  }\n  .accordion--large .accordion__header {\n    padding: 1.25rem 0;\n  }\n  .accordion__button {\n    display: flex;\n    flex-wrap: nowrap;\n    align-items: center;\n    justify-content: space-between;\n    width: 100%;\n    text-align: left;\n  }\n  .accordion__button:hover, .accordion__button:focus-visible {\n    color: var(--color-text-accent);\n    cursor: pointer;\n  }\n  .accordion__button:focus {\n    outline: 2px solid var(--color-border-contrast);\n    outline-offset: 0 !important;\n  }\n  .accordion__button:focus-visible {\n    outline: 2px solid var(--color-border-contrast);\n    outline-offset: 0 !important;\n  }\n  .accordion__button:focus:not(:focus-visible) {\n    outline-width: 0;\n    outline-color: transparent;\n  }\n  .accordion__title {\n    flex: 1 1 auto;\n    display: block;\n    max-width: 30em;\n    line-height: 1.4375rem;\n    text-align: left;\n    white-space: normal;\n    font-size: 1.125rem;\n  }\n  .accordion__body {\n    margin-top: 1.25rem;\n    margin-bottom: 1.875rem;\n  }\n  .accordion__body p:last-child {\n    margin-bottom: 0;\n  }\n  .accordion__icon {\n    flex: 0 0 auto;\n    display: block;\n  }\n  [aria-expanded=true] > .accordion__icon, .accordion__icon.is-active {\n    transform: rotate(180deg);\n  }\n}"]}

package/build/components/Alert/style.css

@@ -0,0 +1,2 @@
+@layer components{.alert{background:var(--color-fill-information);background-color:var(--color-fill-information);border:1px solid var(--color-border-information);border-color:var(--color-border-information);border-radius:.3125rem;display:flex;margin-bottom:1.875rem;max-width:36.875rem;padding:1.25rem}.alert--success{background-color:var(--color-fill-positive);border-color:var(--color-border-positive)}.alert--info{background-color:var(--color-fill-information);border-color:var(--color-border-information)}.alert--warning{background-color:var(--color-fill-warning);border-color:var(--color-border-warning)}.alert--danger{background-color:var(--color-fill-negative);border-color:var(--color-border-negative)}.alert__icon{line-height:1;margin-right:.625rem}.alert__content{flex-grow:1;flex-shrink:1;margin-top:.125rem}.alert__content p{font-size:.875rem;font-weight:400;letter-spacing:0;line-height:.875rem}.alert__content>:last-child{margin-bottom:.3125rem!important}.alert__title{font-size:1.125rem!important;font-weight:700!important;line-height:1.1111111111!important;margin-bottom:.625rem!important}.alert__title+.btn,.alert__title+.buttons{margin-top:.625rem}.alert--full-width{max-width:100%}}
+/*# sourceMappingURL=style.css.map */

package/build/components/Alert/style.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,kBACE,OAKE,wCAAyC,CAIzC,8CAA+C,CAH/C,gDAAiD,CAEjD,4CAA6C,CAD7C,sBAAwB,CANxB,YAAa,CAEb,sBAAuB,CADvB,mBAAoB,CAEpB,eAMF,CACA,gBAEE,2CAA4C,CAD5C,yCAEF,CACA,aAEE,8CAA+C,CAD/C,4CAEF,CACA,gBAEE,0CAA2C,CAD3C,wCAEF,CACA,eAEE,2CAA4C,CAD5C,yCAEF,CACA,aAEE,aAAc,CADd,oBAEF,CACA,gBAEE,WAAY,CADZ,aAAc,CAEd,kBACF,CACA,kBACE,iBAAmB,CAEnB,eAAgB,CAChB,gBAAoB,CAFpB,mBAGF,CACA,4BACE,gCACF,CACA,cACE,4BAA8B,CAG9B,yBAA2B,CAF3B,kCAAoC,CACpC,+BAEF,CACA,0CACE,kBACF,CACA,mBACE,cACF,CACF","file":"style.css","sourcesContent":["@layer components {\n  .alert {\n    display: flex;\n    max-width: 36.875rem;\n    margin-bottom: 1.875rem;\n    padding: 1.25rem;\n    background: var(--color-fill-information);\n    border: 1px solid var(--color-border-information);\n    border-radius: 0.3125rem;\n    border-color: var(--color-border-information);\n    background-color: var(--color-fill-information);\n  }\n  .alert--success {\n    border-color: var(--color-border-positive);\n    background-color: var(--color-fill-positive);\n  }\n  .alert--info {\n    border-color: var(--color-border-information);\n    background-color: var(--color-fill-information);\n  }\n  .alert--warning {\n    border-color: var(--color-border-warning);\n    background-color: var(--color-fill-warning);\n  }\n  .alert--danger {\n    border-color: var(--color-border-negative);\n    background-color: var(--color-fill-negative);\n  }\n  .alert__icon {\n    margin-right: 0.625rem;\n    line-height: 1;\n  }\n  .alert__content {\n    flex-shrink: 1;\n    flex-grow: 1;\n    margin-top: 0.125rem;\n  }\n  .alert__content p {\n    font-size: 0.875rem;\n    line-height: 0.875rem;\n    font-weight: 400;\n    letter-spacing: 0rem;\n  }\n  .alert__content > :last-child {\n    margin-bottom: 0.3125rem !important;\n  }\n  .alert__title {\n    font-size: 1.125rem !important;\n    line-height: 1.1111111111 !important;\n    margin-bottom: 0.625rem !important;\n    font-weight: 700 !important;\n  }\n  .alert__title + .buttons, .alert__title + .btn {\n    margin-top: 0.625rem;\n  }\n  .alert--full-width {\n    max-width: 100%;\n  }\n}"]}

package/build/components/AnchorNavigation/style.css

@@ -1,2 +1,2 @@
-:export{orange:#f16e00;orange-dark:#f16e00;black:#000;white:#fff;blue:#4bb4e6;green:#50be87;pink:#ffb4e6;violet:#a885d8;yellow:#ffd200;gray-300:#eee;gray-400:#ddd;gray-500:#ddd;gray-600:#999;gray-700:#666;gray-800:#595959;gray-900:#333;success:rgba(34,135,34,.078);danger:rgba(205,60,20,.078);info:rgba(65,112,216,.078);warning:rgba(255,204,0,.078)}
+@layer components{.anchor-navigation{background-color:var(--color-background-primary)!important;border-bottom:1px solid var(--color-border-strong);position:sticky;top:0;z-index:10}.anchor-navigation .horizontal-scroll::-webkit-scrollbar{background:transparent!important;display:none!important;height:0!important;width:0!important}.anchor-navigation .horizontal-scroll{-ms-overflow-style:none!important;scrollbar-width:none!important}.anchor-navigation__item{cursor:pointer;display:inline-block;font-weight:700!important;margin-bottom:0!important;margin-right:1.875rem!important;padding:1.5625rem 0!important;text-decoration:none!important;white-space:nowrap}.anchor-navigation__item:last-child{margin-right:0}@media screen and (max-width:991.98px){.anchor-navigation__item{margin-right:1.25rem!important;padding:.625rem 0!important}}.anchor-navigation__item.is-active,.anchor-navigation__item:active,.anchor-navigation__item:focus-visible,.anchor-navigation__item:hover{box-shadow:0 -4px 0 var(--color-border-accent) inset;color:inherit;outline:none;text-decoration:none!important}.anchor-navigation__content{align-items:center;display:flex;justify-content:space-between;position:relative}@media screen and (max-width:991.98px){.anchor-navigation__content{flex-direction:column;overflow:hidden}}.anchor-navigation__content-left{display:flex}@media screen and (max-width:991.98px){.anchor-navigation__content-left{width:100%}}.anchor-navigation__content-right{align-items:center;display:flex;flex-shrink:0;gap:1.25rem;padding:0 0 0 1.5625rem;position:relative;z-index:1}.anchor-navigation__content-right:before{background:conic-gradient(from 90deg at 15% -20%,var(--color-background-primary) 2%,var(--color-background-primary) 80%);border-radius:inherit;content:"";filter:blur(10px);inset:-10px 0 0 -30px;position:absolute;transform:translate3d(10px,8px,-1px);width:100px;z-index:-1}@media screen and (max-width:991.98px){.anchor-navigation__content-right:before{display:none}.anchor-navigation__content-right{justify-content:space-between;padding:.625rem 0;width:100%}}}
 /*# sourceMappingURL=style.css.map */

package/build/components/AnchorNavigation/style.css.map

@@ -1 +1 @@
-{"version":3,"sources":["color.scss"],"names":[],"mappings":"AAAA,QACE,cAAe,CACf,mBAAoB,CACpB,UAAc,CACd,UAAc,CACd,YAAa,CACb,aAAc,CACd,YAAa,CACb,cAAe,CACf,cAAe,CACf,aAAiB,CACjB,aAAc,CACd,aAAiB,CACjB,aAAc,CACd,aAAc,CACd,gBAAiB,CACjB,aAAc,CACd,4BAAwC,CACxC,2BAAuC,CACvC,0BAAsC,CACtC,4BACF","file":"style.css","sourcesContent":[":export {\n  orange: #f16e00;\n  orange-dark: #f16e00;\n  black: #000000;\n  white: #ffffff;\n  blue: #4bb4e6;\n  green: #50be87;\n  pink: #ffb4e6;\n  violet: #a885d8;\n  yellow: #ffd200;\n  gray-300: #eeeeee;\n  gray-400: #ddd;\n  gray-500: #dddddd;\n  gray-600: #999;\n  gray-700: #666;\n  gray-800: #595959;\n  gray-900: #333;\n  success: rgba(34, 135, 34, 0.0784313725);\n  danger: rgba(205, 60, 20, 0.0784313725);\n  info: rgba(65, 112, 216, 0.0784313725);\n  warning: rgba(255, 204, 0, 0.0784313725);\n}"]}
+{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,kBACE,mBAIE,0DAA4D,CAC5D,kDAAmD,CAJnD,eAAgB,CAChB,KAAM,CACN,UAGF,CACA,yDAIE,gCAAkC,CAHlC,sBAAwB,CAExB,kBAAoB,CADpB,iBAGF,CACA,sCAEE,iCAAmC,CADnC,8BAEF,CACA,yBAOE,cAAe,CADf,oBAAqB,CAIrB,yBAA2B,CAR3B,yBAA2B,CAD3B,+BAAiC,CAEjC,6BAA+B,CAE/B,8BAAgC,CADhC,kBAOF,CACA,oCACE,cACF,CACA,uCACE,yBACE,8BAAgC,CAChC,2BACF,CACF,CACA,yIACE,oDAAqD,CACrD,aAAc,CAEd,YAAa,CADb,8BAEF,CACA,4BAGE,kBAAmB,CAFnB,YAAa,CACb,6BAA8B,CAE9B,iBACF,CACA,uCACE,4BAEE,qBAAsB,CADtB,eAEF,CACF,CACA,iCACE,YACF,CACA,uCACE,iCACE,UACF,CACF,CACA,kCAEE,kBAAmB,CADnB,YAAa,CAEb,aAAc,CACd,WAAY,CAEZ,uBAAwB,CADxB,iBAAkB,CAElB,SACF,CACA,yCAOE,wHAA2H,CAE3H,qBAAsB,CANtB,UAAW,CAKX,iBAAkB,CAHlB,qBAAsB,CADtB,iBAAkB,CAElB,oCAAuC,CAJvC,WAAY,CADZ,UASF,CACA,uCACE,yCACE,YACF,CACA,kCAGE,6BAA8B,CAF9B,iBAAmB,CACnB,UAEF,CACF,CACF","file":"style.css","sourcesContent":["@layer components {\n  .anchor-navigation {\n    position: sticky;\n    top: 0;\n    z-index: 10;\n    background-color: var(--color-background-primary) !important;\n    border-bottom: 1px solid var(--color-border-strong);\n  }\n  .anchor-navigation .horizontal-scroll::-webkit-scrollbar {\n    display: none !important;\n    width: 0 !important;\n    height: 0 !important;\n    background: transparent !important;\n  }\n  .anchor-navigation .horizontal-scroll {\n    scrollbar-width: none !important;\n    -ms-overflow-style: none !important;\n  }\n  .anchor-navigation__item {\n    margin-right: 1.875rem !important;\n    margin-bottom: 0 !important;\n    padding: 1.5625rem 0 !important;\n    white-space: nowrap;\n    text-decoration: none !important;\n    display: inline-block;\n    cursor: pointer;\n    font-size: !important;\n    line-height: !important;\n    font-weight: 700 !important;\n  }\n  .anchor-navigation__item:last-child {\n    margin-right: 0;\n  }\n  @media screen and (max-width: 991.98px) {\n    .anchor-navigation__item {\n      margin-right: 1.25rem !important;\n      padding: 0.625rem 0 !important;\n    }\n  }\n  .anchor-navigation__item:hover, .anchor-navigation__item:focus-visible, .anchor-navigation__item:active, .anchor-navigation__item.is-active {\n    box-shadow: 0 -4px 0 var(--color-border-accent) inset;\n    color: inherit;\n    text-decoration: none !important;\n    outline: none;\n  }\n  .anchor-navigation__content {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    position: relative;\n  }\n  @media screen and (max-width: 991.98px) {\n    .anchor-navigation__content {\n      overflow: hidden;\n      flex-direction: column;\n    }\n  }\n  .anchor-navigation__content-left {\n    display: flex;\n  }\n  @media screen and (max-width: 991.98px) {\n    .anchor-navigation__content-left {\n      width: 100%;\n    }\n  }\n  .anchor-navigation__content-right {\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n    gap: 1.25rem;\n    position: relative;\n    padding: 0 0 0 1.5625rem;\n    z-index: 1;\n  }\n  .anchor-navigation__content-right:before {\n    z-index: -1;\n    width: 100px;\n    content: \"\";\n    position: absolute;\n    inset: -10px 0 0 -30px;\n    transform: translate3d(10px, 8px, -1px);\n    background: conic-gradient(from 90deg at 15% -20%, var(--color-background-primary) 2%, var(--color-background-primary) 80%);\n    filter: blur(10px);\n    border-radius: inherit;\n  }\n  @media screen and (max-width: 991.98px) {\n    .anchor-navigation__content-right:before {\n      display: none;\n    }\n    .anchor-navigation__content-right {\n      padding: 0.625rem 0;\n      width: 100%;\n      justify-content: space-between;\n    }\n  }\n}"]}

package/build/components/Bar/style.css

@@ -0,0 +1,2 @@
+@layer components{.bar__item{align-items:center;display:block;flex:0 0 auto;min-width:0}.bar__item>:not([class*=mb-]):last-child{margin-bottom:0}.bar__item--shrinkable{flex-shrink:1}.bar__item--fill{flex:1 0 1px}.bar{align-items:center;display:flex;flex-flow:row;flex-wrap:wrap;margin-bottom:1.875rem;padding-left:0}.bar--nowrap{flex-wrap:nowrap}.bar>.bar__item{margin-bottom:0}.bar>.bar__item:last-child{margin-right:0}.bar>.bar__item{margin-right:1.25rem;margin-top:1.25rem}.bar{margin-top:-1.25rem}.bar--space-small>.bar__item{margin-right:.625rem;margin-top:.625rem}.bar--space-small{margin-top:-.625rem}.bar--space-large>.bar__item{margin-right:1.875rem;margin-top:1.875rem}.bar--space-large{margin-top:-1.875rem}.bar--vertical{align-items:stretch;flex-flow:column;height:100%;margin-top:0}.bar--vertical>.bar__item{margin-bottom:1.25rem;margin-right:0;margin-top:0}.bar--vertical.bar--space-small>.bar__item{margin-bottom:.625rem}.bar--vertical.bar--space-large>.bar__item{margin-bottom:1.875rem}.bar__break{flex:1 0 100%}}
+/*# sourceMappingURL=style.css.map */

package/build/components/Bar/style.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAGA,kBACE,WAIE,kBAAmB,CAFnB,aAAc,CADd,aAAc,CAEd,WAEF,CACA,yCACE,eACF,CACA,uBACE,aACF,CACA,iBACE,YACF,CACA,KAKE,kBAAmB,CAJnB,YAAa,CAEb,aAAc,CACd,cAAe,CAFf,sBAAuB,CAIvB,cACF,CACA,aACE,gBACF,CACA,gBACE,eACF,CACA,2BACE,cACF,CACA,gBAEE,oBAAqB,CADrB,kBAEF,CACA,KACE,mBACF,CACA,6BAEE,oBAAsB,CADtB,kBAEF,CACA,kBACE,mBACF,CACA,6BAEE,qBAAsB,CADtB,mBAEF,CACA,kBACE,oBACF,CACA,eAGE,mBAAoB,CADpB,gBAAiB,CADjB,WAAY,CAGZ,YACF,CACA,0BAKE,qBAAsB,CAHtB,cAAe,CADf,YAEF,CAIA,2CACE,qBACF,CACA,2CACE,sBACF,CACA,YACE,aACF,CACF","file":"style.css","sourcesContent":["/**\n * Resets margin-bottom of the last child to zero\n */\n@layer components {\n  .bar__item {\n    flex: 0 0 auto;\n    display: block;\n    min-width: 0;\n    align-items: center;\n  }\n  .bar__item > :not([class*=mb-]):last-child {\n    margin-bottom: 0;\n  }\n  .bar__item--shrinkable {\n    flex-shrink: 1;\n  }\n  .bar__item--fill {\n    flex: 1 0 1px;\n  }\n  .bar {\n    display: flex;\n    margin-bottom: 1.875rem;\n    flex-flow: row;\n    flex-wrap: wrap;\n    align-items: center;\n    padding-left: 0;\n  }\n  .bar--nowrap {\n    flex-wrap: nowrap;\n  }\n  .bar > .bar__item {\n    margin-bottom: 0;\n  }\n  .bar > .bar__item:last-child {\n    margin-right: 0;\n  }\n  .bar > .bar__item {\n    margin-top: 1.25rem;\n    margin-right: 1.25rem;\n  }\n  .bar {\n    margin-top: -1.25rem;\n  }\n  .bar--space-small > .bar__item {\n    margin-top: 0.625rem;\n    margin-right: 0.625rem;\n  }\n  .bar--space-small {\n    margin-top: -0.625rem;\n  }\n  .bar--space-large > .bar__item {\n    margin-top: 1.875rem;\n    margin-right: 1.875rem;\n  }\n  .bar--space-large {\n    margin-top: -1.875rem;\n  }\n  .bar--vertical {\n    height: 100%;\n    flex-flow: column;\n    align-items: stretch;\n    margin-top: 0;\n  }\n  .bar--vertical > .bar__item {\n    margin-top: 0;\n    margin-right: 0;\n  }\n  .bar--vertical > .bar__item {\n    margin-bottom: 1.25rem;\n  }\n  .bar--vertical.bar--space-small > .bar__item {\n    margin-bottom: 0.625rem;\n  }\n  .bar--vertical.bar--space-large > .bar__item {\n    margin-bottom: 1.875rem;\n  }\n  .bar__break {\n    flex: 1 0 100%;\n  }\n}"]}

package/build/components/BlockAction/style.css

@@ -0,0 +1,2 @@
+@layer components{.block-action{position:relative}.block-action__control:before{content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.block-action__override{position:relative;z-index:1}.bg-black .block-action__indicator.is-indicating:not(.block-action__indicator--color-reset),.bg-white .block-action__indicator.is-indicating:not(.block-action__indicator--color-reset),.block-action__indicator.is-indicating:not(.block-action__indicator--color-reset){color:#f15e00}.bg-orange .block-action__indicator.is-indicating:not(.block-action__indicator--color-reset){color:#fff}.bg-orange-dark .block-action__indicator.is-indicating:not(.block-action__indicator--color-reset){color:#000}.block-action--border-on-hover:has(.block-action__control:focus):after,.block-action--border-on-hover:has(.block-action__control:hover):after{border:2px solid var(--color-border-accent)}}
+/*# sourceMappingURL=style.css.map */

package/build/components/BlockAction/style.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,kBACE,cACE,iBACF,CACA,8BACE,UAAW,CAMX,WAAY,CAFZ,MAAO,CAHP,iBAAkB,CAElB,KAAM,CAEN,UAAW,CAHX,SAKF,CACA,wBACE,iBAAkB,CAClB,SACF,CAOA,0QACE,aACF,CACA,6FACE,UACF,CACA,kGACE,UACF,CACA,8IACE,2CACF,CACF","file":"style.css","sourcesContent":["@layer components {\n  .block-action {\n    position: relative;\n  }\n  .block-action__control::before {\n    content: \"\";\n    position: absolute;\n    z-index: 1;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n  }\n  .block-action__override {\n    position: relative;\n    z-index: 1;\n  }\n  .block-action__indicator.is-indicating:not(.block-action__indicator--color-reset) {\n    color: #f15e00;\n  }\n  .bg-white .block-action__indicator.is-indicating:not(.block-action__indicator--color-reset) {\n    color: #f15e00;\n  }\n  .bg-black .block-action__indicator.is-indicating:not(.block-action__indicator--color-reset) {\n    color: #f15e00;\n  }\n  .bg-orange .block-action__indicator.is-indicating:not(.block-action__indicator--color-reset) {\n    color: #ffffff;\n  }\n  .bg-orange-dark .block-action__indicator.is-indicating:not(.block-action__indicator--color-reset) {\n    color: #000000;\n  }\n  .block-action--border-on-hover:has(.block-action__control:hover)::after, .block-action--border-on-hover:has(.block-action__control:focus)::after {\n    border: 2px solid var(--color-border-accent);\n  }\n}"]}

package/build/components/BodyBanner/style.css

@@ -1,2 +1,2 @@
-:export{orange:#f16e00;orange-dark:#f16e00;black:#000;white:#fff;blue:#4bb4e6;green:#50be87;pink:#ffb4e6;violet:#a885d8;yellow:#ffd200;gray-300:#eee;gray-400:#ddd;gray-500:#ddd;gray-600:#999;gray-700:#666;gray-800:#595959;gray-900:#333;success:rgba(34,135,34,.078);danger:rgba(205,60,20,.078);info:rgba(65,112,216,.078);warning:rgba(255,204,0,.078)}
+@layer components{.body-banner{background-color:var(--color-background-primary);border:1px solid var(--color-border-subtle);color:var(--color-text-default);display:flex}.body-banner.grid{margin-left:0!important;margin-right:0!important}.body-banner__content{align-items:center;display:flex;padding:0!important}@media screen and (max-width:767.98px){.body-banner__content{align-items:flex-start;flex-direction:column}}.body-banner__content-inner{display:flex;padding:1.875rem;width:100%}.body-banner__content-inner>div:not(.body-banner__button){flex:1;min-width:0}.body-banner__content-inner>div:not(.body-banner__button)>:last-child{margin-bottom:0}@media screen and (max-width:1239.98px){.body-banner__content-inner{display:flex;flex-direction:column;gap:16px}}@media screen and (max-width:767.98px){.body-banner__content-inner{padding:15px}}.body-banner__image{padding:0!important}.body-banner__image img{height:80px;margin:0 1.875rem!important;object-fit:cover;width:80px}@media screen and (max-width:767.98px){.body-banner__image img{margin:15px!important}}.body-banner__button{align-items:center;display:flex;margin:0!important;padding:0 0 0 3.75rem}@media screen and (max-width:1239.98px){.body-banner__button{margin-top:.625rem!important;padding:0}}.body-banner--large .body-banner__content-inner{display:flex;flex-direction:column;gap:16px;padding:3.75rem}@media screen and (max-width:1239.98px){.body-banner--large .body-banner__content-inner{padding:3.75rem 1.875rem}}@media screen and (max-width:767.98px){.body-banner--large .body-banner__content-inner{padding:1.875rem 10px}}.body-banner--large .body-banner__image img{display:block;height:100%;margin:0!important;object-fit:cover;object-position:center;width:100%}.body-banner--large .body-banner__button{margin-top:.625rem!important;padding:0}}
 /*# sourceMappingURL=style.css.map */

package/build/components/BodyBanner/style.css.map

@@ -1 +1 @@
-{"version":3,"sources":["color.scss"],"names":[],"mappings":"AAAA,QACE,cAAe,CACf,mBAAoB,CACpB,UAAc,CACd,UAAc,CACd,YAAa,CACb,aAAc,CACd,YAAa,CACb,cAAe,CACf,cAAe,CACf,aAAiB,CACjB,aAAc,CACd,aAAiB,CACjB,aAAc,CACd,aAAc,CACd,gBAAiB,CACjB,aAAc,CACd,4BAAwC,CACxC,2BAAuC,CACvC,0BAAsC,CACtC,4BACF","file":"style.css","sourcesContent":[":export {\n  orange: #f16e00;\n  orange-dark: #f16e00;\n  black: #000000;\n  white: #ffffff;\n  blue: #4bb4e6;\n  green: #50be87;\n  pink: #ffb4e6;\n  violet: #a885d8;\n  yellow: #ffd200;\n  gray-300: #eeeeee;\n  gray-400: #ddd;\n  gray-500: #dddddd;\n  gray-600: #999;\n  gray-700: #666;\n  gray-800: #595959;\n  gray-900: #333;\n  success: rgba(34, 135, 34, 0.0784313725);\n  danger: rgba(205, 60, 20, 0.0784313725);\n  info: rgba(65, 112, 216, 0.0784313725);\n  warning: rgba(255, 204, 0, 0.0784313725);\n}"]}
+{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,kBACE,aAGE,gDAAiD,CACjD,2CAA4C,CAF5C,+BAAgC,CADhC,YAIF,CACA,kBACE,uBAAyB,CACzB,wBACF,CACA,sBAGE,kBAAmB,CADnB,YAAa,CADb,mBAGF,CACA,uCACE,sBAEE,sBAAuB,CADvB,qBAEF,CACF,CACA,4BAEE,YAAa,CACb,gBAAiB,CAFjB,UAGF,CACA,0DACE,MAAO,CACP,WACF,CACA,sEACE,eACF,CACA,wCACE,4BACE,YAAa,CACb,qBAAsB,CACtB,QACF,CACF,CACA,uCACE,4BACE,YACF,CACF,CACA,oBACE,mBACF,CACA,wBAEE,WAAY,CAEZ,2BAA6B,CAD7B,gBAAiB,CAFjB,UAIF,CACA,uCACE,wBACE,qBACF,CACF,CACA,qBAEE,kBAAmB,CADnB,YAAa,CAGb,kBAAoB,CADpB,qBAEF,CACA,wCACE,qBAEE,4BAA+B,CAD/B,SAEF,CACF,CACA,gDACE,YAAa,CACb,qBAAsB,CACtB,QAAS,CACT,eACF,CACA,wCACE,gDACE,wBACF,CACF,CACA,uCACE,gDACE,qBACF,CACF,CACA,4CAME,aAAc,CAJd,WAAY,CAGZ,kBAAoB,CAFpB,gBAAiB,CACjB,sBAAuB,CAHvB,UAMF,CACA,yCAEE,4BAA+B,CAD/B,SAEF,CACF","file":"style.css","sourcesContent":["@layer components {\n  .body-banner {\n    display: flex;\n    color: var(--color-text-default);\n    background-color: var(--color-background-primary);\n    border: 1px solid var(--color-border-subtle);\n  }\n  .body-banner.grid {\n    margin-left: 0 !important;\n    margin-right: 0 !important;\n  }\n  .body-banner__content {\n    padding: 0 !important;\n    display: flex;\n    align-items: center;\n  }\n  @media screen and (max-width: 767.98px) {\n    .body-banner__content {\n      flex-direction: column;\n      align-items: flex-start;\n    }\n  }\n  .body-banner__content-inner {\n    width: 100%;\n    display: flex;\n    padding: 1.875rem;\n  }\n  .body-banner__content-inner > div:not(.body-banner__button) {\n    flex: 1;\n    min-width: 0;\n  }\n  .body-banner__content-inner > div:not(.body-banner__button) > *:last-child {\n    margin-bottom: 0;\n  }\n  @media screen and (max-width: 1239.98px) {\n    .body-banner__content-inner {\n      display: flex;\n      flex-direction: column;\n      gap: 16px;\n    }\n  }\n  @media screen and (max-width: 767.98px) {\n    .body-banner__content-inner {\n      padding: 15px;\n    }\n  }\n  .body-banner__image {\n    padding: 0 !important;\n  }\n  .body-banner__image img {\n    width: 80px;\n    height: 80px;\n    object-fit: cover;\n    margin: 0 1.875rem !important;\n  }\n  @media screen and (max-width: 767.98px) {\n    .body-banner__image img {\n      margin: 15px !important;\n    }\n  }\n  .body-banner__button {\n    display: flex;\n    align-items: center;\n    padding: 0 0 0 3.75rem;\n    margin: 0 !important;\n  }\n  @media screen and (max-width: 1239.98px) {\n    .body-banner__button {\n      padding: 0;\n      margin-top: 0.625rem !important;\n    }\n  }\n  .body-banner--large .body-banner__content-inner {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    padding: 3.75rem;\n  }\n  @media screen and (max-width: 1239.98px) {\n    .body-banner--large .body-banner__content-inner {\n      padding: 3.75rem 1.875rem;\n    }\n  }\n  @media screen and (max-width: 767.98px) {\n    .body-banner--large .body-banner__content-inner {\n      padding: 1.875rem 10px;\n    }\n  }\n  .body-banner--large .body-banner__image img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n    margin: 0 !important;\n    display: block;\n  }\n  .body-banner--large .body-banner__button {\n    padding: 0;\n    margin-top: 0.625rem !important;\n  }\n}"]}

package/build/components/Breadcrumbs/style.css

@@ -0,0 +1,2 @@
+@layer components{.osk-breadcrumbs{list-style:none;list-style-type:none!important;margin:0;max-width:none;padding:0}.osk-breadcrumbs>li{margin-bottom:0}.osk-breadcrumbs>li:before{content:" ";height:0;position:absolute;width:0}.osk-breadcrumbs{background-color:var(--color-surface-primary);font-family:"'OrangeSK Neue'",Helvetica Neue,helvetica,arial,sans-serif;font-size:16px;font-weight:700;line-height:1.25;padding:.625rem 0}.osk-breadcrumbs__container{margin-left:auto;margin-right:auto;max-width:none;padding-left:.625rem;padding-right:.625rem;width:100%}@media screen and (min-width:768px){.osk-breadcrumbs__container{max-width:744px}}@media screen and (min-width:992px){.osk-breadcrumbs__container{max-width:960px}}@media screen and (min-width:1240px){.osk-breadcrumbs__container{max-width:1200px}}@media screen and (min-width:1380px){.osk-breadcrumbs__container{max-width:1320px}}.osk-breadcrumbs__container>:last-child{margin-bottom:0}.osk-breadcrumbs__container{margin-bottom:0;margin-top:0}.osk-breadcrumbs__item{color:var(--color-text-secondary);display:inline-block;margin-bottom:0}.osk-breadcrumbs__item:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='10'%3E%3Cpath d='m0 1 1-1 5 5-5 5-1-1 4-4z' fill-rule='evenodd'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:.375rem .625rem;content:"";display:inline-block;font-family:inherit;height:.6875rem;width:1.25rem}@media screen and (min-width:480px){.osk-breadcrumbs__item:first-child:before{display:none}}@media screen and (max-width:479.98px){.osk-breadcrumbs__item:nth-last-child(2):before{transform:rotate(180deg)}.osk-breadcrumbs__item:not(:nth-last-child(2)){display:none}}.bg-black .osk-breadcrumbs__item:before,.is-dark .osk-breadcrumbs__item:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='10'%3E%3Cpath d='m0 1 1-1 5 5-5 5-1-1 4-4z' fill-rule='evenodd' fill='%23fff'/%3E%3C/svg%3E")}.osk-breadcrumbs__link{color:var(--color-text-default);display:inline-block;text-decoration:none}.osk-breadcrumbs__link:hover{color:var(--color-text-default);text-decoration:underline}.osk-breadcrumbs__link[aria-current=page]{color:var(--color-text-secondary)}}
+/*# sourceMappingURL=style.css.map */

package/build/components/Breadcrumbs/style.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,kBACE,iBACE,eAAgB,CAChB,8BAAgC,CAEhC,QAAS,CADT,cAAe,CAEf,SACF,CACA,oBACE,eAEF,CACA,2BACE,WAAY,CAGZ,QAAS,CAFT,iBAAkB,CAClB,OAEF,CACA,iBAEE,6CAA8C,CAE9C,uEAA8E,CAC9E,cAAe,CAFf,eAAiB,CAGjB,gBAAiB,CALjB,iBAMF,CACA,4BAGE,gBAAiB,CACjB,iBAAkB,CAFlB,cAAe,CAGf,oBAAsB,CACtB,qBAAuB,CALvB,UAMF,CACA,oCACE,4BACE,eACF,CACF,CACA,oCACE,4BACE,eACF,CACF,CACA,qCACE,4BACE,gBACF,CACF,CACA,qCACE,4BACE,gBACF,CACF,CACA,wCACE,eACF,CACA,4BAEE,eAAgB,CADhB,YAEF,CACA,uBAEE,iCAAkC,CADlC,oBAAqB,CAErB,eACF,CACA,8BAME,kMAAwL,CACxL,uBAAkC,CAClC,2BAA4B,CAC5B,+BAAkC,CARlC,UAAW,CACX,oBAAqB,CACrB,mBAAoB,CAEpB,eAAiB,CADjB,aAMF,CACA,oCACE,0CACE,YACF,CACF,CACA,uCACE,gDACE,wBACF,CAGA,+CACE,YACF,CAJF,CAMA,+EACE,gNACF,CACA,uBACE,+BAAgC,CAEhC,oBAAqB,CADrB,oBAEF,CACA,6BACE,+BAAgC,CAChC,yBACF,CACA,0CACE,iCACF,CACF","file":"style.css","sourcesContent":["@layer components {\n  .osk-breadcrumbs {\n    list-style: none;\n    list-style-type: none !important;\n    max-width: none;\n    margin: 0;\n    padding: 0;\n  }\n  .osk-breadcrumbs > li {\n    margin-bottom: 0;\n    /* Fixes VoiceOver no announcing unordered lists */\n  }\n  .osk-breadcrumbs > li::before {\n    content: \" \";\n    position: absolute;\n    width: 0;\n    height: 0;\n  }\n  .osk-breadcrumbs {\n    padding: 0.625rem 0;\n    background-color: var(--color-surface-primary);\n    font-weight: bold;\n    font-family: \"'OrangeSK Neue'\", \"Helvetica Neue\", helvetica, arial, sans-serif;\n    font-size: 16px;\n    line-height: 1.25;\n  }\n  .osk-breadcrumbs__container {\n    width: 100%;\n    max-width: none;\n    margin-left: auto;\n    margin-right: auto;\n    padding-left: 0.625rem;\n    padding-right: 0.625rem;\n  }\n  @media screen and (min-width: 768px) {\n    .osk-breadcrumbs__container {\n      max-width: 744px;\n    }\n  }\n  @media screen and (min-width: 992px) {\n    .osk-breadcrumbs__container {\n      max-width: 960px;\n    }\n  }\n  @media screen and (min-width: 1240px) {\n    .osk-breadcrumbs__container {\n      max-width: 1200px;\n    }\n  }\n  @media screen and (min-width: 1380px) {\n    .osk-breadcrumbs__container {\n      max-width: 1320px;\n    }\n  }\n  .osk-breadcrumbs__container > *:last-child {\n    margin-bottom: 0;\n  }\n  .osk-breadcrumbs__container {\n    margin-top: 0;\n    margin-bottom: 0;\n  }\n  .osk-breadcrumbs__item {\n    display: inline-block;\n    color: var(--color-text-secondary);\n    margin-bottom: 0;\n  }\n  .osk-breadcrumbs__item::before {\n    content: \"\";\n    display: inline-block;\n    font-family: inherit;\n    width: 1.25rem;\n    height: 0.6875rem;\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='10'%3E%3Cpath d='M0 1l1-1 5 5-5 5-1-1 4-4z' fill-rule='evenodd'/%3E%3C/svg%3E%0A\");\n    background-position: center center;\n    background-repeat: no-repeat;\n    background-size: 0.375rem 0.625rem;\n  }\n  @media screen and (min-width: 480px) {\n    .osk-breadcrumbs__item:first-child::before {\n      display: none;\n    }\n  }\n  @media screen and (max-width: 479.98px) {\n    .osk-breadcrumbs__item:nth-last-child(2)::before {\n      transform: rotate(180deg);\n    }\n  }\n  @media screen and (max-width: 479.98px) {\n    .osk-breadcrumbs__item:not(:nth-last-child(2)) {\n      display: none;\n    }\n  }\n  .bg-black .osk-breadcrumbs__item::before, .is-dark .osk-breadcrumbs__item::before {\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='10' %3E%3Cpath d='M0 1l1-1 5 5-5 5-1-1 4-4z' fill-rule='evenodd' fill='%23fff' /%3E%3C/svg%3E%0A\");\n  }\n  .osk-breadcrumbs__link {\n    color: var(--color-text-default);\n    text-decoration: none;\n    display: inline-block;\n  }\n  .osk-breadcrumbs__link:hover {\n    color: var(--color-text-default);\n    text-decoration: underline;\n  }\n  .osk-breadcrumbs__link[aria-current=page] {\n    color: var(--color-text-secondary);\n  }\n}"]}

package/build/components/Button/style.css

@@ -0,0 +1,2 @@
+@layer components{.btn{align-items:center;border:2px solid transparent;border-radius:.3125rem;cursor:pointer;display:inline-flex;font-size:1.125rem;font-weight:700;justify-content:center;text-align:center;text-decoration:none;vertical-align:baseline}.btn.is-active,.btn:active{transition-property:none}.btn{margin-bottom:1.875rem}.btn:not(:last-of-type){margin-right:.625rem}.btn{min-height:2.5rem;padding:.375rem .9375rem}.btn--small{min-height:1.875rem;padding:.125rem .625rem}.btn--large{min-height:3.125rem;padding:.125rem 1.25rem}.btn{background-color:transparent;border-color:var(--color-border-contrast);color:var(--color-text-default)}@media (hover:hover){.btn:hover{background-color:var(--color-fill-contrast);border-color:transparent;color:var(--color-text-inverse);z-index:2}}.btn:focus-visible{outline:2px solid var(--color-border-contrast);outline-offset:2px;z-index:2}.btn.is-active,.btn:active{background-color:var(--color-fill-tertiary);border-color:transparent;color:#fff;z-index:2}.btn[aria-disabled=true],.btn[disabled]{background-color:transparent;border-color:var(--color-fill-disabled);color:var(--color-text-disabled);cursor:not-allowed}.btn--primary{background-color:var(--color-fill-tertiary);border-color:transparent;color:#fff}@media (hover:hover){.btn--primary:hover{background-color:var(--color-fill-contrast);border-color:transparent;color:var(--color-text-inverse);z-index:2}}.btn--primary:focus-visible{outline:2px solid var(--color-border-contrast);outline-offset:2px;z-index:2}.btn--primary.is-active,.btn--primary:active{background-color:transparent;border-color:var(--color-border-contrast);color:var(--color-fill-contrast);z-index:2}.btn--primary[aria-disabled=true],.btn--primary[disabled]{background-color:var(--color-fill-disabled);border-color:var(--color-fill-disabled);color:#fff;cursor:not-allowed}.btn--fill{background-color:var(--color-fill-contrast);border-color:transparent;color:var(--color-text-inverse)}@media (hover:hover){.btn--fill:hover{background-color:transparent;border-color:var(--color-border-contrast);color:var(--color-text-default);z-index:2}}.btn--fill:focus-visible{outline:2px solid var(--color-border-contrast);outline-offset:2px;z-index:2}.btn--fill.is-active,.btn--fill:active{background-color:var(--color-fill-tertiary);border-color:transparent;color:#fff;z-index:2}.btn--fill[aria-disabled=true],.btn--fill[disabled]{background-color:var(--color-fill-disabled);border-color:var(--color-fill-disabled);color:var(--color-text-inverse);cursor:not-allowed}.btn--ghost{background-color:transparent;border-color:transparent;color:var(--color-text-default)}@media (hover:hover){.btn--ghost:hover{background-color:transparent;border-color:var(--color-border-contrast);color:var(--color-text-default);z-index:2}}.btn--ghost:focus-visible{outline:2px solid var(--color-border-contrast);outline-offset:2px;z-index:2}.btn--ghost.is-active,.btn--ghost:active{background-color:transparent;border-color:var(--color-border-contrast);color:var(--color-fill-tertiary);z-index:2}.btn--ghost[aria-disabled=true],.btn--ghost[disabled]{background-color:transparent;border-color:transparent;color:var(--color-text-disabled);cursor:not-allowed}.btn--square{align-items:center;display:inline-flex;flex:0 0 auto;flex-flow:row;justify-content:center;line-height:0;padding:0}.btn--square.btn{height:2.5rem;width:2.5rem}.btn--square.btn--small{height:1.875rem;width:1.875rem}.btn--square.btn--large{height:3.125rem;width:3.125rem}.btn__icon-left{backface-visibility:hidden;margin-left:-.25em;margin-right:.5em}.btn__icon-right{backface-visibility:hidden;margin-left:.5em;margin-right:-.25em}.btn--large .icon--large{margin-bottom:-.1875rem;margin-top:-.1875rem}.btn--preserve-width{min-width:auto!important;width:auto!important}}
+/*# sourceMappingURL=style.css.map */

package/build/components/Button/style.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,kBACE,KAME,kBAAmB,CALnB,4BAA6B,CAG7B,sBAAwB,CAOxB,cAAe,CANf,mBAAoB,CAHpB,kBAAmB,CACnB,eAAiB,CAIjB,sBAAuB,CACvB,iBAAkB,CAClB,oBAAqB,CACrB,uBAEF,CAKA,2BACE,wBAEF,CAIA,KACE,sBACF,CACA,wBACE,oBACF,CACA,KACE,iBAAkB,CAClB,wBACF,CACA,YACE,mBAAoB,CACpB,uBACF,CACA,YACE,mBAAoB,CACpB,uBACF,CACA,KAEE,4BAA6B,CAC7B,yCAA0C,CAF1C,+BAGF,CACA,qBACE,WAEE,2CAA4C,CAC5C,wBAAyB,CAFzB,+BAAgC,CAGhC,SACF,CACF,CACA,mBACE,8CAA+C,CAC/C,kBAAmB,CACnB,SACF,CACA,2BAEE,2CAA4C,CAC5C,wBAAyB,CAFzB,UAAc,CAGd,SACF,CACA,wCAEE,4BAA6B,CAC7B,uCAAwC,CAFxC,gCAAiC,CAGjC,kBACF,CACA,cAEE,2CAA4C,CAC5C,wBAAyB,CAFzB,UAGF,CACA,qBACE,oBAEE,2CAA4C,CAC5C,wBAAyB,CAFzB,+BAAgC,CAGhC,SACF,CACF,CACA,4BACE,8CAA+C,CAC/C,kBAAmB,CACnB,SACF,CACA,6CAEE,4BAA6B,CAC7B,yCAA0C,CAF1C,gCAAiC,CAGjC,SACF,CACA,0DAEE,2CAA4C,CAC5C,uCAAwC,CAFxC,UAAc,CAGd,kBACF,CACA,WAEE,2CAA4C,CAC5C,wBAAyB,CAFzB,+BAGF,CACA,qBACE,iBAEE,4BAA6B,CAC7B,yCAA0C,CAF1C,+BAAgC,CAGhC,SACF,CACF,CACA,yBACE,8CAA+C,CAC/C,kBAAmB,CACnB,SACF,CACA,uCAEE,2CAA4C,CAC5C,wBAAyB,CAFzB,UAAc,CAGd,SACF,CACA,oDAEE,2CAA4C,CAC5C,uCAAwC,CAFxC,+BAAgC,CAGhC,kBACF,CACA,YAEE,4BAA6B,CAC7B,wBAAyB,CAFzB,+BAGF,CACA,qBACE,kBAEE,4BAA6B,CAC7B,yCAA0C,CAF1C,+BAAgC,CAGhC,SACF,CACF,CACA,0BACE,8CAA+C,CAC/C,kBAAmB,CACnB,SACF,CACA,yCAEE,4BAA6B,CAC7B,yCAA0C,CAF1C,gCAAiC,CAGjC,SACF,CACA,sDAEE,4BAA6B,CAC7B,wBAAyB,CAFzB,gCAAiC,CAGjC,kBACF,CACA,aAKE,kBAAmB,CAJnB,mBAAoB,CACpB,aAAc,CACd,aAAc,CACd,sBAAuB,CAGvB,aAAc,CADd,SAEF,CACA,iBAEE,aAAc,CADd,YAEF,CACA,wBAEE,eAAgB,CADhB,cAEF,CACA,wBAEE,eAAgB,CADhB,cAEF,CACA,gBACE,0BAA2B,CAC3B,kBAAoB,CACpB,iBACF,CACA,iBACE,0BAA2B,CAC3B,gBAAkB,CAClB,mBACF,CACA,yBAEE,uBAAyB,CADzB,oBAEF,CACA,qBAEE,wBAA6B,CAD7B,oBAEF,CACF","file":"style.css","sourcesContent":["@layer components {\n  .btn {\n    border: 2px solid transparent;\n    font-size: 1.125rem;\n    font-weight: bold;\n    border-radius: 0.3125rem;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    text-decoration: none;\n    vertical-align: baseline;\n    cursor: pointer;\n  }\n  .btn:focus-visible {\n    outline: 2px solid var(--color-border-contrast);\n    outline-offset: 2px;\n  }\n  .btn:active, .btn.is-active {\n    transition-property: none;\n    z-index: 2;\n  }\n  .btn[aria-disabled=true], .btn[disabled] {\n    cursor: not-allowed;\n  }\n  .btn {\n    margin-bottom: 1.875rem;\n  }\n  .btn:not(:last-of-type) {\n    margin-right: 0.625rem;\n  }\n  .btn {\n    min-height: 2.5rem;\n    padding: 0.375rem 0.9375rem;\n  }\n  .btn--small {\n    min-height: 1.875rem;\n    padding: 0.125rem 0.625rem;\n  }\n  .btn--large {\n    min-height: 3.125rem;\n    padding: 0.125rem 1.25rem;\n  }\n  .btn {\n    color: var(--color-text-default);\n    background-color: transparent;\n    border-color: var(--color-border-contrast);\n  }\n  @media (hover: hover) {\n    .btn:hover {\n      color: var(--color-text-inverse);\n      background-color: var(--color-fill-contrast);\n      border-color: transparent;\n      z-index: 2;\n    }\n  }\n  .btn:focus-visible {\n    outline: 2px solid var(--color-border-contrast);\n    outline-offset: 2px;\n    z-index: 2;\n  }\n  .btn:active, .btn.is-active {\n    color: #ffffff;\n    background-color: var(--color-fill-tertiary);\n    border-color: transparent;\n    z-index: 2;\n  }\n  .btn[aria-disabled=true], .btn[disabled] {\n    color: var(--color-text-disabled);\n    background-color: transparent;\n    border-color: var(--color-fill-disabled);\n    cursor: not-allowed;\n  }\n  .btn--primary {\n    color: #ffffff;\n    background-color: var(--color-fill-tertiary);\n    border-color: transparent;\n  }\n  @media (hover: hover) {\n    .btn--primary:hover {\n      color: var(--color-text-inverse);\n      background-color: var(--color-fill-contrast);\n      border-color: transparent;\n      z-index: 2;\n    }\n  }\n  .btn--primary:focus-visible {\n    outline: 2px solid var(--color-border-contrast);\n    outline-offset: 2px;\n    z-index: 2;\n  }\n  .btn--primary:active, .btn--primary.is-active {\n    color: var(--color-fill-contrast);\n    background-color: transparent;\n    border-color: var(--color-border-contrast);\n    z-index: 2;\n  }\n  .btn--primary[aria-disabled=true], .btn--primary[disabled] {\n    color: #ffffff;\n    background-color: var(--color-fill-disabled);\n    border-color: var(--color-fill-disabled);\n    cursor: not-allowed;\n  }\n  .btn--fill {\n    color: var(--color-text-inverse);\n    background-color: var(--color-fill-contrast);\n    border-color: transparent;\n  }\n  @media (hover: hover) {\n    .btn--fill:hover {\n      color: var(--color-text-default);\n      background-color: transparent;\n      border-color: var(--color-border-contrast);\n      z-index: 2;\n    }\n  }\n  .btn--fill:focus-visible {\n    outline: 2px solid var(--color-border-contrast);\n    outline-offset: 2px;\n    z-index: 2;\n  }\n  .btn--fill:active, .btn--fill.is-active {\n    color: #ffffff;\n    background-color: var(--color-fill-tertiary);\n    border-color: transparent;\n    z-index: 2;\n  }\n  .btn--fill[aria-disabled=true], .btn--fill[disabled] {\n    color: var(--color-text-inverse);\n    background-color: var(--color-fill-disabled);\n    border-color: var(--color-fill-disabled);\n    cursor: not-allowed;\n  }\n  .btn--ghost {\n    color: var(--color-text-default);\n    background-color: transparent;\n    border-color: transparent;\n  }\n  @media (hover: hover) {\n    .btn--ghost:hover {\n      color: var(--color-text-default);\n      background-color: transparent;\n      border-color: var(--color-border-contrast);\n      z-index: 2;\n    }\n  }\n  .btn--ghost:focus-visible {\n    outline: 2px solid var(--color-border-contrast);\n    outline-offset: 2px;\n    z-index: 2;\n  }\n  .btn--ghost:active, .btn--ghost.is-active {\n    color: var(--color-fill-tertiary);\n    background-color: transparent;\n    border-color: var(--color-border-contrast);\n    z-index: 2;\n  }\n  .btn--ghost[aria-disabled=true], .btn--ghost[disabled] {\n    color: var(--color-text-disabled);\n    background-color: transparent;\n    border-color: transparent;\n    cursor: not-allowed;\n  }\n  .btn--square {\n    display: inline-flex;\n    flex: 0 0 auto;\n    flex-flow: row;\n    justify-content: center;\n    align-items: center;\n    padding: 0;\n    line-height: 0;\n  }\n  .btn--square.btn {\n    width: 2.5rem;\n    height: 2.5rem;\n  }\n  .btn--square.btn--small {\n    width: 1.875rem;\n    height: 1.875rem;\n  }\n  .btn--square.btn--large {\n    width: 3.125rem;\n    height: 3.125rem;\n  }\n  .btn__icon-left {\n    backface-visibility: hidden;\n    margin-left: -0.25em;\n    margin-right: 0.5em;\n  }\n  .btn__icon-right {\n    backface-visibility: hidden;\n    margin-left: 0.5em;\n    margin-right: -0.25em;\n  }\n  .btn--large .icon--large {\n    margin-top: -0.1875rem;\n    margin-bottom: -0.1875rem;\n  }\n  .btn--preserve-width {\n    width: initial !important;\n    min-width: initial !important;\n  }\n}"]}

package/build/components/Buttons/style.css

@@ -0,0 +1,2 @@
+@layer components{.buttons{display:flex;flex-flow:row wrap;margin:-.625rem -.625rem 1.875rem 0;max-width:calc(100% - .625rem)}.buttons .btn,.buttons .btn:last-child,.buttons .link,.buttons .link:last-child,.buttons button.link,.buttons button.link:last-child{margin:.625rem .625rem 0 0}@media screen and (max-width:479.98px){.buttons--stack-on-xs{flex-flow:column;margin:0 0 .625rem;max-width:100%}.buttons--stack-on-xs .btn:last-child,.buttons--stack-on-xs .btn:not(:last-child),.buttons--stack-on-xs button.link:last-child,.buttons--stack-on-xs button.link:not(:last-child){margin-bottom:0;margin-right:0}}}
+/*# sourceMappingURL=style.css.map */

package/build/components/Buttons/style.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,kBACE,SACE,YAAa,CACb,kBAAmB,CAEnB,mCAAsC,CADtC,8BAEF,CACA,qIAME,0BACF,CACA,uCACE,sBACE,gBAAiB,CAEjB,kBAAsB,CADtB,cAEF,CACA,kLAKE,eAAgB,CADhB,cAEF,CACF,CACF","file":"style.css","sourcesContent":["@layer components {\n  .buttons {\n    display: flex;\n    flex-flow: row wrap;\n    max-width: calc(100% - 0.625rem);\n    margin: -0.625rem -0.625rem 1.875rem 0;\n  }\n  .buttons .btn,\n  .buttons .btn:last-child,\n  .buttons .link,\n  .buttons .link:last-child,\n  .buttons button.link,\n  .buttons button.link:last-child {\n    margin: 0.625rem 0.625rem 0 0;\n  }\n  @media screen and (max-width: 479.98px) {\n    .buttons--stack-on-xs {\n      flex-flow: column;\n      max-width: 100%;\n      margin: 0 0 0.625rem 0;\n    }\n    .buttons--stack-on-xs .btn:not(:last-child),\n    .buttons--stack-on-xs .btn:last-child,\n    .buttons--stack-on-xs button.link:not(:last-child),\n    .buttons--stack-on-xs button.link:last-child {\n      margin-right: 0;\n      margin-bottom: 0;\n    }\n  }\n}"]}

package/build/components/Card/style.css

@@ -0,0 +1,2 @@
+@layer components{.card{display:flex;flex-direction:column;position:relative}.card>:not([class*=mb-]){flex-shrink:0;margin-bottom:0}.card .divider{padding:0}.card{background-color:var(--color-surface-primary);border:1px solid var(--color-border-strong);border-radius:.625rem;margin-bottom:1.875rem;overflow:hidden}.card__section{flex:0 1 auto;padding:1.25rem}@media screen and (min-width:768px){.card__section{padding:1.875rem}}.card__section>.btn,.card__section>button{display:block;width:100%}.card__section>.btn:not(:last-child),.card__section>button:not(:last-child){margin-bottom:.625rem}.card__section>:last-child{margin-bottom:0}.card__section--space-small{flex:0 1 auto;padding:1.25rem}.card__section--space-small>.btn,.card__section--space-small>button{display:block;width:100%}.card__section--space-small>.btn:not(:last-child),.card__section--space-small>button:not(:last-child){margin-bottom:.625rem}.card__section--space-small>:last-child{margin-bottom:0}.card__section--fill{flex-grow:1}.card__product-header{display:flex;justify-content:space-between}.card__product-header>img{max-width:7.8125rem;object-fit:cover;object-position:left}.card__product-content{flex:0 1 auto;padding:1.25rem}@media screen and (min-width:768px){.card__product-content{padding:1.875rem}}.card__product-header--space-small .card__product-content{flex:0 1 auto;padding:1.25rem}.card--no-border{border:none}}
+/*# sourceMappingURL=style.css.map */

package/build/components/Card/style.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,kBACE,MAEE,YAAa,CACb,qBAAsB,CAFtB,iBAGF,CACA,yBAEE,aAAc,CADd,eAEF,CACA,eACE,SACF,CACA,MACE,6CAA8C,CAG9C,2CAA4C,CAD5C,qBAAuB,CADvB,sBAAuB,CAGvB,eACF,CACA,eACE,aAAc,CACd,eACF,CACA,oCACE,eACE,gBACF,CACF,CACA,0CAEE,aAAc,CACd,UACF,CACA,4EAEE,qBACF,CACA,2BACE,eACF,CACA,4BACE,aAAc,CACd,eACF,CACA,oEAEE,aAAc,CACd,UACF,CACA,sGAEE,qBACF,CACA,wCACE,eACF,CACA,qBACE,WACF,CACA,sBACE,YAAa,CACb,6BACF,CACA,0BAGE,mBAAoB,CAFpB,gBAAiB,CACjB,oBAEF,CACA,uBACE,aAAc,CACd,eACF,CACA,oCACE,uBACE,gBACF,CACF,CACA,0DACE,aAAc,CACd,eACF,CACA,iBACE,WACF,CACF","file":"style.css","sourcesContent":["@layer components {\n  .card {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n  }\n  .card > *:not([class*=mb-]) {\n    margin-bottom: 0;\n    flex-shrink: 0;\n  }\n  .card .divider {\n    padding: 0;\n  }\n  .card {\n    background-color: var(--color-surface-primary);\n    margin-bottom: 1.875rem;\n    border-radius: 0.625rem;\n    border: 1px solid var(--color-border-strong);\n    overflow: hidden;\n  }\n  .card__section {\n    flex: 0 1 auto;\n    padding: 1.25rem;\n  }\n  @media screen and (min-width: 768px) {\n    .card__section {\n      padding: 1.875rem;\n    }\n  }\n  .card__section > .btn,\n  .card__section > button {\n    display: block;\n    width: 100%;\n  }\n  .card__section > .btn:not(:last-child),\n  .card__section > button:not(:last-child) {\n    margin-bottom: 0.625rem;\n  }\n  .card__section > *:last-child {\n    margin-bottom: 0;\n  }\n  .card__section--space-small {\n    flex: 0 1 auto;\n    padding: 1.25rem;\n  }\n  .card__section--space-small > .btn,\n  .card__section--space-small > button {\n    display: block;\n    width: 100%;\n  }\n  .card__section--space-small > .btn:not(:last-child),\n  .card__section--space-small > button:not(:last-child) {\n    margin-bottom: 0.625rem;\n  }\n  .card__section--space-small > *:last-child {\n    margin-bottom: 0;\n  }\n  .card__section--fill {\n    flex-grow: 1;\n  }\n  .card__product-header {\n    display: flex;\n    justify-content: space-between;\n  }\n  .card__product-header > img {\n    object-fit: cover;\n    object-position: left;\n    max-width: 7.8125rem;\n  }\n  .card__product-content {\n    flex: 0 1 auto;\n    padding: 1.25rem;\n  }\n  @media screen and (min-width: 768px) {\n    .card__product-content {\n      padding: 1.875rem;\n    }\n  }\n  .card__product-header--space-small .card__product-content {\n    flex: 0 1 auto;\n    padding: 1.25rem;\n  }\n  .card--no-border {\n    border: none;\n  }\n}"]}

package/build/components/Carousel/style.css

@@ -1,2 +1,2 @@
-:export{orange:#f16e00;orange-dark:#f16e00;black:#000;white:#fff;blue:#4bb4e6;green:#50be87;pink:#ffb4e6;violet:#a885d8;yellow:#ffd200;gray-300:#eee;gray-400:#ddd;gray-500:#ddd;gray-600:#999;gray-700:#666;gray-800:#595959;gray-900:#333;success:rgba(34,135,34,.078);danger:rgba(205,60,20,.078);info:rgba(65,112,216,.078);warning:rgba(255,204,0,.078)}
+@layer components{.carousel{display:flex;flex-direction:column;margin:0 auto 1.875rem;position:relative}.carousel--scrollbar{margin-left:0!important;margin-right:0!important}.carousel--bleed-right,.carousel--bleed-right .carousel__viewport-wrapper{overflow:visible}.carousel--bleed-right .carousel__viewport{margin-left:0!important;margin-right:0;overflow:visible!important;overflow-y:hidden;width:calc(50% + 50vw)}@media (min-width:2560px){.carousel--bleed-right .carousel__viewport{width:100%}}@media only screen and (min-width:864px) and (max-width:991px){.container>.carousel{margin-left:-3.75rem;margin-right:-3.75rem}}@media only screen and (min-width:1088px) and (max-width:1239px){.container>.carousel{margin-left:-3.75rem;margin-right:-3.75rem}}@media only screen and (min-width:1340px) and (max-width:1379px){.container>.carousel{margin-left:-3.75rem;margin-right:-3.75rem}}@media only screen and (min-width:1460px){.container>.carousel{margin-left:-3.75rem;margin-right:-3.75rem}}.container>.carousel.carousel--bleed-right{margin-left:0;margin-right:0}.carousel__viewport-wrapper{position:relative}.carousel__viewport{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;margin:0 auto;overflow-x:auto;overflow-y:hidden;position:relative;scrollbar-width:none;transform:translateZ(0)}@media screen and (min-width:768px){.carousel__viewport{margin-left:3.125rem;margin-right:3.125rem}}.carousel--scrollbar .carousel__viewport{margin-left:0;margin-right:0}@media screen and (max-width:767.98px){.carousel__viewport{padding-bottom:.625rem}}@media screen and (min-width:768px){.carousel__viewport{margin-bottom:1.25rem;overflow-x:hidden}}.carousel__viewport.is-draggable{cursor:-webkit-grab;cursor:grab;user-select:none}.carousel__viewport.is-dragging{cursor:-webkit-grabbing;cursor:grabbing}.carousel__track{display:flex;margin:0;padding:0;transform:translateZ(0);width:100%;z-index:1}.carousel__slide{display:flex;flex:0 0 auto;flex-direction:column;max-width:100%;padding:0 1.25rem 0 0;user-select:none}.carousel__slide>*{flex-grow:0;flex-shrink:1}.carousel__slide>:last-child{margin-bottom:0}.carousel__slide img{pointer-events:none;user-select:none}.carousel__next,.carousel__prev{border:2px solid transparent;border-radius:.3125rem;cursor:pointer;font-size:1.125rem;font-weight:700;text-align:center;text-decoration:none;vertical-align:baseline}.carousel__next:focus-visible,.carousel__prev:focus-visible{outline:2px solid var(--color-border-contrast);outline-offset:2px}.carousel__next.is-active,.carousel__next:active,.carousel__prev.is-active,.carousel__prev:active{transition-property:none;z-index:2}.carousel__next[aria-disabled=true],.carousel__next[disabled],.carousel__prev[aria-disabled=true],.carousel__prev[disabled]{cursor:not-allowed}.carousel__next,.carousel__prev{align-items:center;display:inline-flex;flex:0 0 auto;flex-flow:row;height:2.5rem;justify-content:center;line-height:0;padding:0;width:2.5rem}.carousel__next:focus,.carousel__prev:focus{box-shadow:0 0 0 2px var(--color-background-primary),0 0 0 4px var(--color-border-contrast);outline-color:transparent!important;outline-width:0!important}.carousel__next:focus-visible,.carousel__prev:focus-visible{box-shadow:0 0 0 2px var(--color-background-primary),0 0 0 4px var(--color-border-contrast);outline-color:transparent!important;outline-width:0!important}.carousel__next:focus:not(:focus-visible),.carousel__prev:focus:not(:focus-visible){box-shadow:none;outline-color:transparent!important;outline-width:0!important}.carousel__next,.carousel__prev{border-radius:100%;margin:0;position:absolute;top:50%;z-index:10}@media screen and (max-width:767.98px){.carousel__next,.carousel__prev{display:none}}.carousel__prev{left:0;transform:translateY(-50%)}.carousel__next{right:0;transform:translateY(-50%)}.carousel__pagination{display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto;padding:0;user-select:none}.carousel__pagination-item{background:none;border:0;border-radius:100%;cursor:pointer;display:block;height:1.25rem;margin:.625rem;padding:0;user-select:none;width:1.25rem}.carousel__pagination-item:focus{box-shadow:0 0 0 2px var(--color-background-primary),0 0 0 4px var(--color-border-contrast);outline-color:transparent!important;outline-width:0!important}.carousel__pagination-item:focus-visible{box-shadow:0 0 0 2px var(--color-background-primary),0 0 0 4px var(--color-border-contrast);outline-color:transparent!important;outline-width:0!important}.carousel__pagination-item:focus:not(:focus-visible){box-shadow:none;outline-color:transparent!important;outline-width:0!important}.carousel__pagination-item{background-color:var(--color-icon-default)}.carousel__pagination-item.is-active,.carousel__pagination-item:hover{background-color:var(--color-icon-brand)}.carousel__scrollbar{margin-top:1.25rem;position:relative}.carousel__scrollbar-horizontal{appearance:none;background-color:var(--color-surface-moderate);border-radius:99px;height:.375rem}.carousel__scrollbar-drag{background-color:var(--color-fill-contrast);border-radius:99px;height:.375rem;opacity:1}}
 /*# sourceMappingURL=style.css.map */

package/build/components/Carousel/style.css.map

@@ -1 +1 @@
-{"version":3,"sources":["color.scss"],"names":[],"mappings":"AAAA,QACE,cAAe,CACf,mBAAoB,CACpB,UAAc,CACd,UAAc,CACd,YAAa,CACb,aAAc,CACd,YAAa,CACb,cAAe,CACf,cAAe,CACf,aAAiB,CACjB,aAAc,CACd,aAAiB,CACjB,aAAc,CACd,aAAc,CACd,gBAAiB,CACjB,aAAc,CACd,4BAAwC,CACxC,2BAAuC,CACvC,0BAAsC,CACtC,4BACF","file":"style.css","sourcesContent":[":export {\n  orange: #f16e00;\n  orange-dark: #f16e00;\n  black: #000000;\n  white: #ffffff;\n  blue: #4bb4e6;\n  green: #50be87;\n  pink: #ffb4e6;\n  violet: #a885d8;\n  yellow: #ffd200;\n  gray-300: #eeeeee;\n  gray-400: #ddd;\n  gray-500: #dddddd;\n  gray-600: #999;\n  gray-700: #666;\n  gray-800: #595959;\n  gray-900: #333;\n  success: rgba(34, 135, 34, 0.0784313725);\n  danger: rgba(205, 60, 20, 0.0784313725);\n  info: rgba(65, 112, 216, 0.0784313725);\n  warning: rgba(255, 204, 0, 0.0784313725);\n}"]}
+{"version":3,"sources":["style.scss"],"names":[],"mappings":"AACA,kBACE,UACE,YAAa,CACb,qBAAsB,CAGtB,sBAAuB,CADvB,iBAEF,CACA,qBACE,uBAAyB,CACzB,wBACF,CAIA,0EACE,gBACF,CACA,2CAGE,uBAAyB,CADzB,cAAe,CAEf,0BAA4B,CAC5B,iBAAkB,CAJlB,sBAKF,CACA,0BACE,2CACE,UACF,CACF,CACA,+DACE,qBACE,oBAAqB,CACrB,qBACF,CACF,CACA,iEACE,qBACE,oBAAqB,CACrB,qBACF,CACF,CACA,iEACE,qBACE,oBAAqB,CACrB,qBACF,CACF,CACA,0CACE,qBACE,oBAAqB,CACrB,qBACF,CACF,CACA,2CACE,aAAc,CACd,cACF,CACA,4BACE,iBACF,CACA,oBAKE,gCAAiC,CACjC,uBAAwB,CALxB,aAAc,CAGd,eAAgB,CADhB,iBAAkB,CADlB,iBAAkB,CAMlB,oBAAqB,CADrB,uBAEF,CACA,oCACE,oBACE,oBAAqB,CACrB,qBACF,CACF,CACA,yCACE,aAAc,CACd,cACF,CACA,uCACE,oBACE,sBACF,CACF,CACA,oCACE,oBACE,qBAAsB,CACtB,iBACF,CACF,CACA,iCAEE,mBAAoB,CACpB,WAAY,CAFZ,gBAGF,CACA,gCACE,uBAAwB,CACxB,eACF,CACA,iBAKE,YAAa,CAFb,QAAS,CACT,SAAU,CAHV,uBAAwB,CACxB,UAAW,CAIX,SACF,CACA,iBACE,YAAa,CAGb,aAAc,CAFd,qBAAsB,CACtB,cAAe,CAEf,qBAAsB,CACtB,gBACF,CACA,mBAEE,WAAY,CADZ,aAEF,CACA,6BACE,eACF,CACA,qBAEE,mBAAoB,CADpB,gBAEF,CACA,gCACE,4BAA6B,CAG7B,sBAAwB,CAOxB,cAAe,CATf,kBAAmB,CACnB,eAAiB,CAKjB,iBAAkB,CAClB,oBAAqB,CACrB,uBAEF,CACA,4DACE,8CAA+C,CAC/C,kBACF,CACA,kGACE,wBAAyB,CACzB,SACF,CACA,4HACE,kBACF,CACA,gCAKE,kBAAmB,CAJnB,mBAAoB,CACpB,aAAc,CACd,aAAc,CAMd,aAAc,CALd,sBAAuB,CAGvB,aAAc,CADd,SAAU,CAEV,YAGF,CACA,4CAGE,2FAA6F,CAD7F,mCAAqC,CADrC,yBAGF,CACA,4DAGE,2FAA6F,CAD7F,mCAAqC,CADrC,yBAGF,CACA,oFAGE,eAAgB,CADhB,mCAAqC,CADrC,yBAGF,CACA,gCAKE,kBAAmB,CADnB,QAAS,CAHT,iBAAkB,CAClB,OAAQ,CACR,UAGF,CACA,uCACE,gCACE,YACF,CACF,CACA,gBACE,MAAO,CACP,0BACF,CACA,gBACE,OAAQ,CACR,0BACF,CACA,sBAEE,YAAa,CACb,cAAe,CACf,sBAAuB,CACvB,aAAc,CACd,SAAU,CALV,gBAMF,CACA,2BACE,eAAgB,CAChB,QAAS,CAST,kBAAmB,CALnB,cAAe,CADf,aAAc,CAId,cAAe,CACf,cAAgB,CAPhB,SAAU,CACV,gBAAiB,CAIjB,aAIF,CACA,iCAGE,2FAA6F,CAD7F,mCAAqC,CADrC,yBAGF,CACA,yCAGE,2FAA6F,CAD7F,mCAAqC,CADrC,yBAGF,CACA,qDAGE,eAAgB,CADhB,mCAAqC,CADrC,yBAGF,CACA,2BACE,0CACF,CAIA,sEACE,wCACF,CACA,qBAEE,kBAAmB,CADnB,iBAEF,CACA,gCAEE,eAAgB,CAChB,8CAA+C,CAC/C,kBAAmB,CAHnB,cAIF,CACA,0BAEE,2CAA4C,CAC5C,kBAAmB,CACnB,cAAgB,CAHhB,SAIF,CACF","file":"style.css","sourcesContent":["/* stylelint-disable value-no-vendor-prefix, property-no-vendor-prefix */\n@layer components {\n  .carousel {\n    display: flex;\n    flex-direction: column;\n    margin: 0 auto;\n    position: relative;\n    margin-bottom: 1.875rem;\n  }\n  .carousel--scrollbar {\n    margin-left: 0 !important;\n    margin-right: 0 !important;\n  }\n  .carousel--bleed-right {\n    overflow: visible;\n  }\n  .carousel--bleed-right .carousel__viewport-wrapper {\n    overflow: visible;\n  }\n  .carousel--bleed-right .carousel__viewport {\n    width: calc(100% + 50vw - 50%);\n    margin-right: 0;\n    margin-left: 0 !important;\n    overflow: visible !important;\n    overflow-y: hidden;\n  }\n  @media (min-width: 2560px) {\n    .carousel--bleed-right .carousel__viewport {\n      width: 100%;\n    }\n  }\n  @media only screen and (min-width: 864px) and (max-width: 991px) {\n    .container > .carousel {\n      margin-left: -3.75rem;\n      margin-right: -3.75rem;\n    }\n  }\n  @media only screen and (min-width: 1088px) and (max-width: 1239px) {\n    .container > .carousel {\n      margin-left: -3.75rem;\n      margin-right: -3.75rem;\n    }\n  }\n  @media only screen and (min-width: 1340px) and (max-width: 1379px) {\n    .container > .carousel {\n      margin-left: -3.75rem;\n      margin-right: -3.75rem;\n    }\n  }\n  @media only screen and (min-width: 1460px) {\n    .container > .carousel {\n      margin-left: -3.75rem;\n      margin-right: -3.75rem;\n    }\n  }\n  .container > .carousel.carousel--bleed-right {\n    margin-left: 0;\n    margin-right: 0;\n  }\n  .carousel__viewport-wrapper {\n    position: relative;\n  }\n  .carousel__viewport {\n    margin: 0 auto;\n    position: relative;\n    overflow-y: hidden;\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n    -ms-overflow-style: none;\n    transform: translateZ(0);\n    scrollbar-width: none;\n  }\n  @media screen and (min-width: 768px) {\n    .carousel__viewport {\n      margin-left: 3.125rem;\n      margin-right: 3.125rem;\n    }\n  }\n  .carousel--scrollbar .carousel__viewport {\n    margin-left: 0;\n    margin-right: 0;\n  }\n  @media screen and (max-width: 767.98px) {\n    .carousel__viewport {\n      padding-bottom: 0.625rem;\n    }\n  }\n  @media screen and (min-width: 768px) {\n    .carousel__viewport {\n      margin-bottom: 1.25rem;\n      overflow-x: hidden;\n    }\n  }\n  .carousel__viewport.is-draggable {\n    user-select: none;\n    cursor: -webkit-grab;\n    cursor: grab;\n  }\n  .carousel__viewport.is-dragging {\n    cursor: -webkit-grabbing;\n    cursor: grabbing;\n  }\n  .carousel__track {\n    transform: translateZ(0);\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    display: flex;\n    z-index: 1;\n  }\n  .carousel__slide {\n    display: flex;\n    flex-direction: column;\n    max-width: 100%;\n    flex: 0 0 auto;\n    padding: 0 1.25rem 0 0;\n    user-select: none;\n  }\n  .carousel__slide > * {\n    flex-shrink: 1;\n    flex-grow: 0;\n  }\n  .carousel__slide > *:last-child {\n    margin-bottom: 0;\n  }\n  .carousel__slide img {\n    user-select: none;\n    pointer-events: none;\n  }\n  .carousel__prev, .carousel__next {\n    border: 2px solid transparent;\n    font-size: 1.125rem;\n    font-weight: bold;\n    border-radius: 0.3125rem;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    text-decoration: none;\n    vertical-align: baseline;\n    cursor: pointer;\n  }\n  .carousel__prev:focus-visible, .carousel__next:focus-visible {\n    outline: 2px solid var(--color-border-contrast);\n    outline-offset: 2px;\n  }\n  .carousel__prev:active, .carousel__prev.is-active, .carousel__next:active, .carousel__next.is-active {\n    transition-property: none;\n    z-index: 2;\n  }\n  .carousel__prev[aria-disabled=true], .carousel__prev[disabled], .carousel__next[aria-disabled=true], .carousel__next[disabled] {\n    cursor: not-allowed;\n  }\n  .carousel__prev, .carousel__next {\n    display: inline-flex;\n    flex: 0 0 auto;\n    flex-flow: row;\n    justify-content: center;\n    align-items: center;\n    padding: 0;\n    line-height: 0;\n    width: 2.5rem;\n    height: 2.5rem;\n    border-radius: 100%;\n  }\n  .carousel__prev:focus, .carousel__next:focus {\n    outline-width: 0 !important;\n    outline-color: transparent !important;\n    box-shadow: 0 0 0 2px var(--color-background-primary), 0 0 0 4px var(--color-border-contrast);\n  }\n  .carousel__prev:focus-visible, .carousel__next:focus-visible {\n    outline-width: 0 !important;\n    outline-color: transparent !important;\n    box-shadow: 0 0 0 2px var(--color-background-primary), 0 0 0 4px var(--color-border-contrast);\n  }\n  .carousel__prev:focus:not(:focus-visible), .carousel__next:focus:not(:focus-visible) {\n    outline-width: 0 !important;\n    outline-color: transparent !important;\n    box-shadow: none;\n  }\n  .carousel__prev, .carousel__next {\n    position: absolute;\n    top: 50%;\n    z-index: 10;\n    margin: 0;\n    border-radius: 100%;\n  }\n  @media screen and (max-width: 767.98px) {\n    .carousel__prev, .carousel__next {\n      display: none;\n    }\n  }\n  .carousel__prev {\n    left: 0;\n    transform: translateY(-50%);\n  }\n  .carousel__next {\n    right: 0;\n    transform: translateY(-50%);\n  }\n  .carousel__pagination {\n    user-select: none;\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    margin: 0 auto;\n    padding: 0;\n  }\n  .carousel__pagination-item {\n    background: none;\n    border: 0;\n    padding: 0;\n    user-select: none;\n    display: block;\n    cursor: pointer;\n    border-radius: 100%;\n    width: 1.25rem;\n    height: 1.25rem;\n    margin: 0.625rem;\n    border-radius: 100%;\n  }\n  .carousel__pagination-item:focus {\n    outline-width: 0 !important;\n    outline-color: transparent !important;\n    box-shadow: 0 0 0 2px var(--color-background-primary), 0 0 0 4px var(--color-border-contrast);\n  }\n  .carousel__pagination-item:focus-visible {\n    outline-width: 0 !important;\n    outline-color: transparent !important;\n    box-shadow: 0 0 0 2px var(--color-background-primary), 0 0 0 4px var(--color-border-contrast);\n  }\n  .carousel__pagination-item:focus:not(:focus-visible) {\n    outline-width: 0 !important;\n    outline-color: transparent !important;\n    box-shadow: none;\n  }\n  .carousel__pagination-item {\n    background-color: var(--color-icon-default);\n  }\n  .carousel__pagination-item:hover {\n    background-color: var(--color-icon-brand);\n  }\n  .carousel__pagination-item.is-active {\n    background-color: var(--color-icon-brand);\n  }\n  .carousel__scrollbar {\n    position: relative;\n    margin-top: 1.25rem;\n  }\n  .carousel__scrollbar-horizontal {\n    height: 0.375rem;\n    appearance: none;\n    background-color: var(--color-surface-moderate);\n    border-radius: 99px;\n  }\n  .carousel__scrollbar-drag {\n    opacity: 1;\n    background-color: var(--color-fill-contrast);\n    border-radius: 99px;\n    height: 0.375rem;\n  }\n}"]}