@tui/design-system 5.0.0-beta.1 → 5.0.0-beta.4

package/CHANGELOG.md

@@ -69,6 +69,10 @@
 - Mixins simplified so variants, states and sizes are all baked into the main uilib-button mixin
 - Button styling has been aligned with the latest 1web designs across all themes
 
+### [Card search](https://uilib-testing.static-nonprod.browse.tui/index.html?path=/docs/components-cards-search-card--docs)
+
+- Card added to contain a summary of information for a product in a set of results.
+
 ### [Divider](https://uilib-testing.static-nonprod.browse.tui/index.html?path=/docs/components-divider--docs)
 
 - Mixins simplified so vertical, size and variant are all baked into the main uilib-divider mixin
@@ -76,9 +80,9 @@
 - Colour variants have been reduced to default, strong and inverse
 - New dashed divider style has been added
 
-### [Flyout Dropdown](https://uilib-testing.static-nonprod.browse.tui/index.html?path=/docs/components-flyout-dropdown--docs)
+### [Flyout dropdown](https://uilib-testing.static-nonprod.browse.tui/index.html?path=/docs/components-flyout-dropdown--docs)
 
-- New flyout component has been added. It is an overlay panel that emerges from a control like a button or menu item
+- New flyout Dropdown component has been added. It is an overlay panel that emerges from a control like a button or menu item
 - Two variants available with three pointer locations
 
 ### Forms
@@ -95,6 +99,11 @@
 - New checkbox label variant options included
 - New confirmation checkbox variant included
 
+### [Input Chip](https://uilib-testing.static-nonprod.browse.tui/index.html?path=/docs/components-forms-input-chip--docs)
+
+- New Input Chip component has been added. Chips are compact, interactive elements used to select or filter without interrupting users flow.
+- Two variants available with disabled and active states. Based on variant, options are available for use in lists and month-calendars.
+
 #### [Input count](https://uilib-testing.static-nonprod.browse.tui/index.html?path=/docs/components-forms-input-count--docs)
 
 - Mixins simplified to one main uilib-input-count mixin
@@ -128,6 +137,10 @@
 - Valid state usage rules and styling updated
 - Web component provided to clear prefilled inputs, clear search inputs and toggle view of password fields
 
+#### Input toggle
+
+- Removed from the library. Please use input chips or input radio.
+
 ### [Icon](https://uilib-testing.static-nonprod.browse.tui/index.html?path=/docs/components-icon--docs)
 
 - Mixins simplified so size options are now baked into the main uilib-icon mixin
@@ -136,8 +149,11 @@
 ### [Icon button](https://uilib-testing.static-nonprod.browse.tui/index.html?path=/docs/components-icon-button--docs)
 
 - Mixins simplified so size options are now baked into the main uilib-icon-button mixin
+- Button variants have been remapped
 - Half icon button has been removed
-- Button styling has been aligned with the latest 1web designs across all themes.
+- New control, promotion, search and shortlist variants added
+- Elevation option has been removed and automatically applied to control variant
+- Button styling has been aligned with the latest 1web designs across all themes
 
 ### [Image](https://uilib-testing.static-nonprod.browse.tui/index.html?path=/docs/components-image--docs)
 
@@ -174,6 +190,16 @@
 
 - New media button has been added for opening media galleries
 
+### [Modal](https://uilib-testing.static-nonprod.browse.tui/index.html?path=/docs/components-modal--docs)
+
+- New modal component added using native HTML dialog element
+- Three size variants available: small (6 cols), medium (8 cols), and large (12 cols)
+- Built-in accessibility features including focus management and keyboard navigation
+- Sticky header and footer when content is scrollable
+- Optional navigation slot for moving between modal states
+- NoJS example with fallback to dedicated page
+- Full-width drawer on mobile devices
+
 ### [Pagination](https://uilib-testing.static-nonprod.browse.tui/index.html?path=/docs/components-pagination--docs)
 
 - Mixins are baked into uilib-pagination mixin
@@ -203,7 +229,12 @@
 - New component that can be used for displaying HolidayCheck reviews
 - Provides two variants; default and compact
 
-#### [Range icons](https://uilib-testing.static-nonprod.browse.tui/index.html?path=/docs/components-ratings-and-reviews-range-icons--docs) (previously Rating)
+#### [Range bar](https://uilib-testing.static-nonprod.browse.tui/index.html?path=/docs/components-ratings-and-reviews-range-bar--docs) (previously Review range, and rangeBar variants)
+
+- Mixins simplified to single mixin controlling range bar rating/review styles uilib-ratings-range-bar
+- Component now includes label (with icon for customer review variant)
+
+#### [Range icons](https://uilib-testing.static-nonprod.browse.tui/index.html?path=/docs/components-ratings-and-reviews-range-icons--docs) (previously Rating, and Review range variant)
 
 - Mixins simplified to single mixin controlling range icon rating/review styles uilib-ratings-range-icons
 - Added tripadvisor variant
@@ -231,6 +262,20 @@
 - Two variants available. Default displays the first paragraph of content hiding the rest, Text only truncates a block of content (for use with
   content such as customer reviews)
 
+### [Skeleton](https://uilib-testing.static-nonprod.browse.tui/index.html?path=/docs/components-skeleton--docs)
+
+- New component added to provide loading state placeholders that visually represent page structure while content loads
+- Mixins simplified to single uilib-skeleton mixin with all variants and utilities baked in
+- Synchronized shimmer animation across all skeleton elements using CSS custom properties
+- Multiple skeleton types available: heading, subheading, text, circle, card, and container
+- Width utilities from 10% to 100% in 10% increments, with responsive variants for xs breakpoint
+- Height utilities from 1rem to 20rem in 1rem increments
+- Layout helper classes for organizing skeleton elements with flexible gap and direction options
+- Outlined variant with border and transparent background
+- Spacer variant for creating transparent gaps without animation
+- Respects prefers-reduced-motion for accessibility
+- Pre-made templates for common use cases: search cards, browse cards, article cards, and headers
+
 ### [Toolip](https://uilib-testing.static-nonprod.browse.tui/index.html?path=/docs/components-tooltip--docs)
 
 - Mixins simplified to one main uilib-tooltip mixin

package/README.md

@@ -1,7 +1,5 @@
 # TUI Design System
 
-https://uilib-testing.static-nonprod.browse.tui/index.html
-
 ## Quick Start
 
 ```
@@ -20,11 +18,11 @@ This will spin up:
 
 To install the latest stable version:
 
-`npm install @tui/ui-library` or `yarn add @tui/ui-library`
+`npm install @tui/design-system` or `yarn add @tui/design-system`
 
 To install the next major version (be aware it might contain untested features):
 
-`npm install @tui/ui-library@next` or `yarn add @tui/ui-library@next`
+`npm install @tui/design-system@next` or `yarn add @tui/design-system@next`
 
 **Themes**
 
@@ -35,8 +33,8 @@ In `dist/themes/<<themename>>/`, you will find the theme file `style.css` as wel
 could import in your .js files:
 
 ```js
-import '@tui/ui-library/dist/themes/tui/index.css';
-import '@tui/ui-library/dist/themes/tui/fonts.css';
+import '@tui/design-system/dist/themes/tui/index.css';
+import '@tui/design-system/dist/themes/tui/fonts.css';
 ```
 
 Themes variables are declared within the "data-theme" attribute selector, so you will need to add it on either the host page `html` tag or your MFE:
@@ -46,8 +44,8 @@ Themes variables are declared within the "data-theme" attribute selector, so you
 	<!--or-->
 	<my-custom-mfe data-theme="tui">
 		<!--or-->
-		<div data-theme="tui"></div
-	></my-custom-mfe>
+		<div data-theme="tui"></div>
+	</my-custom-mfe>
 </html>
 ```
 
@@ -69,3 +67,33 @@ Please check the [contributing document](/docs/CONTRIBUTING.md) and the [guideli
 ## Migration
 
 Please check the [migration document](/docs/MIGRATION.md)
+
+## Deployment
+
+### Documentation (Storybook)
+
+**Feature (MR):**
+
+- Manual job `deploy-feature` in MR pipeline
+- Creates temporary environment: `uilib-mr-{MR_ID}`
+- Cleanup:
+  - Manual: `destroy-feature` job in MR pipeline
+  - Auto: After 9 hours of inactivity
+  - Auto: When MR is closed/merged
+
+**Testing:**
+
+1. Add label `Ready For Testing` to your MR
+2. Run manual job `prepare-testing` from `main` branch
+3. Job merges all `Ready For Testing` MRs into `testing` branch
+4. `deploy-testing` automatically deploys when `testing` branch updates
+
+**Preprod & Production:**
+
+- Manual deployment from `main` branch only
+- Jobs: `deploy-preprod`, `deploy-prod`
+- Independent from NPM package releases
+
+### NPM Package
+
+Publish to NPM using manual GitLab CI job: `Release BETA version`

package/dist/themes/crystalski/fonts.css

@@ -0,0 +1,30 @@
+@font-face {
+  font-weight: 600 700;
+  font-family: "Brandon";
+  font-style: normal;
+  src: url("https://mwa.tui.com/shared/mwa/assets/v3/fonts/brandon-medium.subset.woff2") format("woff2");
+  font-display: swap;
+}
+@font-face {
+  font-weight: 600 700;
+  font-family: "Brandon";
+  font-style: italic;
+  src: url("https://mwa.tui.com/shared/mwa/assets/v3/fonts/brandon-medium-italic.subset.woff2") format("woff2");
+  font-display: swap;
+}
+@font-face {
+  font-weight: 400;
+  font-family: "Brandon";
+  font-style: normal;
+  src: url("https://mwa.tui.com/shared/mwa/assets/v3/fonts/brandon-regular.subset.woff2") format("woff2");
+  font-display: swap;
+}
+@font-face {
+  font-weight: 400;
+  font-family: "Brandon";
+  font-style: italic;
+  src: url("https://mwa.tui.com/shared/mwa/assets/v3/fonts/brandon-regular-italic.subset.woff2") format("woff2");
+  font-display: swap;
+}
+
+/*# sourceMappingURL=fonts.css.map */

package/dist/themes/crystalski/fonts.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../src/variables/fonts/_brandon-medium.scss","../../../src/variables/fonts/_brandon-medium-italic.scss","../../../src/variables/fonts/_brandon-regular.scss","../../../src/variables/fonts/_brandon-regular-italic.scss"],"names":[],"mappings":"AAGA;EACC;EACA;EACA;EACA;EACA;;ACLD;EACC;EACA;EACA;EACA;EACA;;ACLD;EACC;EACA;EACA;EACA;EACA;;ACLD;EACC;EACA;EACA;EACA;EACA","file":"fonts.css"}

package/dist/themes/crystalski/index.css

@@ -0,0 +1,405 @@
+/* Weight selectors */
+/* Colour selectors */
+/* Info tag specific variables to allow theming */
+@font-face {
+  font-weight: 400 700;
+  font-family: "BrandonFallbackFont";
+  src: local("verdana");
+  size-adjust: 85.5%;
+  ascent-override: 110.8%;
+  descent-override: 31.7%;
+  line-gap-override: 19.1%;
+}
+@font-face {
+  font-weight: 400 700;
+  font-family: "BrandonFallbackFont";
+  font-style: italic;
+  src: local("verdana italic");
+  size-adjust: 85.5%;
+  ascent-override: 110.8%;
+  descent-override: 31.7%;
+  line-gap-override: 19.1%;
+}
+:root[data-theme=crystalski],
+:host([data-theme=crystalski]),
+[data-theme=crystalski],
+.theme-crystalski {
+  --uilib-theme-name: 'crystalski';
+  --uilib-aspect-ratio-1x1-square: 1 / 1;
+  --uilib-aspect-ratio-4x3-portrait: 3 / 4;
+  --uilib-aspect-ratio-4x3-landscape: 4 / 3;
+  --uilib-aspect-ratio-16x9-wide: 16 / 9;
+  --uilib-aspect-ratio-3x1-panoramic: 3 / 1;
+  --uilib-border-radius-none: 0;
+  --uilib-border-radius-100: 0.25rem;
+  --uilib-border-radius-200: 0.5rem;
+  --uilib-border-radius-400: 1rem;
+  --uilib-border-radius-600: 1.5rem;
+  --uilib-border-radius-1000: 2.5rem;
+  --uilib-border-radius-1400: 3.5rem;
+  --uilib-border-radius-1800: 4.5rem;
+  --uilib-border-radius-pill: 100rem;
+  --uilib-border-radius-circle: 50%;
+  --uilib-breakpoints-xxs: 20rem;
+  --uilib-breakpoints-xs: 36.25rem;
+  --uilib-breakpoints-sm: 47.5rem;
+  --uilib-breakpoints-md: 60rem;
+  --uilib-breakpoints-lg: 75rem;
+  --uilib-breakpoints-xl: 90rem;
+  --uilib-breakpoints-xxl: 120rem;
+  --uilib-color-core-interaction: #84329b;
+  --uilib-color-core-brand: #00ce9b;
+  --uilib-color-core-brand-strong: #1c6f71;
+  --uilib-color-core-surface: #e8fff9;
+  --uilib-color-core-neutral: #fff;
+  --uilib-color-text-strong: #1c6f71;
+  --uilib-color-text-body: #252a32;
+  --uilib-color-text-link: #84329b;
+  --uilib-color-text-link-visited: #481257;
+  --uilib-color-text-link-visited-inverse: #e99aff;
+  --uilib-color-text-inverse: #fff;
+  --uilib-color-text-promotion: #c0023e;
+  --uilib-color-text-danger: #970030;
+  --uilib-color-status-success-surface: #beffef;
+  --uilib-color-status-danger-surface: #ffbfd3;
+  --uilib-color-status-warning-surface: #fff4c4;
+  --uilib-color-status-info-surface: #f6d5ff;
+  --uilib-color-status-success-icon: #00a57c;
+  --uilib-color-status-danger-icon: #970030;
+  --uilib-color-status-warning-icon: #998117;
+  --uilib-color-status-info-icon: #84329b;
+  --uilib-color-canvas-default: #fff;
+  --uilib-color-canvas-contrast: #f5f5f5;
+  --uilib-color-border-interaction: #84329b;
+  --uilib-color-border-brand-strong: #1c6f71;
+  --uilib-color-border-input: #707070;
+  --uilib-color-border-card: #d8d8d8;
+  --uilib-color-border-danger: #c0023e;
+  --uilib-color-border-inverse: #fff;
+  --uilib-color-border-divider: #d8d8d8;
+  --uilib-color-promotion: #c0023e;
+  --uilib-color-other-disabled-soft: #bcbcbc;
+  --uilib-color-other-disabled-strong: #707070;
+  --uilib-color-other-elevation: rgba(0, 0, 0, 0.4);
+  --uilib-color-other-scrim: rgba(0, 0, 0, 0.8);
+  --uilib-color-other-active-state-tint: rgba(215, 254, 255, 0.3);
+  --uilib-color-other-button-hover-state: #fff;
+  --uilib-color-other-secondary-button-hover-state: #84329b;
+  --uilib-color-other-skeleton-loading: #d8d8d8;
+  --uilib-color-brand-trip-advisor: #00aa6c;
+  --uilib-color-brand-paypal: #253b80;
+  --uilib-color-other-scroll-handle: #a3a3a3;
+  --uilib-color-canvas-footer: #252a32;
+  --uilib-color-border-brand: #00ce9b;
+  --uilib-color-border-dashed: var(--uilib-color-border-divider);
+  --uilib-elevation-0: 0 0 0.125rem 0 var(--uilib-color-other-elevation);
+  --uilib-elevation-100: 0 0 0.25rem 0 var(--uilib-color-other-elevation);
+  --uilib-elevation-200: 0 0 0.5rem 0 var(--uilib-color-other-elevation);
+  --uilib-focus-default: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #84329b, 0 0 0 0.375rem rgba(132, 50, 155, 0.4);
+  --uilib-focus-size: calc(var(--uilib-spacing-050) * 3);
+  --uilib-focus-gap: var(--uilib-spacing-050);
+  --uilib-grid-size: 0.25rem;
+  --uilib-grid-columns: 12;
+  --uilib-grid-gutter-width: 1rem;
+  --uilib-grid-gutter-height: 1rem;
+  --uilib-layout-max-width: 80rem;
+  --uilib-layout-app-height: 100dvh;
+  --uilib-icon-size-default: 1.25rem;
+  --uilib-icon-size-xsmall: 1rem;
+  --uilib-icon-size-small: 1.25rem;
+  --uilib-icon-size-medium: 1.5rem;
+  --uilib-icon-size-large: 2rem;
+  --uilib-icon-size-xlarge: 2.25rem;
+  --uilib-icon-size-xxlarge: 2.5rem;
+  --uilib-icon-size-xxxlarge: 3rem;
+  --uilib-layer-hidden: -1;
+  --uilib-layer-default: 0;
+  --uilib-layer-top: 1;
+  --uilib-layer-dropdown: 1000;
+  --uilib-layer-sticky: 1500;
+  --uilib-layer-fixed: 2000;
+  --uilib-layer-overlay: 2500;
+  --uilib-layer-modal: 3000;
+  --uilib-layer-popover: 3500;
+  --uilib-layer-tooltip: 4000;
+  --uilib-motion-duration-slow: 0.5s;
+  --uilib-motion-duration-medium: 0.35s;
+  --uilib-motion-duration-fast: 0.2s;
+  --uilib-motion-timing-inout: ease-in-out;
+  --uilib-motion-timing-in: cubic-bezier(0.12, 0, 0.39, 0);
+  --uilib-motion-timing-out: cubic-bezier(0.61, 1, 0.88, 1);
+  --uilib-motion-timing-brand: cubic-bezier(0.34, 1.56, 0.64, 1);
+  --uilib-spacing-auto: auto;
+  --uilib-spacing-none: 0;
+  --uilib-spacing-050: 0.125rem;
+  --uilib-spacing-100: 0.25rem;
+  --uilib-spacing-200: 0.5rem;
+  --uilib-spacing-300: 0.75rem;
+  --uilib-spacing-400: 1rem;
+  --uilib-spacing-500: 1.25rem;
+  --uilib-spacing-600: 1.5rem;
+  --uilib-spacing-700: 1.75rem;
+  --uilib-spacing-800: 2rem;
+  --uilib-spacing-900: 2.25rem;
+  --uilib-spacing-1000: 2.5rem;
+  --uilib-spacing-1100: 2.75rem;
+  --uilib-spacing-1200: 3rem;
+  --uilib-spacing-1300: 3.25rem;
+  --uilib-spacing-1400: 3.5rem;
+  --uilib-spacing-1500: 3.75rem;
+  --uilib-spacing-1600: 4rem;
+  --uilib-stroke-size-025: 0.0625rem;
+  --uilib-stroke-size-050: 0.125rem;
+  --uilib-stroke-size-075: 0.1875rem;
+  --uilib-stroke-style-none: none;
+  --uilib-stroke-style-solid: solid;
+  --uilib-stroke-style-dashed: dashed;
+  --uilib-font-family-lead: Brandon, BrandonFallbackFont, verdana, sans-serif;
+  --uilib-font-family-base: Brandon, BrandonFallbackFont, verdana, sans-serif;
+  --uilib-font-size-root: 1rem;
+  --uilib-typography-display-large: var(--uilib-font-weight-bold) clamp(2.8125rem, 1.5825rem + 5.3626vw, 4.8rem)/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
+  --uilib-typography-display-medium: var(--uilib-font-weight-bold) clamp(2.5rem, 1.5717rem + 4.0472vw, 4rem)/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
+  --uilib-typography-display-small: var(--uilib-font-weight-bold) clamp(2.2222rem, 1.5346rem + 2.9979vw, 3.3333rem)/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
+  --uilib-typography-heading-xxlarge: var(--uilib-font-weight-bold) clamp(1.5768rem, 1.0126rem + 2.4595vw, 2.4883rem)/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
+  --uilib-typography-heading-xlarge: var(--uilib-font-weight-bold) clamp(1.4016rem, 0.9857rem + 1.8132vw, 2.0736rem)/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
+  --uilib-typography-heading-large: var(--uilib-font-weight-bold) clamp(1.2458rem, 0.9475rem + 1.3009vw, 1.728rem)/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
+  --uilib-typography-heading-medium: var(--uilib-font-weight-bold) clamp(1.1074rem, 0.9016rem + 0.8973vw, 1.44rem)/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
+  --uilib-typography-heading-small: var(--uilib-font-weight-bold) clamp(0.9844rem, 0.8509rem + 0.5818vw, 1.2rem)/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
+  --uilib-typography-component-heading-xlarge: var(--uilib-font-weight-semibold) 1.4375rem/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
+  --uilib-typography-component-heading-xxlarge: var(--uilib-font-weight-semibold) 1.8125rem/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
+  --uilib-typography-component-heading-xxlarge-strong: var(--uilib-font-weight-bold) 1.8125rem/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
+  --uilib-typography-component-heading-xlarge-strong: var(--uilib-font-weight-bold) 1.4375rem/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
+  --uilib-typography-component-heading-large: var(--uilib-font-weight-semibold) 1.25rem/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
+  --uilib-typography-component-heading-large-strong: var(--uilib-font-weight-bold) 1.25rem/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
+  --uilib-typography-component-heading-medium: var(--uilib-font-weight-semibold) 1.125rem/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
+  --uilib-typography-component-heading-medium-strong: var(--uilib-font-weight-bold) 1.125rem/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
+  --uilib-typography-component-heading-small: var(--uilib-font-weight-semibold) 1rem/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
+  --uilib-typography-component-heading-small-strong: var(--uilib-font-weight-bold) 1rem/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
+  --uilib-typography-body-large: var(--uilib-font-weight-regular) 1.125rem/var(--uilib-line-height-body) var(--uilib-font-family-base);
+  --uilib-typography-body-large-strong: var(--uilib-font-weight-bold) 1.125rem/var(--uilib-line-height-body) var(--uilib-font-family-base);
+  --uilib-typography-body-medium: var(--uilib-font-weight-regular) 1rem/var(--uilib-line-height-body) var(--uilib-font-family-base);
+  --uilib-typography-body-medium-strong: var(--uilib-font-weight-bold) 1rem/var(--uilib-line-height-body) var(--uilib-font-family-base);
+  --uilib-typography-body-small: var(--uilib-font-weight-regular) 0.875rem/var(--uilib-line-height-body) var(--uilib-font-family-base);
+  --uilib-typography-body-small-strong: var(--uilib-font-weight-bold) 0.875rem/var(--uilib-line-height-body) var(--uilib-font-family-base);
+  --uilib-typography-label-large: var(--uilib-font-weight-semibold) 1.125rem/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
+  --uilib-typography-label-large-strong: var(--uilib-font-weight-bold) 1.125rem/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
+  --uilib-typography-label-medium: var(--uilib-font-weight-semibold) 1rem/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
+  --uilib-typography-label-medium-strong: var(--uilib-font-weight-bold) 1rem/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
+  --uilib-typography-label-small: var(--uilib-font-weight-semibold) 0.875rem/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
+  --uilib-typography-label-small-strong: var(--uilib-font-weight-bold) 0.875rem/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
+  --uilib-typography-label-xsmall: var(--uilib-font-weight-semibold) 0.8125rem/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
+  --uilib-typography-label-xsmall-strong: var(--uilib-font-weight-bold) 0.8125rem/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
+  --uilib-line-height-heading: 1.3;
+  --uilib-line-height-body: 1.3;
+  --uilib-line-height-none: 1;
+  --uilib-font-weight-regular: 400;
+  --uilib-font-weight-semibold: 400;
+  --uilib-font-weight-bold: 600;
+  --uilib-accordion-radius: var(--uilib-border-radius-100);
+  --uilib-accordion-logo-radius: var(--uilib-border-radius-100);
+  --uilib-accordion-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/crystalski/standard/chevron-down.svg");
+  --uilib-accordion-default-bg-color: var(--uilib-color-canvas-default);
+  --uilib-accordion-border-color: var(--uilib-color-border-card);
+  --uilib-accordion-divider-color: var(--uilib-color-border-card);
+  --uilib-active-tag-radius: var(--uilib-border-radius-200);
+  --uilib-active-tag-border-color: var(--uilib-color-border-input);
+  --uilib-active-tag-background-color: var(--uilib-color-core-neutral);
+  --uilib-active-tag-cross-color: var(--uilib-color-core-interaction);
+  --uilib-active-tag-icon: var(--uilib-show-more-less-icon);
+  --uilib-alert-icon-info-bg: var(--uilib-color-status-info-icon);
+  --uilib-alert-icon-info-mask: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/crystalski/standard/letter-i-circled-filled.svg");
+  --uilib-alert-icon-error-bg: var(--uilib-color-status-danger-icon);
+  --uilib-alert-icon-error-mask: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/crystalski/standard/exclamation-mark-circled-filled.svg");
+  --uilib-alert-icon-warning-bg: var(--uilib-color-status-warning-icon);
+  --uilib-alert-icon-warning-mask: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/crystalski/standard/warning-filled.svg");
+  --uilib-alert-icon-success-bg: var(--uilib-color-status-success-icon);
+  --uilib-alert-icon-success-mask: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/crystalski/standard/checkmark-circled-filled.svg");
+  --uilib-alert-radius: var(--uilib-border-radius-100);
+  --uilib-alert-text-color: var(--uilib-color-text-body);
+  --uilib-breadcrumb-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/crystalski/standard/chevron-right.svg");
+  --uilib-button-radius: var(--uilib-border-radius-pill);
+  --uilib-button-primary-color: var(--uilib-color-text-inverse);
+  --uilib-button-primary-bg-color: var(--uilib-color-core-interaction);
+  --uilib-button-primary-hover-bg-color: rgb(156.6, 91, 175);
+  --uilib-button-secondary-color: var(--uilib-color-core-interaction);
+  --uilib-button-secondary-bg-color: var(--uilib-color-core-neutral);
+  --uilib-button-secondary-hover-bg-color: rgb(230.4, 214, 235);
+  --uilib-button-tertiary-color: var(--uilib-color-text-inverse);
+  --uilib-button-tertiary-bg-color: var(--uilib-color-core-brand-strong);
+  --uilib-button-tertiary-hover-bg-color: rgb(73.4, 139.8, 141.4);
+  --uilib-button-promotion-color: var(--uilib-color-text-inverse);
+  --uilib-button-promotion-bg-color: var(--uilib-color-promotion);
+  --uilib-button-promotion-hover-bg-color: rgb(204.6, 52.6, 100.6);
+  --uilib-button-search-color: var(--uilib-color-text-inverse);
+  --uilib-button-search-bg-color: var(--uilib-color-core-brand-strong);
+  --uilib-button-search-hover-bg-color: rgb(73.4, 139.8, 141.4);
+  --uilib-button-disabled-color: var(--uilib-color-other-disabled-strong);
+  --uilib-button-disabled-bg-color: var(--uilib-color-other-disabled-soft);
+  --uilib-card-search-radius: var(--uilib-border-radius-400);
+  --uilib-card-search-radius-spacing: var(--uilib-spacing-400);
+  --uilib-card-search-color-flagship: var(--uilib-color-core-brand-strong);
+  --uilib-card-search-color-flagship-text: var(--uilib-color-text-inverse);
+  --uilib-card-search-highlights-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/crystalski/standard/chevron-down.svg");
+  --uilib-form-row-label-font: var(--uilib-typography-label-medium-strong);
+  --uilib-form-row-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/crystalski/standard/exclamation-mark-circled-filled.svg");
+  --uilib-input-checkbox-icon-checked: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/crystalski/standard/checkmark.svg");
+  --uilib-input-checkbox-icon-indeterminate: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/crystalski/standard/minus.svg");
+  --uilib-input-checkbox-text-color-strong: var(--uilib-color-text-body);
+  --uilib-input-checkbox-confirm-radius: var(--uilib-border-radius-100);
+  --uilib-input-chip-radius: var(--uilib-border-radius-200);
+  --uilib-input-chip-default-bg-color: var(--uilib-color-core-neutral);
+  --uilib-input-chip-default-border-color: var(--uilib-color-border-card);
+  --uilib-input-chip-default-text-color: var(--uilib-color-text-strong);
+  --uilib-input-chip-hover-bg-color: var(--uilib-color-other-secondary-button-hover-state);
+  --uilib-input-chip-active-bg-color: var(--uilib-color-other-active-state-tint);
+  --uilib-input-chip-active-border-color: var(--uilib-color-core-interaction);
+  --uilib-input-chip-active-hover-bg-color: rgb(206.4, 219, 252.6);
+  --uilib-input-chip-box-shadow: var(--uilib-elevation-100);
+  --uilib-input-chip-disabled-text-color: var(--uilib-color-other-disabled-soft);
+  --uilib-input-chip-disabled-bg-color: var(--uilib-color-core-neutral);
+  --uilib-input-count-radius: var(--uilib-border-radius-100);
+  --uilib-input-count-color-bg: var(--uilib-color-canvas-default);
+  --uilib-input-count-color-border: var(--uilib-color-border-input);
+  --uilib-input-count-color-text: var(--uilib-color-text-strong);
+  --uilib-input-count-color-selected: var(--uilib-color-core-interaction);
+  --uilib-input-count-color-selected-text: var(--uilib-color-text-inverse);
+  --uilib-input-count-font: var(--uilib-typography-body-medium-strong);
+  --uilib-input-count-size: var(--uilib-spacing-800);
+  --uilib-input-radio-text-color-strong: var(--uilib-color-text-body);
+  --uilib-input-stepper-icon-increment: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/crystalski/standard/plus.svg");
+  --uilib-input-stepper-icon-decrement: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/crystalski/standard/minus.svg");
+  --uilib-input-slider-track-color: var(--uilib-color-other-disabled-strong);
+  --uilib-input-slider-track-color-selected: var(--uilib-color-core-interaction);
+  --uilib-input-slider-track-height: 0.375rem;
+  --uilib-input-slider-track-radius: var(--uilib-border-radius-pill);
+  --uilib-input-slider-thumb-size: 2rem;
+  --uilib-input-slider-thumb-radius: var(--uilib-border-radius-circle);
+  --uilib-input-slider-thumb-border-color: var(--uilib-color-core-interaction);
+  --uilib-input-text-icon-clear: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/crystalski/standard/cross.svg");
+  --uilib-input-text-icon-show: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/crystalski/standard/view.svg");
+  --uilib-input-text-icon-hide: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/crystalski/standard/view-hidden.svg");
+  --uilib-input-text-icon-calendar: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/crystalski/standard/calendar.svg");
+  --uilib-icon-button-radius: var(--uilib-border-radius-pill);
+  --uilib-icon-button-ghost-color: var(--uilib-color-core-interaction);
+  --uilib-icon-button-ghost-bg-color: transparent;
+  --uilib-icon-button-ghost-hover-bg-color: rgb(230.4, 214, 235);
+  --uilib-icon-button-primary-color: var(--uilib-color-text-inverse);
+  --uilib-icon-button-primary-bg-color: var(--uilib-color-core-interaction);
+  --uilib-icon-button-primary-hover-bg-color: rgb(156.6, 91, 175);
+  --uilib-icon-button-secondary-color: var(--uilib-color-core-interaction);
+  --uilib-icon-button-secondary-bg-color: var(--uilib-color-core-neutral);
+  --uilib-icon-button-secondary-hover-bg-color: rgb(230.4, 214, 235);
+  --uilib-icon-button-control-color: var(--uilib-color-core-interaction);
+  --uilib-icon-button-control-bg-color: var(--uilib-color-core-neutral);
+  --uilib-icon-button-control-hover-bg-color: rgb(230.4, 214, 235);
+  --uilib-icon-button-promotion-color: var(--uilib-color-text-inverse);
+  --uilib-icon-button-promotion-bg-color: var(--uilib-color-promotion);
+  --uilib-icon-button-promotion-hover-bg-color: rgb(204.6, 52.6, 100.6);
+  --uilib-icon-button-search-color: var(--uilib-color-text-inverse);
+  --uilib-icon-button-search-bg-color: var(--uilib-color-core-brand-strong);
+  --uilib-icon-button-search-hover-bg-color: rgb(73.4, 139.8, 141.4);
+  --uilib-icon-button-shortlist-color: var(--uilib-color-text-promotion);
+  --uilib-icon-button-shortlist-bg-color: var(--uilib-color-core-neutral);
+  --uilib-icon-button-shortlist-hover-bg-color: rgb(248.7, 229.7, 235.7);
+  --uilib-icon-button-disabled-color: var(--uilib-color-other-disabled-strong);
+  --uilib-icon-button-disabled-bg-color: var(--uilib-color-other-disabled-soft);
+  --uilib-image-landscape: var(--uilib-aspect-ratio-4x3-landscape);
+  --uilib-image-panoramic: var(--uilib-aspect-ratio-3x1-panoramic);
+  --uilib-image-portrait: var(--uilib-aspect-ratio-4x3-portrait);
+  --uilib-image-square: var(--uilib-aspect-ratio-1x1-square);
+  --uilib-image-wide: var(--uilib-aspect-ratio-16x9-wide);
+  --uilib-image-rectangle: var(--uilib-border-radius-none);
+  --uilib-image-rounded: var(--uilib-border-radius-600);
+  --uilib-image-fallback: url("https://mwa.tui.com/shared/mwa/assets/v3/illustrations/tui/sunset-adults.svg");
+  --uilib-info-tag-radius: var(--uilib-border-radius-100);
+  --uilib-info-tag-text-color: var(--uilib-color-text-body);
+  --uilib-info-tag-info-bg-color: var(--uilib-color-status-info-surface);
+  --uilib-info-tag-local-product-bg-color: var(--uilib-color-canvas-contrast);
+  --uilib-info-tag-neutral-bg-color: var(--uilib-color-core-neutral);
+  --uilib-info-tag-scarcity-bg-color: var(--uilib-color-status-warning-surface);
+  --uilib-link-decoration-color: var(--uilib-color-text-link);
+  --uilib-link-decoration-color-visited: var(--uilib-color-text-link-visited);
+  --uilib-link-decoration-color-inverse: var(--uilib-color-text-inverse);
+  --uilib-link-decoration-color-inverse-visited: var(--uilib-color-text-link-visited-inverse);
+  --uilib-link-decoration-style: var(--uilib-stroke-style-solid);
+  --uilib-link-decoration-thickness: var(--uilib-stroke-size-025);
+  --uilib-link-decoration-thickness-hover: var(--uilib-stroke-size-050);
+  --uilib-link-underline-offset: var(--uilib-spacing-050);
+  --uilib-list-bullet-color: var(--uilib-color-text-strong);
+  --uilib-list-bullet-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/crystalski/standard/list-item.svg");
+  --uilib-list-image-radius: var(--uilib-border-radius-100);
+  --uilib-list-image-radius-alt: var(--uilib-border-radius-circle);
+  --uilib-loader-image: url("https://mwa.tui.com/shared/mwa/assets/v3/motion/crystalski/loader.svg");
+  --uilib-loader-small: 3.75rem;
+  --uilib-loader-medium: 7.5rem;
+  --uilib-loader-large: 11.25rem;
+  --uilib-loader-font-small: var(--uilib-typography-component-heading-medium);
+  --uilib-loader-font-medium: var(--uilib-typography-component-heading-large);
+  --uilib-loader-font-large: var(--uilib-typography-component-heading-xlarge);
+  --uilib-media-button-color: var(--uilib-color-text-strong);
+  --uilib-modal-icon-close: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/tui/standard/cross.svg");
+  --uilib-modal-backdrop-color: var(--uilib-color-other-scrim);
+  --uilib-modal-radius: 1rem;
+  --uilib-pagination-text-color: var(--uilib-color-text-body);
+  --uilib-pagination-border-radius: var(--uilib-icon-button-radius);
+  --uilib-pagination-icon-color: var(--uilib-icon-button-ghost-color);
+  --uilib-pagination-selected-bg: var(--uilib-icon-button-ghost-color);
+  --uilib-pagination-hover-bg: var(--uilib-icon-button-ghost-hover-bg-color);
+  --uilib-pagination-icon-prev: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/crystalski/standard/chevron-left.svg");
+  --uilib-pagination-icon-next: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/crystalski/standard/chevron-right.svg");
+  --uilib-price-color: var(--uilib-color-text-strong);
+  --uilib-price-font-primary: var(--uilib-typography-component-heading-medium);
+  --uilib-price-font-secondary: var(--uilib-typography-body-large);
+  --uilib-price-discount-color: var(--uilib-color-promotion);
+  --uilib-price-font-main-medium: var(--uilib-typography-component-heading-xlarge-strong);
+  --uilib-price-font-main-large: var(--uilib-typography-component-heading-xxlarge-strong);
+  --uilib-price-font-sub-large: var(--uilib-typography-component-heading-medium-strong);
+  --uilib-promo-tag-radius: var(--uilib-border-radius-400);
+  --uilib-promo-tag-color: var(--uilib-color-text-strong);
+  --uilib-promo-tag-bg-color: var(--uilib-color-core-neutral);
+  --uilib-promo-tag-font: var(--uilib-typography-label-small);
+  --uilib-ratings-numerical-font: var(--uilib-typography-body-medium);
+  --uilib-ratings-numerical-color: var(--uilib-color-text-body);
+  --uilib-ratings-numerical-color-inverse: var(--uilib-color-text-inverse);
+  --uilib-ratings-numerical-font-score: var(--uilib-typography-label-small);
+  --uilib-ratings-numerical-brand-bg: var(--uilib-color-core-brand);
+  --uilib-ratings-numerical-brand-color: var(--uilib-color-text-body);
+  --uilib-ratings-numerical-brand-logo: url("https://mwa.tui.com/shared/mwa/assets/v3/favicons/crystalski/favicon.svg");
+  --uilib-ratings-numerical-brand-radius: var(--uilib-border-radius-pill);
+  --uilib-ratings-numerical-alt-bg: var(--uilib-color-core-brand-strong);
+  --uilib-ratings-numerical-alt-color: var(--uilib-color-text-inverse);
+  --uilib-ratings-numerical-alt-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/crystalski/standard/star-filled.svg");
+  --uilib-ratings-numerical-alt-icon-color: var(--uilib-color-text-inverse);
+  --uilib-ratings-numerical-alt-radius: var(--uilib-border-radius-100);
+  --uilib-ratings-percentage-leading-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/crystalski/standard/thumbs-up.svg");
+  --uilib-ratings-range-icons-tripadvisor-logo: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/tripadvisor-logo-small.svg");
+  --uilib-ratings-range-icons-tripadvisor-rating-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/tripadvisor-unchecked.svg");
+  --uilib-ratings-range-icons-tripadvisor-rating-icon-checked: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/tripadvisor-checked.svg");
+  --uilib-ratings-range-icons-sun-rating-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/tui-sun-unchecked.svg");
+  --uilib-ratings-range-icons-sun-rating-icon-checked: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/tui-sun-checked.svg");
+  --uilib-ratings-range-icons-star-rating-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/crystalski-mountain-unchecked.svg");
+  --uilib-ratings-range-icons-star-rating-icon-checked: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/crystalski-mountain-checked.svg");
+  --uilib-ratings-range-icons-tui-t-rating-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/tui-t.svg");
+  --uilib-ratings-range-icons-tui-t-plus-color: #1b115c;
+  --uilib-ratings-range-bar-bar-width: 11.5rem;
+  --uilib-ratings-range-bar-bar-color: var(--uilib-color-core-brand);
+  --uilib-ratings-range-bar-bar-background: var(--uilib-color-core-surface);
+  --uilib-ratings-range-bar-tripadvisor-bar-width: 6.5625rem;
+  --uilib-ratings-range-bar-tripadvisor-bar-color: var(--uilib-color-brand-trip-advisor);
+  --uilib-ratings-range-bar-tripadvisor-bar-background: var(--uilib-color-other-disabled-soft);
+  --uilib-ratings-range-bar-icon-color: var(--uilib-color-status-info-icon);
+  --uilib-scroller-thumb-size: var(--uilib-spacing-400);
+  --uilib-scroller-thumb-radius: var(--uilib-border-radius-pill);
+  --uilib-scroller-thumb-color: var(--uilib-color-other-scroll-handle);
+  --uilib-scroller-fade-size: var(--uilib-spacing-400);
+  --uilib-scroller-focus-radius: var(--uilib-border-radius-100);
+  --uilib-scroller-bar-size: var(--uilib-spacing-400);
+  --uilib-show-more-less-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/crystalski/standard/chevron-down.svg");
+  --uilib-skeleton-color: #d8d8d8;
+  --uilib-skeleton-shimmer-color: #f5f5f5;
+  --uilib-tooltip-radius: var(--uilib-border-radius-100);
+  --uilib-tooltip-color-bg: var(--uilib-color-text-body);
+  --uilib-tooltip-color-text: var(--uilib-color-text-inverse);
+}
+
+/*# sourceMappingURL=index.css.map */

package/dist/themes/crystalski/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../src/lib/divider/_variables.scss","../../../src/lib/info-tag/_variables.scss","../../../src/variables/fonts/_brandon-fallback.scss","../../../src/themes/crystalski/index.scss","../../../src/lib/utility/_mixins.scss","../../../src/variables/_grid.scss","../../../src/variables/_icons.scss","../../../src/variables/_typography.scss"],"names":[],"mappings":"AAEA;AAQA;ACNA;ACFA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ACbD;AAAA;AAAA;AAAA;EAKC;ECLC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;ECKD;EACA;EACA;EACA;EAGA;EACA;ECGA;EFfC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EG8GD;EH9GC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA","file":"index.css"}