@orangesk/orange-design-system 2.0.0-beta.19 → 2.0.0-beta.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (168) hide show
  1. package/README.md +346 -19
  2. package/build/components/Accordion/style.css +1 -1
  3. package/build/components/Accordion/style.css.map +1 -1
  4. package/build/components/Alert/style.css +1 -1
  5. package/build/components/Alert/style.css.map +1 -1
  6. package/build/components/AnchorNavigation/style.css +1 -1
  7. package/build/components/AnchorNavigation/style.css.map +1 -1
  8. package/build/components/BlockAction/style.css +1 -1
  9. package/build/components/BlockAction/style.css.map +1 -1
  10. package/build/components/CarouselPromotions/style.css +1 -1
  11. package/build/components/CarouselPromotions/style.css.map +1 -1
  12. package/build/components/FeatureAccordion/style.css +1 -1
  13. package/build/components/FeatureAccordion/style.css.map +1 -1
  14. package/build/components/Footer/style.css +1 -1
  15. package/build/components/Footer/style.css.map +1 -1
  16. package/build/components/Hero/style.css +1 -1
  17. package/build/components/Hero/style.css.map +1 -1
  18. package/build/components/Megamenu/style.css +1 -1
  19. package/build/components/Megamenu/style.css.map +1 -1
  20. package/build/components/Modal/style.css +1 -1
  21. package/build/components/Modal/style.css.map +1 -1
  22. package/build/components/Progress/style.css +1 -1
  23. package/build/components/Progress/style.css.map +1 -1
  24. package/build/components/PromoBanner/style.css +1 -1
  25. package/build/components/PromoBanner/style.css.map +1 -1
  26. package/build/components/PromotionCard/style.css +1 -1
  27. package/build/components/PromotionCard/style.css.map +1 -1
  28. package/build/components/Tag/style.css +1 -1
  29. package/build/components/Tag/style.css.map +1 -1
  30. package/build/components/Tile/style.css +1 -1
  31. package/build/components/Tile/style.css.map +1 -1
  32. package/build/components/index.js +1 -1
  33. package/build/components/index.js.map +1 -1
  34. package/build/components/tsconfig.tsbuildinfo +1 -1
  35. package/build/components/types/index.d.ts +5 -40
  36. package/build/components/types/src/components/Alert/Alert.d.ts +0 -2
  37. package/build/components/types/src/components/AnchorNavigation/AnchorNavigation.d.ts +1 -2
  38. package/build/components/types/src/components/BlockAction/BlockAction.d.ts +2 -0
  39. package/build/components/types/src/components/BlockAction/Context.d.ts +2 -0
  40. package/build/components/types/src/components/Breadcrumbs/Breadcrumbs.d.ts +0 -2
  41. package/build/components/types/src/components/Button/Button.d.ts +0 -1
  42. package/build/components/types/src/components/Card/index.d.ts +1 -0
  43. package/build/components/types/src/components/Carousel/Carousel.d.ts +0 -2
  44. package/build/components/types/src/components/CarouselHero/CarouselHero.d.ts +0 -1
  45. package/build/components/types/src/components/CarouselPromotions/CarouselPromotions.d.ts +0 -1
  46. package/build/components/types/src/components/Controls/Controls.d.ts +0 -1
  47. package/build/components/types/src/components/Expander/Expander.d.ts +0 -3
  48. package/build/components/types/src/components/FeatureAccordion/FeatureAccordion.d.ts +0 -2
  49. package/build/components/types/src/components/Forms/InputStepper/InputStepper.d.ts +0 -1
  50. package/build/components/types/src/components/Hero/Hero.d.ts +0 -3
  51. package/build/components/types/src/components/Icon/iconSearchTags.d.ts +167 -166
  52. package/build/components/types/src/components/Link/Link.d.ts +0 -2
  53. package/build/components/types/src/components/Megamenu/static.d.ts +2 -3
  54. package/build/components/types/src/components/Modal/Modal.d.ts +0 -2
  55. package/build/components/types/src/components/Pagination/Pagination.d.ts +0 -2
  56. package/build/components/types/src/components/Pill/Pill.d.ts +0 -1
  57. package/build/components/types/src/components/Progress/Progress.d.ts +0 -1
  58. package/build/components/types/src/components/PromoBanner/PromoBanner.d.ts +1 -2
  59. package/build/components/types/src/components/PromotionCard/PromotionCard.d.ts +2 -2
  60. package/build/components/types/src/components/Stepbar/Stepbar.d.ts +0 -2
  61. package/build/components/types/src/components/Table/Table.d.ts +0 -2
  62. package/build/components/types/src/components/Tabs/Tabs.d.ts +0 -2
  63. package/build/components/types/src/components/Tooltip/Tooltip.d.ts +0 -1
  64. package/build/components/types/src/scripts/index.d.ts +2 -3
  65. package/build/components/types/src/styles/export/color.d.ts +102 -20
  66. package/build/lib/base.css +1 -1
  67. package/build/lib/base.css.map +1 -1
  68. package/build/lib/components.css +1 -1
  69. package/build/lib/components.css.map +1 -1
  70. package/build/lib/footer.css +1 -1
  71. package/build/lib/footer.css.map +1 -1
  72. package/build/lib/megamenu.css +1 -1
  73. package/build/lib/megamenu.css.map +1 -1
  74. package/build/lib/megamenu.js +1 -1
  75. package/build/lib/megamenu.js.map +1 -1
  76. package/build/lib/scripts.js +1 -1
  77. package/build/lib/scripts.js.map +1 -1
  78. package/build/lib/style.css +1 -1
  79. package/build/lib/style.css.map +1 -1
  80. package/build/lib/tsconfig.tsbuildinfo +1 -1
  81. package/build/lib/utilities.css +1 -1
  82. package/build/lib/utilities.css.map +1 -1
  83. package/build/sprite.svg +1 -1
  84. package/package.json +13 -13
  85. package/src/assets/icons/quote.svg +4 -0
  86. package/src/components/Accordion/styles/mixins.scss +2 -0
  87. package/src/components/Alert/Alert.tsx +0 -6
  88. package/src/components/Alert/styles/mixins.scss +3 -1
  89. package/src/components/Alert/tests/Alert.test.js +0 -14
  90. package/src/components/AnchorNavigation/AnchorNavigation.tsx +1 -10
  91. package/src/components/AnchorNavigation/tests/AnchorNavigation.conformance.test.js +0 -9
  92. package/src/components/BlockAction/BlockAction.tsx +10 -3
  93. package/src/components/BlockAction/Context.tsx +4 -0
  94. package/src/components/BlockAction/styles/mixins.scss +6 -0
  95. package/src/components/BlockAction/styles/style.scss +5 -0
  96. package/src/components/Breadcrumbs/BreadcrumbItem.tsx +16 -7
  97. package/src/components/Breadcrumbs/Breadcrumbs.tsx +4 -12
  98. package/src/components/Breadcrumbs/tests/BreadcrumbItem.unit.test.js +14 -8
  99. package/src/components/Breadcrumbs/tests/Breadcrumbs.integration.test.js +14 -37
  100. package/src/components/Breadcrumbs/tests/Breadcrumbs.unit.test.js +19 -23
  101. package/src/components/Button/Button.tsx +0 -4
  102. package/src/components/Button/tests/Button.test.js +0 -10
  103. package/src/components/Card/index.ts +1 -0
  104. package/src/components/Carousel/Carousel.static.ts +5 -0
  105. package/src/components/Carousel/Carousel.tsx +0 -5
  106. package/src/components/Carousel/tests/Carousel.unit.test.js +0 -21
  107. package/src/components/CarouselHero/CarouselHero.tsx +1 -9
  108. package/src/components/CarouselHero/tests/CarouselHero.conformance.test.js +0 -1
  109. package/src/components/CarouselHero/tests/CarouselHero.unit.test.js +0 -14
  110. package/src/components/CarouselPromotions/CarouselPromotions.tsx +1 -6
  111. package/src/components/CarouselPromotions/styles/mixins.scss +6 -3
  112. package/src/components/CarouselPromotions/tests/CarouselPromotions.unit.test.js +0 -17
  113. package/src/components/Controls/Controls.tsx +2 -7
  114. package/src/components/Controls/tests/Controls.test.js +0 -23
  115. package/src/components/Expander/Expander.tsx +0 -6
  116. package/src/components/Expander/tests/Expander.conformance.test.js +8 -12
  117. package/src/components/Expander/tests/Expander.unit.test.js +37 -47
  118. package/src/components/FeatureAccordion/FeatureAccordion.tsx +2 -12
  119. package/src/components/FeatureAccordion/styles/mixins.scss +6 -14
  120. package/src/components/FeatureAccordion/styles/style.scss +2 -4
  121. package/src/components/FeatureAccordion/tests/FeatureAccordion.unit.test.js +0 -5
  122. package/src/components/Footer/styles/mixins.scss +1 -0
  123. package/src/components/Forms/InputStepper/InputStepper.tsx +0 -4
  124. package/src/components/Forms/Label/styles/config.scss +3 -0
  125. package/src/components/Hero/Hero.tsx +2 -16
  126. package/src/components/Hero/styles/style.scss +0 -14
  127. package/src/components/Hero/tests/Hero.unit.test.js +109 -119
  128. package/src/components/Icon/iconSearchTags.ts +167 -166
  129. package/src/components/Link/Link.tsx +0 -5
  130. package/src/components/Link/tests/Link.conformance.test.js +1 -7
  131. package/src/components/Link/tests/Link.unit.test.js +0 -20
  132. package/src/components/Megamenu/static.ts +5 -2
  133. package/src/components/Modal/Modal.tsx +0 -5
  134. package/src/components/Modal/styles/mixins.scss +7 -0
  135. package/src/components/Modal/styles/style.scss +1 -0
  136. package/src/components/Modal/tests/Modal.unit.test.js +0 -22
  137. package/src/components/Pagination/Pagination.tsx +1 -11
  138. package/src/components/Pill/Pill.tsx +0 -4
  139. package/src/components/Pill/tests/Pill.conformance.test.js +0 -4
  140. package/src/components/Pill/tests/Pill.unit.test.js +0 -18
  141. package/src/components/Progress/Progress.tsx +1 -13
  142. package/src/components/Progress/styles/mixins.scss +9 -7
  143. package/src/components/PromoBanner/PromoBanner.tsx +1 -10
  144. package/src/components/PromoBanner/styles/mixins.scss +0 -3
  145. package/src/components/PromoBanner/tests/PromoBanner.conformance.test.js +0 -30
  146. package/src/components/PromoBanner/tests/PromoBanner.unit.test.js +1 -33
  147. package/src/components/PromotionCard/PromotionCard.tsx +4 -6
  148. package/src/components/PromotionCard/styles/mixins.scss +1 -0
  149. package/src/components/PromotionCard/tests/PromotionCard.conformance.test.js +18 -19
  150. package/src/components/PromotionCard/tests/PromotionCard.unit.test.js +12 -74
  151. package/src/components/Stepbar/Stepbar.tsx +0 -5
  152. package/src/components/Table/Table.tsx +0 -5
  153. package/src/components/Table/tests/Table.unit.test.js +0 -31
  154. package/src/components/Tabs/Tabs.tsx +0 -5
  155. package/src/components/Tabs/tests/Tabs.unit.test.js +0 -8
  156. package/src/components/Tag/styles/config.scss +1 -1
  157. package/src/components/Tag/styles/style.scss +10 -9
  158. package/src/components/Tile/styles/mixins.scss +1 -0
  159. package/src/components/Tooltip/Tooltip.tsx +1 -10
  160. package/src/components/Tooltip/tests/Tooltip.unit.test.js +0 -29
  161. package/src/styles/base/globals.scss +9 -0
  162. package/src/styles/base/styleguide.scss +6 -2
  163. package/src/styles/export/color.js +102 -20
  164. package/src/styles/export/color.scss +10 -20
  165. package/src/styles/typography/config.scss +83 -37
  166. package/src/styles/typography/mixins.scss +3 -3
  167. package/src/styles/utilities/text.scss +26 -2
  168. package/src/components/Pagination/tests/utils.js +0 -12
package/README.md CHANGED
@@ -1,36 +1,363 @@
1
- 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).
1
+ # Orange Design System (ODS)
2
2
 
3
- ## Getting Started
3
+ > A framework-agnostic, accessible component library built with vanilla JavaScript, CSS/SCSS, and optional React wrappers.
4
4
 
5
- First, run the development server:
5
+ [![NPM](https://img.shields.io/npm/v/@orangesk/orange-design-system)](https://www.npmjs.com/package/@orangesk/orange-design-system)
6
+ [![Node](https://img.shields.io/badge/node->=20.x-green)](https://nodejs.org)
7
+
8
+ ## 📚 Table of Contents
9
+
10
+ - [Orange Design System (ODS)](#orange-design-system-ods)
11
+ - [📚 Table of Contents](#-table-of-contents)
12
+ - [Overview](#overview)
13
+ - [Architecture](#architecture)
14
+ - [Key Features](#key-features)
15
+ - [Installation](#installation)
16
+ - [Requirements](#requirements)
17
+ - [Quick Start](#quick-start)
18
+ - [React](#react)
19
+ - [Vanilla JavaScript](#vanilla-javascript)
20
+ - [CSS Only](#css-only)
21
+ - [Documentation](#documentation)
22
+ - [Documentation Sections](#documentation-sections)
23
+ - [Component Documentation Format](#component-documentation-format)
24
+ - [Development](#development)
25
+ - [Setup](#setup)
26
+ - [Development Server](#development-server)
27
+ - [Building](#building)
28
+ - [Testing](#testing)
29
+ - [Linting](#linting)
30
+ - [File Structure](#file-structure)
31
+ - [Contributing](#contributing)
32
+ - [Code Standards](#code-standards)
33
+ - [Component Guidelines](#component-guidelines)
34
+ - [Support](#support)
35
+ - [Resources](#resources)
36
+ - [Getting Help](#getting-help)
37
+ - [Changelog](#changelog)
38
+
39
+ ## Overview
40
+
41
+ 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.
42
+
43
+ ### Architecture
44
+
45
+ ODS components follow a three-layer architecture:
46
+
47
+ ```
48
+ ┌─────────────────────────────────────────┐
49
+ │ Your Application │
50
+ │ (React, Vue, Angular, Vanilla JS, etc.)│
51
+ └──────────────┬──────────────────────────┘
52
+
53
+ ├─ React Components (optional)
54
+ │ └─ .tsx wrappers
55
+
56
+ ├─ Vanilla JavaScript (core)
57
+ │ └─ .static.ts classes
58
+
59
+ └─ CSS/SCSS Styles
60
+ └─ BEM naming, design tokens
61
+ ```
62
+
63
+ **Core:** Vanilla JavaScript + CSS/SCSS
64
+ **Optional:** React wrappers for convenient React integration
65
+ **Styling:** CSS custom properties (design tokens) with responsive breakpoints
66
+
67
+ ## Key Features
68
+
69
+ ✅ **Framework Agnostic** - Use in React, Vue, Angular, or vanilla JavaScript
70
+ ✅ **Vanilla JavaScript Core** - No framework dependencies required
71
+ ✅ **Accessible** - WCAG compliant components with ARIA attributes
72
+ ✅ **Responsive** - Mobile-first design with breakpoint system
73
+ ✅ **Themable** - CSS custom properties for easy customization
74
+ ✅ **Type Safe** - Full TypeScript support
75
+ ✅ **Performance Focused** - Lightweight, modular bundles
76
+ ✅ **Well Documented** - Comprehensive documentation with live previews
77
+
78
+ ## Installation
6
79
 
7
80
  ```bash
8
- npm run dev
81
+ npm install @orangesk/orange-design-system
9
82
  # or
10
- yarn dev
83
+ yarn add @orangesk/orange-design-system
11
84
  # or
12
- pnpm dev
13
- # or
14
- bun dev
85
+ pnpm add @orangesk/orange-design-system
86
+ ```
87
+
88
+ ### Requirements
89
+
90
+ - **Node.js:** >= 20.x
91
+ - **Package Manager:** npm, yarn, or pnpm
92
+
93
+ ## Quick Start
94
+
95
+ ### React
96
+
97
+ ```tsx
98
+ import { Button } from "@orangesk/orange-design-system";
99
+
100
+ export default function App() {
101
+ return (
102
+ <Button type="primary" onClick={() => alert("Clicked!")}>
103
+ Click Me
104
+ </Button>
105
+ );
106
+ }
107
+ ```
108
+
109
+ **Interactive Components** with JavaScript behavior:
110
+
111
+ ```tsx
112
+ import { Accordion, AccordionItem } from "@orangesk/orange-design-system";
113
+
114
+ export default function MyAccordion() {
115
+ return (
116
+ <Accordion>
117
+ <AccordionItem headingLevel={3}>
118
+ <button>Section 1</button>
119
+ <div>Content goes here</div>
120
+ </AccordionItem>
121
+ </Accordion>
122
+ );
123
+ }
124
+ ```
125
+
126
+ The React component automatically instantiates the vanilla JavaScript class for you.
127
+
128
+ ### Vanilla JavaScript
129
+
130
+ ODS components work perfectly without React:
131
+
132
+ ```html
133
+ <!DOCTYPE html>
134
+ <html>
135
+ <head>
136
+ <link
137
+ rel="stylesheet"
138
+ href="node_modules/@orangesk/orange-design-system/build/lib/components.css"
139
+ />
140
+ </head>
141
+ <body>
142
+ <!-- HTML Structure -->
143
+ <div class="accordion" id="myAccordion">
144
+ <button
145
+ class="accordion__button"
146
+ data-accordion-toggle
147
+ aria-expanded="false"
148
+ aria-controls="panel-1"
149
+ >
150
+ Section 1
151
+ </button>
152
+ <div id="panel-1" hidden>Content here</div>
153
+ </div>
154
+
155
+ <!-- Instantiate JavaScript -->
156
+ <script type="module">
157
+ import Accordion from "@orangesk/orange-design-system/build/components/Accordion/Accordion.static.js";
158
+
159
+ const accordionEl = document.getElementById("myAccordion");
160
+ const accordion = new Accordion(accordionEl, {
161
+ buttonSelector: "[data-accordion-toggle]",
162
+ });
163
+ </script>
164
+ </body>
165
+ </html>
166
+ ```
167
+
168
+ ### CSS Only
169
+
170
+ Many components are CSS-only and don't require JavaScript:
171
+
172
+ ```html
173
+ <link
174
+ rel="stylesheet"
175
+ href="node_modules/@orangesk/orange-design-system/build/lib/components.css"
176
+ />
177
+
178
+ <!-- Button -->
179
+ <button class="button button--primary">Click Me</button>
180
+
181
+ <!-- Badge -->
182
+ <span class="badge badge--success">Active</span>
183
+
184
+ <!-- Card -->
185
+ <div class="card">
186
+ <div class="card__section">
187
+ <h3>Title</h3>
188
+ <p>Description</p>
189
+ </div>
190
+ </div>
191
+
192
+ <!-- Grid -->
193
+ <div class="grid grid--3">
194
+ <div class="grid__col">Column 1</div>
195
+ <div class="grid__col">Column 2</div>
196
+ <div class="grid__col">Column 3</div>
197
+ </div>
198
+ ```
199
+
200
+ ## Documentation
201
+
202
+ **📖 Full documentation**: [https://ods2.vercel.app](https://ods2.vercel.app)
203
+
204
+ ### Documentation Sections
205
+
206
+ - **[Getting Started](https://ods2.vercel.app/getting-started)** - Installation, setup, and resources
207
+ - **[Fundamentals](https://ods2.vercel.app/fundamentals)** - Accessibility, breakpoints, color, tokens, spacing, typography
208
+ - **[Components](https://ods2.vercel.app/components)** - Full component library with examples and API docs
209
+ - **[Copy](https://ods2.vercel.app/copy)** - Tone of voice, form validation, form labels, CTA guidelines
210
+ - **[Changelog](./CHANGELOG.mdx)** - Release notes and migration guides
211
+
212
+ ### Component Documentation Format
213
+
214
+ Each component page includes:
215
+
216
+ - **Basic Usage** - Getting started with the component
217
+ - **Element Types** - When to use `<a>` vs `<button>`, etc.
218
+ - **Variants** - Visual style variations
219
+ - **Sizes** - Component size options
220
+ - **States** - Active, disabled, error states
221
+ - **Accessibility** - ARIA attributes and keyboard navigation
222
+ - **Code Examples** - Live, interactive previews
223
+
224
+ ## Development
225
+
226
+ ### Setup
227
+
228
+ ```bash
229
+ # Install dependencies
230
+ npm install
231
+
232
+ # Build SCSS exports and search index
233
+ npm run build:scss-exports
234
+ npm run build:search-index
235
+ ```
236
+
237
+ ### Development Server
238
+
239
+ ```bash
240
+ # Start development server with hot reload
241
+ npm run dev
242
+ ```
243
+
244
+ Open [http://localhost:3000](http://localhost:3000) to view the documentation site.
245
+
246
+ ### Building
247
+
248
+ ```bash
249
+ # Build documentation and component bundles
250
+ npm run build
251
+
252
+ # Build component bundle only
253
+ npm run build:bundle
254
+
255
+ # Build megamenu bundle
256
+ npm run build:megamenu
257
+
258
+ # Build footer bundle
259
+ npm run build:footer
260
+ ```
261
+
262
+ ### Testing
263
+
264
+ ```bash
265
+ # Run tests
266
+ npm test
267
+
268
+ # Watch mode
269
+ npm test:watch
270
+
271
+ # Coverage report
272
+ npm test:coverage
273
+ ```
274
+
275
+ ### Linting
276
+
277
+ ```bash
278
+ # Run ESLint
279
+ npm run lint
15
280
  ```
16
281
 
17
- Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
282
+ ### File Structure
283
+
284
+ ```
285
+ src/
286
+ components/ # Component source files
287
+ Button/
288
+ Button.tsx # React wrapper
289
+ IconButton.tsx
290
+ styles/
291
+ style.scss
292
+ index.ts
293
+ Accordion/
294
+ Accordion.tsx # React wrapper
295
+ Accordion.static.ts # Vanilla JS class
296
+ AccordionItem.tsx
297
+ styles/
298
+ style.scss
299
+ index.ts
300
+ ...
301
+ styles/ # Global styles
302
+ tokens.scss # Design tokens (CSS variables)
303
+ mixins.scss
304
+ utils/ # Shared utilities
305
+ hooks.ts # React hooks (useStatic)
306
+ keyboard.ts # Keyboard navigation
307
+ app/ # Next.js documentation site
308
+ components/ # Component docs pages
309
+ fundamentals/ # Design system docs
310
+ getting-started/ # Getting started guides
311
+
312
+ build/ # Compiled components (generated)
313
+ public/ # Static assets
314
+
315
+ package.json # Dependencies and scripts
316
+ tsconfig.json # TypeScript configuration
317
+ rollup.config.mjs # Bundle configuration
318
+ jest.config.js # Test configuration
319
+ eslint.config.mjs # Linting configuration
320
+ ```
321
+
322
+ ## Contributing
323
+
324
+ Contributions are welcome! Please read our [Contributing Guidelines](CONTRIBUTING.md) first.
325
+
326
+ ### Code Standards
327
+
328
+ - **Valid, semantic, and accessible** HTML
329
+ - **TypeScript** for component logic
330
+ - **SCSS** for styles using BEM methodology
331
+ - **PropTypes** for React components (for runtime validation in addition to TypeScript)
332
+ - **Unit and integration tests** for components
333
+
334
+ ### Component Guidelines
335
+
336
+ Each component should include:
18
337
 
19
- You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
338
+ - Folder structure following ODS conventions
339
+ - ✅ React wrapper component (`.tsx`)
340
+ - ✅ Vanilla JavaScript class (`.static.ts`) if interactive
341
+ - ✅ SCSS styles in `styles/` directory
342
+ - ✅ TypeScript interfaces for props
343
+ - ✅ Unit tests
344
+ - ✅ MDX documentation page
345
+ - ✅ Accessibility attributes (ARIA)
20
346
 
21
- 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.
347
+ See [CONTRIBUTING.md](CONTRIBUTING.md) for detailed guidelines.
22
348
 
23
- ## Learn More
349
+ ## Support
24
350
 
25
- To learn more about Next.js, take a look at the following resources:
351
+ ### Resources
26
352
 
27
- - [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
28
- - [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
353
+ - **Documentation**: [https://ods2.vercel.app](https://ods2.vercel.app)
354
+ - **GitHub**: [github.com/orangesk/design-system](https://github.com/orangesk/design-system)
355
+ - **NPM Package**: [@orangesk/orange-design-system](https://www.npmjs.com/package/@orangesk/orange-design-system)
29
356
 
30
- You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
357
+ ### Getting Help
31
358
 
32
- ## Deploy on Vercel
359
+ - 📖 Check the [documentation](https://ods2.vercel.app)
33
360
 
34
- 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.
361
+ ## Changelog
35
362
 
36
- Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.
363
+ See [CHANGELOG.mdx](CHANGELOG.mdx) for detailed release notes, migration guides, and V1-to-V2 migration checklist.
@@ -1,2 +1,2 @@
1
- @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{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}.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)}}
1
+ @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)}}
2
2
  /*# sourceMappingURL=style.css.map */
@@ -1 +1 @@
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,mBAEE,eAAgB,CAEhB,cAAe,CADf,UAAW,CAFX,SAIF,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,iBACE,sBACF,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 }\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-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}"]}
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}"]}
@@ -1,2 +1,2 @@
1
- @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:1rem;font-weight:400;letter-spacing:-.00625rem;line-height:1.5rem}.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%}}
1
+ @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%}}
2
2
  /*# sourceMappingURL=style.css.map */
@@ -1 +1 @@
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,cAAe,CAEf,eAAgB,CAChB,yBAA2B,CAF3B,kBAGF,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: 1rem;\n line-height: 1.5rem;\n font-weight: 400;\n letter-spacing: -0.00625rem;\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}"]}
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}"]}
@@ -1,2 +1,2 @@
1
- @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-size:1rem!important;font-weight:700!important;line-height:1.5rem!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%}}}
1
+ @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%}}}
2
2
  /*# sourceMappingURL=style.css.map */
@@ -1 +1 @@
1
- {"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,CAErB,wBAA0B,CAE1B,yBAA2B,CAD3B,4BAA8B,CAP9B,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: 1rem !important;\n line-height: 1.5rem !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}"]}
1
+ {"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}"]}
@@ -1,2 +1,2 @@
1
- @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}}
1
+ @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)}}
2
2
  /*# sourceMappingURL=style.css.map */
@@ -1 +1 @@
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,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}"]}
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}"]}
@@ -1,2 +1,2 @@
1
- @keyframes countdown{0%{stroke-dashoffset:31.416}to{stroke-dashoffset:0}}@layer components{.carousel-promotions{margin:0 auto 1.875rem;position:relative}.carousel-promotions__viewport-wrapper{position:relative}.carousel-promotions__viewport{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;margin:0 auto;overflow-y:hidden;position:relative;scrollbar-width:none;transform:translateZ(0)}@media screen and (max-width:767.98px){.carousel-promotions__viewport{padding-bottom:.625rem}}@media screen and (min-width:768px){.carousel-promotions__viewport{margin-bottom:1.25rem}}.carousel-promotions__viewport::-webkit-scrollbar{height:0;opacity:0}@media screen and (max-width:767.98px){.carousel-promotions__viewport::-webkit-scrollbar{appearance:none;background-color:var(--color-surface-moderate);border-radius:99px;height:.375rem}.carousel-promotions__viewport::-webkit-scrollbar-thumb{background-color:var(--color-fill-contrast);border-radius:99px;opacity:1}}.carousel-promotions__viewport.is-draggable{cursor:-webkit-grab;cursor:grab;user-select:none}.carousel-promotions__viewport.is-dragging{cursor:-webkit-grabbing;cursor:grabbing}.carousel-promotions__track{display:flex;margin:0;padding:0;transform:translateZ(0);width:100%;z-index:1}.carousel-promotions__slide{background-color:var(--color-surface-primary);display:flex;flex:0 0 auto;max-width:100%;user-select:none}.carousel-promotions__slide--black{background-color:var(--color-surface-contrast);color:var(--color-text-inverse)!important}.carousel-promotions__slide>:last-child{margin-bottom:0}@media screen and (min-width:768px){.carousel-promotions__slide{flex-direction:row-reverse;justify-content:space-between}}.carousel-promotions__slide:is(a){cursor:pointer}.carousel-promotions__slide:is(a),.carousel-promotions__slide:is(a):active,.carousel-promotions__slide:is(a):hover,.carousel-promotions__slide:is(a):visited{color:inherit}.carousel-promotions__image{align-self:center;display:flex;flex-shrink:0;height:6.25rem;margin:.625rem;width:6.25rem}.carousel-promotions__image img,.carousel-promotions__image picture{margin-bottom:0}.carousel-promotions__image img{height:100%;pointer-events:none;user-select:none;width:100%}@media screen and (min-width:768px){.carousel-promotions__image{background-color:unset;border-radius:0;flex-grow:1;height:11rem;justify-content:end;margin:0 3.125rem 0 0;position:relative;width:11rem}.carousel-promotions__image img,.carousel-promotions__image picture{max-width:11rem;object-fit:cover;width:100%}}@media screen and (min-width:992px){.carousel-promotions__image{height:12.5rem;margin-right:6.25rem;width:12.5rem}.carousel-promotions__image img,.carousel-promotions__image picture{max-width:12.5rem}}.carousel-promotions__title{font-size:1rem;font-weight:700;letter-spacing:-.00625rem;line-height:1.25rem;margin-bottom:0}@media screen and (min-width:768px){.carousel-promotions__title{font-size:1.75rem;font-weight:700;letter-spacing:-.0375rem;line-height:2rem}}@media screen and (min-width:992px){.carousel-promotions__title{font-size:2.5rem;font-weight:700;letter-spacing:-.0375rem;line-height:2.875rem;margin-bottom:1.25rem}}.carousel-promotions__content{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;padding:.625rem .625rem .625rem 0}.carousel-promotions__content>:last-child{margin-bottom:0}@media screen and (min-width:768px){.carousel-promotions__content{height:100%;justify-content:space-between;max-width:34.0625rem;padding:1.25rem}}@media screen and (max-width:991.98px){.carousel-promotions__content{font-size:1rem;font-weight:400;letter-spacing:-.00625rem;line-height:1.5rem}}.carousel-promotions__pagination{display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto;padding:0;user-select:none}.carousel-promotions__pagination-item{background:none;background-color:var(--color-surface-contrast);border:0;border-radius:100%;cursor:pointer;display:block;height:8px;margin:8px;padding:0;user-select:none;width:8px}.carousel-promotions__pagination-item:hover{background-color:var(--color-surface-contrast);outline:2px solid var(--color-border-contrast)}.carousel-promotions__pagination-item.is-active:not(:hover){background-color:transparent;outline:2px solid var(--color-border-contrast)}.is-autoplay .carousel-promotions__pagination-item.is-active:not(:focus){outline:none}.carousel-promotions__pagination-item:active{background-color:var(--color-surface-contrast)}.carousel-promotions__pagination-item:focus:not(:active){background-color:var(--color-surface-contrast);outline-color:var(--color-border-contrast)!important;outline-offset:2px;outline-width:3px!important}.carousel-promotions__pagination-svg{display:none;left:-2px;position:relative;top:-2px;transform:rotate(-90deg) scaleY(-1)}.is-autoplay .is-active>.carousel-promotions__pagination-svg{display:block}.carousel-promotions__pagination-circle{stroke-width:2px;stroke:var(--color-border-contrast);stroke-dasharray:31.416;stroke-dashoffset:31.416;animation-direction:reverse;animation-iteration-count:1;animation-name:countdown;animation-timing-function:linear}}
1
+ @keyframes countdown{0%{stroke-dashoffset:31.416}to{stroke-dashoffset:0}}@layer components{.carousel-promotions{margin:0 auto 1.875rem;position:relative}.carousel-promotions__viewport-wrapper{position:relative}.carousel-promotions__viewport{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;margin:0 auto;overflow-y:hidden;position:relative;scrollbar-width:none;transform:translateZ(0)}@media screen and (max-width:767.98px){.carousel-promotions__viewport{padding-bottom:.625rem}}@media screen and (min-width:768px){.carousel-promotions__viewport{margin-bottom:1.25rem}}.carousel-promotions__viewport::-webkit-scrollbar{height:0;opacity:0}@media screen and (max-width:767.98px){.carousel-promotions__viewport::-webkit-scrollbar{appearance:none;background-color:var(--color-surface-moderate);border-radius:99px;height:.375rem}.carousel-promotions__viewport::-webkit-scrollbar-thumb{background-color:var(--color-fill-contrast);border-radius:99px;opacity:1}}.carousel-promotions__viewport.is-draggable{cursor:-webkit-grab;cursor:grab;user-select:none}.carousel-promotions__viewport.is-dragging{cursor:-webkit-grabbing;cursor:grabbing}.carousel-promotions__track{display:flex;margin:0;padding:0;transform:translateZ(0);width:100%;z-index:1}.carousel-promotions__slide{background-color:var(--color-surface-primary);display:flex;flex:0 0 auto;max-width:100%;user-select:none}.carousel-promotions__slide--black{background-color:var(--color-surface-contrast);color:var(--color-text-inverse)!important}.carousel-promotions__slide>:last-child{margin-bottom:0}@media screen and (min-width:768px){.carousel-promotions__slide{flex-direction:row-reverse;justify-content:space-between}}.carousel-promotions__slide:is(a){cursor:pointer}.carousel-promotions__slide:is(a),.carousel-promotions__slide:is(a):active,.carousel-promotions__slide:is(a):hover,.carousel-promotions__slide:is(a):visited{color:inherit}.carousel-promotions__image{align-self:center;display:flex;flex-shrink:0;height:6.25rem;margin:.625rem;width:6.25rem}.carousel-promotions__image img,.carousel-promotions__image picture{margin-bottom:0}.carousel-promotions__image img{height:100%;pointer-events:none;user-select:none;width:100%}@media screen and (min-width:768px){.carousel-promotions__image{background-color:unset;border-radius:0;flex-grow:1;height:11rem;justify-content:end;margin:0 3.125rem 0 0;position:relative;width:11rem}.carousel-promotions__image img,.carousel-promotions__image picture{max-width:11rem;object-fit:cover;width:100%}}@media screen and (min-width:992px){.carousel-promotions__image{height:12.5rem;margin-right:6.25rem;width:12.5rem}.carousel-promotions__image img,.carousel-promotions__image picture{max-width:12.5rem}}.carousel-promotions__title{font-size:1rem;font-weight:300;letter-spacing:-.00625rem;line-height:1.25rem;margin-bottom:0}@media screen and (min-width:768px){.carousel-promotions__title{font-size:1.75rem;font-weight:300;letter-spacing:-.0375rem;line-height:2rem;margin-bottom:1.25rem}}@media screen and (min-width:992px){.carousel-promotions__title{font-size:2.5rem;font-weight:300;letter-spacing:-.0375rem;line-height:2.875rem}}.carousel-promotions__title{font-weight:700}.carousel-promotions__content{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;padding:.625rem .625rem .625rem 0}.carousel-promotions__content>:last-child{margin-bottom:0}@media screen and (min-width:768px){.carousel-promotions__content{height:100%;justify-content:space-between;max-width:34.0625rem;padding:1.25rem}}@media screen and (max-width:991.98px){.carousel-promotions__content{font-size:.875rem;font-weight:400;letter-spacing:0;line-height:.875rem}}@media screen and (max-width:991.98px) and (min-width:768px){.carousel-promotions__content{font-size:1rem;font-weight:400;letter-spacing:-.00625rem;line-height:1.5rem}}@media screen and (max-width:991.98px) and (min-width:992px){.carousel-promotions__content{font-size:1rem;font-weight:400;letter-spacing:-.00625rem;line-height:1.5rem}}.carousel-promotions__pagination{display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto;padding:0;user-select:none}.carousel-promotions__pagination-item{background:none;background-color:var(--color-surface-contrast);border:0;border-radius:100%;cursor:pointer;display:block;height:8px;margin:8px;padding:0;user-select:none;width:8px}.carousel-promotions__pagination-item:hover{background-color:var(--color-surface-contrast);outline:2px solid var(--color-border-contrast)}.carousel-promotions__pagination-item.is-active:not(:hover){background-color:transparent;outline:2px solid var(--color-border-contrast)}.is-autoplay .carousel-promotions__pagination-item.is-active:not(:focus){outline:none}.carousel-promotions__pagination-item:active{background-color:var(--color-surface-contrast)}.carousel-promotions__pagination-item:focus:not(:active){background-color:var(--color-surface-contrast);outline-color:var(--color-border-contrast)!important;outline-offset:2px;outline-width:3px!important}.carousel-promotions__pagination-svg{display:none;left:-2px;position:relative;top:-2px;transform:rotate(-90deg) scaleY(-1)}.is-autoplay .is-active>.carousel-promotions__pagination-svg{display:block}.carousel-promotions__pagination-circle{stroke-width:2px;stroke:var(--color-border-contrast);stroke-dasharray:31.416;stroke-dashoffset:31.416;animation-direction:reverse;animation-iteration-count:1;animation-name:countdown;animation-timing-function:linear}}
2
2
  /*# sourceMappingURL=style.css.map */
@@ -1 +1 @@
1
- {"version":3,"sources":["style.scss"],"names":[],"mappings":"AAGA,qBACE,GACE,wBACF,CACA,GACE,mBACF,CACF,CAEA,kBACE,qBAGE,sBAAuB,CADvB,iBAEF,CACA,uCACE,iBACF,CACA,+BAIE,gCAAiC,CACjC,uBAAwB,CAJxB,aAAc,CAEd,iBAAkB,CADlB,iBAAkB,CAKlB,oBAAqB,CADrB,uBAEF,CACA,uCACE,+BACE,sBACF,CACF,CACA,oCACE,+BACE,qBACF,CACF,CACA,kDAEE,QAAS,CADT,SAEF,CACA,uCACE,kDAEE,eAAgB,CAChB,8CAA+C,CAC/C,kBAAmB,CAHnB,cAIF,CAGA,wDAGE,2CAA4C,CAD5C,kBAAmB,CADnB,SAGF,CANF,CAQA,4CAEE,mBAAoB,CACpB,WAAY,CAFZ,gBAGF,CACA,2CACE,uBAAwB,CACxB,eACF,CACA,4BAKE,YAAa,CAFb,QAAS,CACT,SAAU,CAHV,uBAAwB,CACxB,UAAW,CAIX,SACF,CACA,4BAKE,6CAA8C,CAJ9C,YAAa,CAEb,aAAc,CADd,cAAe,CAEf,gBAEF,CACA,mCACE,8CAA+C,CAC/C,yCACF,CACA,wCACE,eACF,CACA,oCACE,4BACE,0BAA2B,CAC3B,6BACF,CACF,CACA,kCACE,cACF,CACA,6JACE,aACF,CACA,4BAIE,iBAAkB,CADlB,YAAa,CAEb,aAAc,CAHd,cAAe,CAIf,cAAgB,CALhB,aAMF,CACA,oEAEE,eACF,CACA,gCAIE,WAAY,CAFZ,mBAAoB,CADpB,gBAAiB,CAEjB,UAEF,CACA,oCACE,4BAKE,sBAAuB,CADvB,eAAgB,CADhB,WAAY,CADZ,YAAa,CAIb,mBAAoB,CAEpB,qBAAsB,CADtB,iBAAkB,CANlB,WAQF,CACA,oEAGE,eAAgB,CAChB,gBAAiB,CAFjB,UAGF,CACF,CACA,oCACE,4BAEE,cAAe,CACf,oBAAqB,CAFrB,aAGF,CACA,oEAEE,iBACF,CACF,CACA,4BAEE,cAAe,CAEf,eAAgB,CAChB,yBAA2B,CAF3B,mBAAoB,CAFpB,eAKF,CACA,oCACE,4BACE,iBAAkB,CAElB,eAAgB,CAChB,wBAA0B,CAF1B,gBAGF,CACF,CACA,oCACE,4BACE,gBAAiB,CAEjB,eAAgB,CAChB,wBAA0B,CAF1B,oBAAqB,CAGrB,qBACF,CACF,CACA,8BAGE,sBAAuB,CAFvB,YAAa,CACb,qBAAsB,CAEtB,sBAAuB,CACvB,iCACF,CACA,0CACE,eACF,CACA,oCACE,8BACE,WAAY,CAEZ,6BAA8B,CAD9B,oBAAqB,CAErB,eACF,CACF,CACA,uCACE,8BACE,cAAe,CAEf,eAAgB,CAChB,yBAA2B,CAF3B,kBAGF,CACF,CACA,iCAEE,YAAa,CACb,cAAe,CACf,sBAAuB,CACvB,aAAc,CACd,SAAU,CALV,gBAMF,CACA,sCACE,eAAgB,CAUhB,8CAA+C,CAT/C,QAAS,CAKT,kBAAmB,CADnB,cAAe,CADf,aAAc,CAId,UAAW,CACX,UAAW,CAPX,SAAU,CACV,gBAAiB,CAIjB,SAIF,CACA,4CACE,8CAA+C,CAC/C,8CACF,CACA,4DACE,4BAA6B,CAC7B,8CACF,CACA,yEACE,YACF,CACA,6CACE,8CACF,CACA,yDACE,8CAA+C,CAG/C,oDAAsD,CAFtD,kBAAmB,CACnB,2BAEF,CACA,qCAEE,YAAa,CACb,SAAU,CAFV,iBAAkB,CAGlB,QAAS,CACT,mCACF,CACA,6DACE,aACF,CACA,wCACE,gBAAiB,CACjB,mCAAoC,CACpC,uBAAwB,CACxB,wBAAyB,CAIzB,2BAA4B,CAF5B,2BAA4B,CAD5B,wBAAyB,CAEzB,gCAEF,CACF","file":"style.css","sourcesContent":["/**\n * Resets margin-bottom of the last child to zero\n */\n@keyframes countdown {\n from {\n stroke-dashoffset: 31.416;\n }\n to {\n stroke-dashoffset: 0;\n }\n}\n/* stylelint-disable value-no-vendor-prefix, property-no-vendor-prefix */\n@layer components {\n .carousel-promotions {\n margin: 0 auto;\n position: relative;\n margin-bottom: 1.875rem;\n }\n .carousel-promotions__viewport-wrapper {\n position: relative;\n }\n .carousel-promotions__viewport {\n margin: 0 auto;\n position: relative;\n overflow-y: hidden;\n -webkit-overflow-scrolling: touch;\n -ms-overflow-style: none;\n transform: translateZ(0);\n scrollbar-width: none;\n }\n @media screen and (max-width: 767.98px) {\n .carousel-promotions__viewport {\n padding-bottom: 0.625rem;\n }\n }\n @media screen and (min-width: 768px) {\n .carousel-promotions__viewport {\n margin-bottom: 1.25rem;\n }\n }\n .carousel-promotions__viewport::-webkit-scrollbar {\n opacity: 0;\n height: 0;\n }\n @media screen and (max-width: 767.98px) {\n .carousel-promotions__viewport::-webkit-scrollbar {\n height: 0.375rem;\n appearance: none;\n background-color: var(--color-surface-moderate);\n border-radius: 99px;\n }\n }\n @media screen and (max-width: 767.98px) {\n .carousel-promotions__viewport::-webkit-scrollbar-thumb {\n opacity: 1;\n border-radius: 99px;\n background-color: var(--color-fill-contrast);\n }\n }\n .carousel-promotions__viewport.is-draggable {\n user-select: none;\n cursor: -webkit-grab;\n cursor: grab;\n }\n .carousel-promotions__viewport.is-dragging {\n cursor: -webkit-grabbing;\n cursor: grabbing;\n }\n .carousel-promotions__track {\n transform: translateZ(0);\n width: 100%;\n margin: 0;\n padding: 0;\n display: flex;\n z-index: 1;\n }\n .carousel-promotions__slide {\n display: flex;\n max-width: 100%;\n flex: 0 0 auto;\n user-select: none;\n background-color: var(--color-surface-primary);\n }\n .carousel-promotions__slide--black {\n background-color: var(--color-surface-contrast);\n color: var(--color-text-inverse) !important;\n }\n .carousel-promotions__slide > *:last-child {\n margin-bottom: 0;\n }\n @media screen and (min-width: 768px) {\n .carousel-promotions__slide {\n flex-direction: row-reverse;\n justify-content: space-between;\n }\n }\n .carousel-promotions__slide:is(a) {\n cursor: pointer;\n }\n .carousel-promotions__slide:is(a), .carousel-promotions__slide:is(a):visited, .carousel-promotions__slide:is(a):hover, .carousel-promotions__slide:is(a):active {\n color: inherit;\n }\n .carousel-promotions__image {\n width: 6.25rem;\n height: 6.25rem;\n display: flex;\n align-self: center;\n flex-shrink: 0;\n margin: 0.625rem;\n }\n .carousel-promotions__image picture,\n .carousel-promotions__image img {\n margin-bottom: 0;\n }\n .carousel-promotions__image img {\n user-select: none;\n pointer-events: none;\n width: 100%;\n height: 100%;\n }\n @media screen and (min-width: 768px) {\n .carousel-promotions__image {\n width: 11rem;\n height: 11rem;\n flex-grow: 1;\n border-radius: 0;\n background-color: unset;\n justify-content: end;\n position: relative;\n margin: 0 3.125rem 0 0;\n }\n .carousel-promotions__image img,\n .carousel-promotions__image picture {\n width: 100%;\n max-width: 11rem;\n object-fit: cover;\n }\n }\n @media screen and (min-width: 992px) {\n .carousel-promotions__image {\n width: 12.5rem;\n height: 12.5rem;\n margin-right: 6.25rem;\n }\n .carousel-promotions__image img,\n .carousel-promotions__image picture {\n max-width: 12.5rem;\n }\n }\n .carousel-promotions__title {\n margin-bottom: 0;\n font-size: 1rem;\n line-height: 1.25rem;\n font-weight: 700;\n letter-spacing: -0.00625rem;\n }\n @media screen and (min-width: 768px) {\n .carousel-promotions__title {\n font-size: 1.75rem;\n line-height: 2rem;\n font-weight: 700;\n letter-spacing: -0.0375rem;\n }\n }\n @media screen and (min-width: 992px) {\n .carousel-promotions__title {\n font-size: 2.5rem;\n line-height: 2.875rem;\n font-weight: 700;\n letter-spacing: -0.0375rem;\n margin-bottom: 1.25rem;\n }\n }\n .carousel-promotions__content {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: center;\n padding: 0.625rem 0.625rem 0.625rem 0;\n }\n .carousel-promotions__content > *:last-child {\n margin-bottom: 0;\n }\n @media screen and (min-width: 768px) {\n .carousel-promotions__content {\n height: 100%;\n max-width: 34.0625rem;\n justify-content: space-between;\n padding: 1.25rem;\n }\n }\n @media screen and (max-width: 991.98px) {\n .carousel-promotions__content {\n font-size: 1rem;\n line-height: 1.5rem;\n font-weight: 400;\n letter-spacing: -0.00625rem;\n }\n }\n .carousel-promotions__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-promotions__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: 8px;\n height: 8px;\n margin: 8px;\n background-color: var(--color-surface-contrast);\n }\n .carousel-promotions__pagination-item:hover {\n background-color: var(--color-surface-contrast);\n outline: 2px solid var(--color-border-contrast);\n }\n .carousel-promotions__pagination-item.is-active:not(:hover) {\n background-color: transparent;\n outline: 2px solid var(--color-border-contrast);\n }\n .is-autoplay .carousel-promotions__pagination-item.is-active:not(:focus) {\n outline: none;\n }\n .carousel-promotions__pagination-item:active {\n background-color: var(--color-surface-contrast);\n }\n .carousel-promotions__pagination-item:focus:not(:active) {\n background-color: var(--color-surface-contrast);\n outline-offset: 2px;\n outline-width: 3px !important;\n outline-color: var(--color-border-contrast) !important;\n }\n .carousel-promotions__pagination-svg {\n position: relative;\n display: none;\n left: -2px;\n top: -2px;\n transform: rotate(-90deg) scale(1, -1);\n }\n .is-autoplay .is-active > .carousel-promotions__pagination-svg {\n display: block;\n }\n .carousel-promotions__pagination-circle {\n stroke-width: 2px;\n stroke: var(--color-border-contrast);\n stroke-dasharray: 31.416;\n stroke-dashoffset: 31.416;\n animation-name: countdown;\n animation-iteration-count: 1;\n animation-timing-function: linear;\n animation-direction: reverse;\n }\n}"]}
1
+ {"version":3,"sources":["style.scss"],"names":[],"mappings":"AAGA,qBACE,GACE,wBACF,CACA,GACE,mBACF,CACF,CAEA,kBACE,qBAGE,sBAAuB,CADvB,iBAEF,CACA,uCACE,iBACF,CACA,+BAIE,gCAAiC,CACjC,uBAAwB,CAJxB,aAAc,CAEd,iBAAkB,CADlB,iBAAkB,CAKlB,oBAAqB,CADrB,uBAEF,CACA,uCACE,+BACE,sBACF,CACF,CACA,oCACE,+BACE,qBACF,CACF,CACA,kDAEE,QAAS,CADT,SAEF,CACA,uCACE,kDAEE,eAAgB,CAChB,8CAA+C,CAC/C,kBAAmB,CAHnB,cAIF,CAGA,wDAGE,2CAA4C,CAD5C,kBAAmB,CADnB,SAGF,CANF,CAQA,4CAEE,mBAAoB,CACpB,WAAY,CAFZ,gBAGF,CACA,2CACE,uBAAwB,CACxB,eACF,CACA,4BAKE,YAAa,CAFb,QAAS,CACT,SAAU,CAHV,uBAAwB,CACxB,UAAW,CAIX,SACF,CACA,4BAKE,6CAA8C,CAJ9C,YAAa,CAEb,aAAc,CADd,cAAe,CAEf,gBAEF,CACA,mCACE,8CAA+C,CAC/C,yCACF,CACA,wCACE,eACF,CACA,oCACE,4BACE,0BAA2B,CAC3B,6BACF,CACF,CACA,kCACE,cACF,CACA,6JACE,aACF,CACA,4BAIE,iBAAkB,CADlB,YAAa,CAEb,aAAc,CAHd,cAAe,CAIf,cAAgB,CALhB,aAMF,CACA,oEAEE,eACF,CACA,gCAIE,WAAY,CAFZ,mBAAoB,CADpB,gBAAiB,CAEjB,UAEF,CACA,oCACE,4BAKE,sBAAuB,CADvB,eAAgB,CADhB,WAAY,CADZ,YAAa,CAIb,mBAAoB,CAEpB,qBAAsB,CADtB,iBAAkB,CANlB,WAQF,CACA,oEAGE,eAAgB,CAChB,gBAAiB,CAFjB,UAGF,CACF,CACA,oCACE,4BAEE,cAAe,CACf,oBAAqB,CAFrB,aAGF,CACA,oEAEE,iBACF,CACF,CACA,4BAEE,cAAe,CAEf,eAAgB,CAChB,yBAA2B,CAF3B,mBAAoB,CAFpB,eAKF,CACA,oCACE,4BACE,iBAAkB,CAElB,eAAgB,CAChB,wBAA0B,CAF1B,gBAAiB,CAGjB,qBACF,CACF,CACA,oCACE,4BACE,gBAAiB,CAEjB,eAAgB,CAChB,wBAA0B,CAF1B,oBAGF,CACF,CACA,4BACE,eACF,CACA,8BAGE,sBAAuB,CAFvB,YAAa,CACb,qBAAsB,CAEtB,sBAAuB,CACvB,iCACF,CACA,0CACE,eACF,CACA,oCACE,8BACE,WAAY,CAEZ,6BAA8B,CAD9B,oBAAqB,CAErB,eACF,CACF,CACA,uCACE,8BACE,iBAAmB,CAEnB,eAAgB,CAChB,gBAAoB,CAFpB,mBAGF,CACF,CACA,6DACE,8BACE,cAAe,CAEf,eAAgB,CAChB,yBAA2B,CAF3B,kBAGF,CACF,CACA,6DACE,8BACE,cAAe,CAEf,eAAgB,CAChB,yBAA2B,CAF3B,kBAGF,CACF,CACA,iCAEE,YAAa,CACb,cAAe,CACf,sBAAuB,CACvB,aAAc,CACd,SAAU,CALV,gBAMF,CACA,sCACE,eAAgB,CAUhB,8CAA+C,CAT/C,QAAS,CAKT,kBAAmB,CADnB,cAAe,CADf,aAAc,CAId,UAAW,CACX,UAAW,CAPX,SAAU,CACV,gBAAiB,CAIjB,SAIF,CACA,4CACE,8CAA+C,CAC/C,8CACF,CACA,4DACE,4BAA6B,CAC7B,8CACF,CACA,yEACE,YACF,CACA,6CACE,8CACF,CACA,yDACE,8CAA+C,CAG/C,oDAAsD,CAFtD,kBAAmB,CACnB,2BAEF,CACA,qCAEE,YAAa,CACb,SAAU,CAFV,iBAAkB,CAGlB,QAAS,CACT,mCACF,CACA,6DACE,aACF,CACA,wCACE,gBAAiB,CACjB,mCAAoC,CACpC,uBAAwB,CACxB,wBAAyB,CAIzB,2BAA4B,CAF5B,2BAA4B,CAD5B,wBAAyB,CAEzB,gCAEF,CACF","file":"style.css","sourcesContent":["/**\n * Resets margin-bottom of the last child to zero\n */\n@keyframes countdown {\n from {\n stroke-dashoffset: 31.416;\n }\n to {\n stroke-dashoffset: 0;\n }\n}\n/* stylelint-disable value-no-vendor-prefix, property-no-vendor-prefix */\n@layer components {\n .carousel-promotions {\n margin: 0 auto;\n position: relative;\n margin-bottom: 1.875rem;\n }\n .carousel-promotions__viewport-wrapper {\n position: relative;\n }\n .carousel-promotions__viewport {\n margin: 0 auto;\n position: relative;\n overflow-y: hidden;\n -webkit-overflow-scrolling: touch;\n -ms-overflow-style: none;\n transform: translateZ(0);\n scrollbar-width: none;\n }\n @media screen and (max-width: 767.98px) {\n .carousel-promotions__viewport {\n padding-bottom: 0.625rem;\n }\n }\n @media screen and (min-width: 768px) {\n .carousel-promotions__viewport {\n margin-bottom: 1.25rem;\n }\n }\n .carousel-promotions__viewport::-webkit-scrollbar {\n opacity: 0;\n height: 0;\n }\n @media screen and (max-width: 767.98px) {\n .carousel-promotions__viewport::-webkit-scrollbar {\n height: 0.375rem;\n appearance: none;\n background-color: var(--color-surface-moderate);\n border-radius: 99px;\n }\n }\n @media screen and (max-width: 767.98px) {\n .carousel-promotions__viewport::-webkit-scrollbar-thumb {\n opacity: 1;\n border-radius: 99px;\n background-color: var(--color-fill-contrast);\n }\n }\n .carousel-promotions__viewport.is-draggable {\n user-select: none;\n cursor: -webkit-grab;\n cursor: grab;\n }\n .carousel-promotions__viewport.is-dragging {\n cursor: -webkit-grabbing;\n cursor: grabbing;\n }\n .carousel-promotions__track {\n transform: translateZ(0);\n width: 100%;\n margin: 0;\n padding: 0;\n display: flex;\n z-index: 1;\n }\n .carousel-promotions__slide {\n display: flex;\n max-width: 100%;\n flex: 0 0 auto;\n user-select: none;\n background-color: var(--color-surface-primary);\n }\n .carousel-promotions__slide--black {\n background-color: var(--color-surface-contrast);\n color: var(--color-text-inverse) !important;\n }\n .carousel-promotions__slide > *:last-child {\n margin-bottom: 0;\n }\n @media screen and (min-width: 768px) {\n .carousel-promotions__slide {\n flex-direction: row-reverse;\n justify-content: space-between;\n }\n }\n .carousel-promotions__slide:is(a) {\n cursor: pointer;\n }\n .carousel-promotions__slide:is(a), .carousel-promotions__slide:is(a):visited, .carousel-promotions__slide:is(a):hover, .carousel-promotions__slide:is(a):active {\n color: inherit;\n }\n .carousel-promotions__image {\n width: 6.25rem;\n height: 6.25rem;\n display: flex;\n align-self: center;\n flex-shrink: 0;\n margin: 0.625rem;\n }\n .carousel-promotions__image picture,\n .carousel-promotions__image img {\n margin-bottom: 0;\n }\n .carousel-promotions__image img {\n user-select: none;\n pointer-events: none;\n width: 100%;\n height: 100%;\n }\n @media screen and (min-width: 768px) {\n .carousel-promotions__image {\n width: 11rem;\n height: 11rem;\n flex-grow: 1;\n border-radius: 0;\n background-color: unset;\n justify-content: end;\n position: relative;\n margin: 0 3.125rem 0 0;\n }\n .carousel-promotions__image img,\n .carousel-promotions__image picture {\n width: 100%;\n max-width: 11rem;\n object-fit: cover;\n }\n }\n @media screen and (min-width: 992px) {\n .carousel-promotions__image {\n width: 12.5rem;\n height: 12.5rem;\n margin-right: 6.25rem;\n }\n .carousel-promotions__image img,\n .carousel-promotions__image picture {\n max-width: 12.5rem;\n }\n }\n .carousel-promotions__title {\n margin-bottom: 0;\n font-size: 1rem;\n line-height: 1.25rem;\n font-weight: 300;\n letter-spacing: -0.00625rem;\n }\n @media screen and (min-width: 768px) {\n .carousel-promotions__title {\n font-size: 1.75rem;\n line-height: 2rem;\n font-weight: 300;\n letter-spacing: -0.0375rem;\n margin-bottom: 1.25rem;\n }\n }\n @media screen and (min-width: 992px) {\n .carousel-promotions__title {\n font-size: 2.5rem;\n line-height: 2.875rem;\n font-weight: 300;\n letter-spacing: -0.0375rem;\n }\n }\n .carousel-promotions__title {\n font-weight: 700;\n }\n .carousel-promotions__content {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: center;\n padding: 0.625rem 0.625rem 0.625rem 0;\n }\n .carousel-promotions__content > *:last-child {\n margin-bottom: 0;\n }\n @media screen and (min-width: 768px) {\n .carousel-promotions__content {\n height: 100%;\n max-width: 34.0625rem;\n justify-content: space-between;\n padding: 1.25rem;\n }\n }\n @media screen and (max-width: 991.98px) {\n .carousel-promotions__content {\n font-size: 0.875rem;\n line-height: 0.875rem;\n font-weight: 400;\n letter-spacing: 0rem;\n }\n }\n @media screen and (max-width: 991.98px) and (min-width: 768px) {\n .carousel-promotions__content {\n font-size: 1rem;\n line-height: 1.5rem;\n font-weight: 400;\n letter-spacing: -0.00625rem;\n }\n }\n @media screen and (max-width: 991.98px) and (min-width: 992px) {\n .carousel-promotions__content {\n font-size: 1rem;\n line-height: 1.5rem;\n font-weight: 400;\n letter-spacing: -0.00625rem;\n }\n }\n .carousel-promotions__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-promotions__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: 8px;\n height: 8px;\n margin: 8px;\n background-color: var(--color-surface-contrast);\n }\n .carousel-promotions__pagination-item:hover {\n background-color: var(--color-surface-contrast);\n outline: 2px solid var(--color-border-contrast);\n }\n .carousel-promotions__pagination-item.is-active:not(:hover) {\n background-color: transparent;\n outline: 2px solid var(--color-border-contrast);\n }\n .is-autoplay .carousel-promotions__pagination-item.is-active:not(:focus) {\n outline: none;\n }\n .carousel-promotions__pagination-item:active {\n background-color: var(--color-surface-contrast);\n }\n .carousel-promotions__pagination-item:focus:not(:active) {\n background-color: var(--color-surface-contrast);\n outline-offset: 2px;\n outline-width: 3px !important;\n outline-color: var(--color-border-contrast) !important;\n }\n .carousel-promotions__pagination-svg {\n position: relative;\n display: none;\n left: -2px;\n top: -2px;\n transform: rotate(-90deg) scale(1, -1);\n }\n .is-autoplay .is-active > .carousel-promotions__pagination-svg {\n display: block;\n }\n .carousel-promotions__pagination-circle {\n stroke-width: 2px;\n stroke: var(--color-border-contrast);\n stroke-dasharray: 31.416;\n stroke-dashoffset: 31.416;\n animation-name: countdown;\n animation-iteration-count: 1;\n animation-timing-function: linear;\n animation-direction: reverse;\n }\n}"]}
@@ -1,2 +1,2 @@
1
- @layer components{@media screen and (min-width:768px){.feature-accordion__accordion{background-color:var(--color-fill-subtle);border-color:var(--color-fill-disabled);color:var(--color-text-default)}}.feature-accordion__accordion .accordion{background-color:var(--color-fill-subtle);border-color:var(--color-fill-disabled);color:var(--color-text-default);margin:5.4375rem 3.75rem}@media screen and (max-width:991.98px){.feature-accordion__accordion .accordion{margin:3.75rem 1.875rem}}@media screen and (max-width:767.98px){.feature-accordion__accordion .accordion{margin:0}}.feature-accordion__preview{background-color:var(--color-fill-subtle);border-color:var(--color-fill-disabled);color:var(--color-text-default);display:flex;padding:0!important}.feature-accordion__preview img{height:auto;margin:0!important;object-fit:cover;object-position:left center;width:100%}.feature-accordion__item{border-top:1px solid var(--color-fill-disabled)}.feature-accordion__item:first-child{border-top:none}.feature-accordion__item:last-child{border-bottom:none}.feature-accordion__item.is-active{border-top:4px solid var(--color-border-accent)}.feature-accordion__item .accordion__body{margin-bottom:0}@media screen and (max-width:767.98px){.feature-accordion__item .accordion__header,.feature-accordion__item .feature-accordion__content{padding-left:1.875rem;padding-right:1.875rem}}.feature-accordion.is-white{--color-fill-subtle:#fff}}
1
+ @layer components{.feature-accordion{background-color:var(--color-fill-subtle);border-color:var(--color-fill-disabled);color:var(--color-text-default)}.feature-accordion__accordion .accordion{margin:5.4375rem 3.75rem}@media screen and (max-width:991.98px){.feature-accordion__accordion .accordion{margin:3.75rem 1.875rem}}@media screen and (max-width:767.98px){.feature-accordion__accordion .accordion{margin:0}}.feature-accordion__preview{display:flex;padding:0!important}.feature-accordion__preview img{height:auto;margin:0!important;object-fit:cover;object-position:left center;width:100%}.feature-accordion__item{border-top:1px solid var(--color-fill-disabled)}.feature-accordion__item:first-child{border-top:none}.feature-accordion__item:last-child{border-bottom:none}.feature-accordion__item.is-active{border-top:4px solid var(--color-border-accent)}.feature-accordion__item .accordion__body{margin-bottom:0}@media screen and (max-width:767.98px){.feature-accordion__item .accordion__header,.feature-accordion__item .feature-accordion__content{padding-left:1.875rem;padding-right:1.875rem}}}
2
2
  /*# sourceMappingURL=style.css.map */
@@ -1 +1 @@
1
- {"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,kBACE,oCACE,8BAEE,yCAA0C,CAC1C,uCAAwC,CAFxC,+BAGF,CACF,CACA,yCAEE,yCAA0C,CAC1C,uCAAwC,CAFxC,+BAAgC,CAGhC,wBACF,CACA,uCACE,yCACE,uBACF,CACF,CACA,uCACE,yCACE,QACF,CACF,CACA,4BAIE,yCAA0C,CAC1C,uCAAwC,CAFxC,+BAAgC,CAFhC,YAAa,CACb,mBAIF,CACA,gCAEE,WAAY,CAGZ,kBAAsB,CAFtB,gBAAiB,CACjB,2BAA4B,CAH5B,UAKF,CACA,yBACE,+CACF,CACA,qCACE,eACF,CACA,oCACE,kBACF,CACA,mCACE,+CACF,CACA,0CACE,eACF,CACA,uCACE,iGAEE,qBAAsB,CACtB,sBACF,CACF,CACA,4BACE,wBACF,CACF","file":"style.css","sourcesContent":["@layer components {\n @media screen and (min-width: 768px) {\n .feature-accordion__accordion {\n color: var(--color-text-default);\n background-color: var(--color-fill-subtle);\n border-color: var(--color-fill-disabled);\n }\n }\n .feature-accordion__accordion .accordion {\n color: var(--color-text-default);\n background-color: var(--color-fill-subtle);\n border-color: var(--color-fill-disabled);\n margin: 5.4375rem 3.75rem;\n }\n @media screen and (max-width: 991.98px) {\n .feature-accordion__accordion .accordion {\n margin: 3.75rem 1.875rem;\n }\n }\n @media screen and (max-width: 767.98px) {\n .feature-accordion__accordion .accordion {\n margin: 0;\n }\n }\n .feature-accordion__preview {\n display: flex;\n padding: 0px !important;\n color: var(--color-text-default);\n background-color: var(--color-fill-subtle);\n border-color: var(--color-fill-disabled);\n }\n .feature-accordion__preview img {\n width: 100%;\n height: auto;\n object-fit: cover;\n object-position: left center;\n margin: 0px !important;\n }\n .feature-accordion__item {\n border-top: 1px solid var(--color-fill-disabled);\n }\n .feature-accordion__item:first-child {\n border-top: none;\n }\n .feature-accordion__item:last-child {\n border-bottom: none;\n }\n .feature-accordion__item.is-active {\n border-top: 4px solid var(--color-border-accent);\n }\n .feature-accordion__item .accordion__body {\n margin-bottom: 0;\n }\n @media screen and (max-width: 767.98px) {\n .feature-accordion__item .accordion__header,\n .feature-accordion__item .feature-accordion__content {\n padding-left: 1.875rem;\n padding-right: 1.875rem;\n }\n }\n .feature-accordion.is-white {\n --color-fill-subtle: #fff;\n }\n}"]}
1
+ {"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,kBACE,mBAEE,yCAA0C,CAC1C,uCAAwC,CAFxC,+BAGF,CACA,yCACE,wBACF,CACA,uCACE,yCACE,uBACF,CACF,CACA,uCACE,yCACE,QACF,CACF,CACA,4BACE,YAAa,CACb,mBACF,CACA,gCAEE,WAAY,CAGZ,kBAAsB,CAFtB,gBAAiB,CACjB,2BAA4B,CAH5B,UAKF,CACA,yBACE,+CACF,CACA,qCACE,eACF,CACA,oCACE,kBACF,CACA,mCACE,+CACF,CACA,0CACE,eACF,CACA,uCACE,iGAEE,qBAAsB,CACtB,sBACF,CACF,CACF","file":"style.css","sourcesContent":["@layer components {\n .feature-accordion {\n color: var(--color-text-default);\n background-color: var(--color-fill-subtle);\n border-color: var(--color-fill-disabled);\n }\n .feature-accordion__accordion .accordion {\n margin: 5.4375rem 3.75rem;\n }\n @media screen and (max-width: 991.98px) {\n .feature-accordion__accordion .accordion {\n margin: 3.75rem 1.875rem;\n }\n }\n @media screen and (max-width: 767.98px) {\n .feature-accordion__accordion .accordion {\n margin: 0;\n }\n }\n .feature-accordion__preview {\n display: flex;\n padding: 0px !important;\n }\n .feature-accordion__preview img {\n width: 100%;\n height: auto;\n object-fit: cover;\n object-position: left center;\n margin: 0px !important;\n }\n .feature-accordion__item {\n border-top: 1px solid var(--color-fill-disabled);\n }\n .feature-accordion__item:first-child {\n border-top: none;\n }\n .feature-accordion__item:last-child {\n border-bottom: none;\n }\n .feature-accordion__item.is-active {\n border-top: 4px solid var(--color-border-accent);\n }\n .feature-accordion__item .accordion__body {\n margin-bottom: 0;\n }\n @media screen and (max-width: 767.98px) {\n .feature-accordion__item .accordion__header,\n .feature-accordion__item .feature-accordion__content {\n padding-left: 1.875rem;\n padding-right: 1.875rem;\n }\n }\n}"]}
@@ -1,2 +1,2 @@
1
- .footer .sr-only{clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.footer a{color:var(--color-text-default);font-size:inherit;text-decoration:none}.footer a:active,.footer a:focus,.footer a:hover{text-decoration:underline;text-underline-offset:.25rem}.footer a:focus-visible{outline:2px solid var(--color-border-accent);outline-offset:2px}.footer [contentEditable=true]:focus,.footer [tabindex]:not([tabindex="-1"]):focus,.footer [type=button]:focus,.footer a[href]:focus,.footer area[href]:focus,.footer button:focus,.footer iframe:focus,.footer input:focus,.footer select:focus,.footer textarea:focus{outline:2px solid var(--color-border-contrast);outline-offset:2px}.footer [contentEditable=true]:focus-visible,.footer [tabindex]:not([tabindex="-1"]):focus-visible,.footer [type=button]:focus-visible,.footer a[href]:focus-visible,.footer area[href]:focus-visible,.footer button:focus-visible,.footer iframe:focus-visible,.footer input:focus-visible,.footer select:focus-visible,.footer textarea:focus-visible{outline:2px solid var(--color-border-contrast);outline-offset:2px}.footer [contentEditable=true]:focus:not(:focus-visible),.footer [tabindex]:not([tabindex="-1"]):focus:not(:focus-visible),.footer [type=button]:focus:not(:focus-visible),.footer a[href]:focus:not(:focus-visible),.footer area[href]:focus:not(:focus-visible),.footer button:focus:not(:focus-visible),.footer iframe:focus:not(:focus-visible),.footer input:focus:not(:focus-visible),.footer select:focus:not(:focus-visible),.footer textarea:focus:not(:focus-visible){outline-color:transparent;outline-width:0}.footer *{box-sizing:border-box;letter-spacing:-.00625rem;line-height:1.125rem}.footer ::selection{background-color:rgba(241,94,0,.9);color:var(--color-text-default)}.footer hr{border:0;border-top:1px solid var(--color-border-subtle);margin-bottom:1.875rem;margin-top:1.875rem}.footer p,.footer ul{font-size:.875rem;line-height:1.09375rem}.footer,.footer.is-light{--color-background-primary:#fff;--color-background-secondary:#f4f4f4;--color-background-contrast:#141414;--color-background-accent:#fff6ed;--color-background-accent1-blog:#fff6cc;--color-background-accent2-blog:#eee7f7;--color-surface-primary:#fff;--color-surface-secondary:#ff7900;--color-surface-tertiary:#f15e00;--color-surface-subtle:#eee;--color-surface-moderate:#ddd;--color-surface-contrast:#141414;--color-surface-accent:#fff6ed;--color-fill-primary:#fff;--color-fill-secondary:#ff7900;--color-fill-tertiary:#f15e00;--color-fill-subtle:#eee;--color-fill-moderate:#ddd;--color-fill-disabled:#ccc;--color-fill-contrast:#000;--color-fill-accent1:#4bb4e6;--color-fill-accent2:#50be87;--color-fill-accent3:#ffb4e6;--color-fill-accent4:#a885d8;--color-fill-accent5:#ffd200;--color-fill-information:rgba(65,112,216,.078);--color-fill-positive:rgba(34,135,34,.078);--color-fill-warning:rgba(255,204,0,.078);--color-fill-negative:rgba(205,60,20,.078);--color-border-subtle:#ddd;--color-border-strong:#ccc;--color-border-contrast:#000;--color-border-accent:#f15e00;--color-border-information:#4170d8;--color-border-positive:#228722;--color-border-warning:#fc0;--color-border-negative:#cd3c14;--color-icon-default:#000;--color-icon-inverse:#fff;--color-icon-brand:#f15e00;--color-icon-accent:#ffc48f;--color-icon-disabled:#ccc;--color-icon-information:#4170d8;--color-icon-positive:#228722;--color-icon-warning:#fc0;--color-icon-negative:#cd3c14;--color-text-default:#000;--color-text-secondary:#666;--color-text-disabled:#ccc;--color-text-inverse:#fff;--color-text-accent:#f15e00}.footer.is-dark{--color-background-primary:#141414;--color-background-secondary:#333;--color-background-contrast:#fff;--color-background-accent:#2b1a10;--color-background-accent1-blog:#62342d;--color-background-accent2-blog:#2b1a10;--color-surface-primary:#141414;--color-surface-secondary:#ff7900;--color-surface-tertiary:#f15e00;--color-surface-subtle:#333;--color-surface-moderate:#595959;--color-surface-contrast:#fff;--color-surface-accent:#2b1a10;--color-fill-primary:#000;--color-fill-secondary:#ff7900;--color-fill-tertiary:#f15e00;--color-fill-subtle:#333;--color-fill-moderate:#595959;--color-fill-disabled:#666;--color-fill-contrast:#fff;--color-fill-accent1:#4bb4e6;--color-fill-accent2:#50be87;--color-fill-accent3:#ffb4e6;--color-fill-accent4:#a885d8;--color-fill-accent5:#ffd200;--color-fill-information:rgba(65,112,216,.2);--color-fill-positive:rgba(34,135,34,.2);--color-fill-warning:rgba(255,204,0,.2);--color-fill-negative:rgba(205,60,20,.2);--color-border-subtle:#333;--color-border-strong:#666;--color-border-contrast:#fff;--color-border-accent:#ff7900;--color-border-information:#69f;--color-border-positive:#6c6;--color-border-warning:#fc0;--color-border-negative:#ff4d4d;--color-icon-default:#fff;--color-icon-inverse:#000;--color-icon-brand:#ff7900;--color-icon-accent:#da8436;--color-icon-disabled:#666;--color-icon-information:#69f;--color-icon-positive:#6c6;--color-icon-warning:#fc0;--color-icon-negative:#ff4d4d;--color-text-default:#fff;--color-text-secondary:#ccc;--color-text-disabled:#666;--color-text-inverse:#000;--color-text-accent:#ff7900}.footer{background-color:var(--color-surface-primary);box-sizing:border-box;color:var(--color-text-default);font-family:OrangeSK Neue,Helvetica Neue,helvetica,arial,sans-serif;font-size:1rem;padding:3.75rem 0}@media screen and (max-width:991.98px){.footer{padding:1.875rem 0}}.footer__container{margin-left:auto;margin-right:auto;max-width:none;padding-left:.625rem;padding-right:.625rem;width:100%}@media screen and (min-width:768px){.footer__container{max-width:744px}}@media screen and (min-width:992px){.footer__container{max-width:960px}}@media screen and (min-width:1240px){.footer__container{max-width:1200px}}@media screen and (min-width:1380px){.footer__container{max-width:1320px}}.footer__container>:last-child{margin-bottom:0}.footer__container{margin-bottom:0;margin-top:0}.footer__grid{display:grid;gap:1.875rem;grid-template-columns:repeat(1,1fr);row-gap:2.5rem}@media screen and (min-width:480px){.footer__grid{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:768px){.footer__grid{gap:.9375rem;grid-template-columns:repeat(3,1fr);row-gap:1.25rem}}@media screen and (min-width:992px){.footer__grid{gap:1.875rem;grid-template-columns:repeat(4,1fr);row-gap:2.5rem}}.footer__logo{display:inline-flex;margin-bottom:3.75rem}@media screen and (max-width:991.98px){.footer__logo{margin-bottom:1.875rem}}.footer__title{font-size:1rem;font-weight:700;letter-spacing:-.00625rem;line-height:1.25rem}@media screen and (min-width:768px){.footer__title{font-size:1.125rem;font-weight:700;letter-spacing:-.0125rem;line-height:1.375rem}}.footer__title{color:var(--color-text-default);margin-bottom:1.875rem;margin-top:0}@media screen and (max-width:991.98px){.footer__title{margin-bottom:1.5625rem}}.footer__list{list-style:none;list-style-type:none!important;margin:0;max-width:none;padding:0}.footer__list>li{margin-bottom:0}.footer__list>li:before{content:" ";height:0;position:absolute;width:0}.footer__list li{margin-bottom:.625rem}.footer__list--inline{display:flex;flex-wrap:wrap;gap:.625rem}.footer__list--inline li{margin:0}.footer__bottom{align-items:end;display:grid;gap:1.875rem;grid-template-columns:repeat(1,1fr);row-gap:2.5rem}@media screen and (min-width:768px){.footer__bottom{grid-template-columns:3fr 1fr}}
1
+ .footer .sr-only{clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.footer a{color:var(--color-text-default);font-size:inherit;text-decoration:none}.footer a:active,.footer a:focus,.footer a:hover{text-decoration:underline;text-underline-offset:.25rem}.footer a:focus-visible{outline:2px solid var(--color-border-accent);outline-offset:2px}.footer [contentEditable=true]:focus,.footer [tabindex]:not([tabindex="-1"]):focus,.footer [type=button]:focus,.footer a[href]:focus,.footer area[href]:focus,.footer button:focus,.footer iframe:focus,.footer input:focus,.footer select:focus,.footer textarea:focus{outline:2px solid var(--color-border-contrast);outline-offset:2px}.footer [contentEditable=true]:focus-visible,.footer [tabindex]:not([tabindex="-1"]):focus-visible,.footer [type=button]:focus-visible,.footer a[href]:focus-visible,.footer area[href]:focus-visible,.footer button:focus-visible,.footer iframe:focus-visible,.footer input:focus-visible,.footer select:focus-visible,.footer textarea:focus-visible{outline:2px solid var(--color-border-contrast);outline-offset:2px}.footer [contentEditable=true]:focus:not(:focus-visible),.footer [tabindex]:not([tabindex="-1"]):focus:not(:focus-visible),.footer [type=button]:focus:not(:focus-visible),.footer a[href]:focus:not(:focus-visible),.footer area[href]:focus:not(:focus-visible),.footer button:focus:not(:focus-visible),.footer iframe:focus:not(:focus-visible),.footer input:focus:not(:focus-visible),.footer select:focus:not(:focus-visible),.footer textarea:focus:not(:focus-visible){outline-color:transparent;outline-width:0}.footer *{box-sizing:border-box;letter-spacing:-.00625rem;line-height:1.125rem}.footer ::selection{background-color:rgba(241,94,0,.9);color:var(--color-text-default)}.footer hr{border:0;border-top:1px solid var(--color-border-subtle);margin-bottom:1.875rem;margin-top:1.875rem}.footer p,.footer ul{font-size:.875rem;line-height:1.09375rem}.footer,.footer.is-light{--color-background-primary:#fff;--color-background-secondary:#f4f4f4;--color-background-contrast:#141414;--color-background-accent:#fff6ed;--color-background-accent1-blog:#fff6cc;--color-background-accent2-blog:#eee7f7;--color-surface-primary:#fff;--color-surface-secondary:#ff7900;--color-surface-tertiary:#f15e00;--color-surface-subtle:#eee;--color-surface-moderate:#ddd;--color-surface-contrast:#141414;--color-surface-accent:#fff6ed;--color-fill-primary:#fff;--color-fill-secondary:#ff7900;--color-fill-tertiary:#f15e00;--color-fill-subtle:#eee;--color-fill-moderate:#ddd;--color-fill-disabled:#ccc;--color-fill-contrast:#000;--color-fill-accent1:#4bb4e6;--color-fill-accent2:#50be87;--color-fill-accent3:#ffb4e6;--color-fill-accent4:#a885d8;--color-fill-accent5:#ffd200;--color-fill-information:rgba(65,112,216,.078);--color-fill-positive:rgba(34,135,34,.078);--color-fill-warning:rgba(255,204,0,.078);--color-fill-negative:rgba(205,60,20,.078);--color-border-subtle:#ddd;--color-border-strong:#ccc;--color-border-contrast:#000;--color-border-accent:#f15e00;--color-border-information:#4170d8;--color-border-positive:#228722;--color-border-warning:#fc0;--color-border-negative:#cd3c14;--color-icon-default:#000;--color-icon-inverse:#fff;--color-icon-brand:#f15e00;--color-icon-accent:#ffc48f;--color-icon-disabled:#ccc;--color-icon-information:#4170d8;--color-icon-positive:#228722;--color-icon-warning:#fc0;--color-icon-negative:#cd3c14;--color-text-default:#000;--color-text-secondary:#666;--color-text-disabled:#ccc;--color-text-inverse:#fff;--color-text-accent:#f15e00}.footer.is-dark{--color-background-primary:#141414;--color-background-secondary:#333;--color-background-contrast:#fff;--color-background-accent:#2b1a10;--color-background-accent1-blog:#62342d;--color-background-accent2-blog:#2b1a10;--color-surface-primary:#141414;--color-surface-secondary:#ff7900;--color-surface-tertiary:#f15e00;--color-surface-subtle:#333;--color-surface-moderate:#595959;--color-surface-contrast:#fff;--color-surface-accent:#2b1a10;--color-fill-primary:#000;--color-fill-secondary:#ff7900;--color-fill-tertiary:#f15e00;--color-fill-subtle:#333;--color-fill-moderate:#595959;--color-fill-disabled:#666;--color-fill-contrast:#fff;--color-fill-accent1:#4bb4e6;--color-fill-accent2:#50be87;--color-fill-accent3:#ffb4e6;--color-fill-accent4:#a885d8;--color-fill-accent5:#ffd200;--color-fill-information:rgba(65,112,216,.2);--color-fill-positive:rgba(34,135,34,.2);--color-fill-warning:rgba(255,204,0,.2);--color-fill-negative:rgba(205,60,20,.2);--color-border-subtle:#333;--color-border-strong:#666;--color-border-contrast:#fff;--color-border-accent:#ff7900;--color-border-information:#69f;--color-border-positive:#6c6;--color-border-warning:#fc0;--color-border-negative:#ff4d4d;--color-icon-default:#fff;--color-icon-inverse:#000;--color-icon-brand:#ff7900;--color-icon-accent:#da8436;--color-icon-disabled:#666;--color-icon-information:#69f;--color-icon-positive:#6c6;--color-icon-warning:#fc0;--color-icon-negative:#ff4d4d;--color-text-default:#fff;--color-text-secondary:#ccc;--color-text-disabled:#666;--color-text-inverse:#000;--color-text-accent:#ff7900}.footer{background-color:var(--color-surface-primary);box-sizing:border-box;color:var(--color-text-default);font-family:OrangeSK Neue,Helvetica Neue,helvetica,arial,sans-serif;font-size:1rem;padding:3.75rem 0}@media screen and (max-width:991.98px){.footer{padding:1.875rem 0}}.footer__container{margin-left:auto;margin-right:auto;max-width:none;padding-left:.625rem;padding-right:.625rem;width:100%}@media screen and (min-width:768px){.footer__container{max-width:744px}}@media screen and (min-width:992px){.footer__container{max-width:960px}}@media screen and (min-width:1240px){.footer__container{max-width:1200px}}@media screen and (min-width:1380px){.footer__container{max-width:1320px}}.footer__container>:last-child{margin-bottom:0}.footer__container{margin-bottom:0;margin-top:0}.footer__grid{display:grid;gap:1.875rem;grid-template-columns:repeat(1,1fr);row-gap:2.5rem}@media screen and (min-width:480px){.footer__grid{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:768px){.footer__grid{gap:.9375rem;grid-template-columns:repeat(3,1fr);row-gap:1.25rem}}@media screen and (min-width:992px){.footer__grid{gap:1.875rem;grid-template-columns:repeat(4,1fr);row-gap:2.5rem}}.footer__logo{display:inline-flex;margin-bottom:3.75rem}@media screen and (max-width:991.98px){.footer__logo{margin-bottom:1.875rem}}.footer__title{font-size:1rem;font-weight:300;letter-spacing:-.00625rem;line-height:1.25rem}@media screen and (min-width:768px){.footer__title{font-size:1.125rem;font-weight:300;letter-spacing:-.0125rem;line-height:1.375rem}}.footer__title{color:var(--color-text-default);font-weight:700;margin-bottom:1.875rem;margin-top:0}@media screen and (max-width:991.98px){.footer__title{margin-bottom:1.5625rem}}.footer__list{list-style:none;list-style-type:none!important;margin:0;max-width:none;padding:0}.footer__list>li{margin-bottom:0}.footer__list>li:before{content:" ";height:0;position:absolute;width:0}.footer__list li{margin-bottom:.625rem}.footer__list--inline{display:flex;flex-wrap:wrap;gap:.625rem}.footer__list--inline li{margin:0}.footer__bottom{align-items:end;display:grid;gap:1.875rem;grid-template-columns:repeat(1,1fr);row-gap:2.5rem}@media screen and (min-width:768px){.footer__bottom{grid-template-columns:3fr 1fr}}
2
2
  /*# sourceMappingURL=style.css.map */