@odx/foundation 0.1.0-alpha.0 → 0.1.0-alpha.2
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.
- package/README.md +8 -1
- package/dist/cdk/main.d.ts +1 -1
- package/dist/cdk/main.d.ts.map +1 -1
- package/dist/cdk/popover/popover-host.mixin.d.ts +1 -1
- package/dist/cdk/popover/popover-host.mixin.d.ts.map +1 -1
- package/dist/cdk/popover/popover.models.d.ts +34 -0
- package/dist/cdk/popover/popover.models.d.ts.map +1 -0
- package/dist/cdk/popover/{utils/compute-popover-placement.d.ts → popover.utils.d.ts} +3 -2
- package/dist/cdk/popover/popover.utils.d.ts.map +1 -0
- package/dist/cdk.js +29 -32
- package/dist/components/button/{button.element.d.ts → button.component.d.ts} +5 -5
- package/dist/components/button/button.component.d.ts.map +1 -0
- package/dist/components/button/{models/button-variant.d.ts → button.models.d.ts} +7 -1
- package/dist/components/button/button.models.d.ts.map +1 -0
- package/dist/components/button/index.d.ts +2 -2
- package/dist/components/button/index.d.ts.map +1 -1
- package/dist/components/headline/headline.component.d.ts +1 -1
- package/dist/components/headline/headline.component.d.ts.map +1 -1
- package/dist/components/headline/{models/headline-size.d.ts → headline.models.d.ts} +1 -1
- package/dist/components/headline/headline.models.d.ts.map +1 -0
- package/dist/components/headline/index.d.ts +1 -1
- package/dist/components/headline/index.d.ts.map +1 -1
- package/dist/components/icon-button/icon-button.component.d.ts +24 -0
- package/dist/components/icon-button/icon-button.component.d.ts.map +1 -0
- package/dist/components/icon-button/index.d.ts +2 -0
- package/dist/components/icon-button/index.d.ts.map +1 -0
- package/dist/components/logo/index.d.ts +1 -1
- package/dist/components/logo/index.d.ts.map +1 -1
- package/dist/components/logo/logo.component.d.ts +1 -1
- package/dist/components/logo/logo.component.d.ts.map +1 -1
- package/dist/components/logo/{models/logo-size.d.ts → logo.models.d.ts} +1 -1
- package/dist/components/logo/logo.models.d.ts.map +1 -0
- package/dist/components/main.d.ts +1 -0
- package/dist/components/main.d.ts.map +1 -1
- package/dist/components/search-bar/index.d.ts +2 -2
- package/dist/components/search-bar/index.d.ts.map +1 -1
- package/dist/components/search-bar/search-bar.component.d.ts +1 -1
- package/dist/components/search-bar/search-bar.component.d.ts.map +1 -1
- package/dist/components/search-bar/{events/search-event.d.ts → search-bar.events.d.ts} +1 -1
- package/dist/components/search-bar/search-bar.events.d.ts.map +1 -0
- package/dist/components/search-bar/{models/search-bar-behavior.d.ts → search-bar.models.d.ts} +1 -1
- package/dist/components/search-bar/search-bar.models.d.ts.map +1 -0
- package/dist/components.js +153 -132
- package/dist/elements/main-menu/index.d.ts +4 -4
- package/dist/elements/main-menu/index.d.ts.map +1 -1
- package/dist/elements/main-menu/main-menu-button.element.d.ts.map +1 -0
- package/dist/elements/main-menu/{elements/main-menu-link.element.d.ts → main-menu-link.element.d.ts} +1 -1
- package/dist/elements/main-menu/main-menu-link.element.d.ts.map +1 -0
- package/dist/elements/main-menu/main-menu-subtitle.element.d.ts.map +1 -0
- package/dist/elements/main-menu/main-menu-title.element.d.ts.map +1 -0
- package/dist/elements/main-menu/main-menu.element.d.ts.map +1 -1
- package/dist/elements.js +10 -9
- package/dist/styles.css +1 -1
- package/package.json +4 -3
- package/dist/cdk/popover/models/index.d.ts +0 -4
- package/dist/cdk/popover/models/index.d.ts.map +0 -1
- package/dist/cdk/popover/models/popover-placement-options.d.ts +0 -13
- package/dist/cdk/popover/models/popover-placement-options.d.ts.map +0 -1
- package/dist/cdk/popover/models/popover-placement.d.ts +0 -16
- package/dist/cdk/popover/models/popover-placement.d.ts.map +0 -1
- package/dist/cdk/popover/models/popover-side.d.ts +0 -8
- package/dist/cdk/popover/models/popover-side.d.ts.map +0 -1
- package/dist/cdk/popover/utils/compute-popover-placement.d.ts.map +0 -1
- package/dist/cdk/popover/utils/get-popover-side.d.ts +0 -3
- package/dist/cdk/popover/utils/get-popover-side.d.ts.map +0 -1
- package/dist/cdk/popover/utils/index.d.ts +0 -3
- package/dist/cdk/popover/utils/index.d.ts.map +0 -1
- package/dist/components/button/button.element.d.ts.map +0 -1
- package/dist/components/button/models/button-size.d.ts +0 -7
- package/dist/components/button/models/button-size.d.ts.map +0 -1
- package/dist/components/button/models/button-variant.d.ts.map +0 -1
- package/dist/components/button/models/index.d.ts +0 -3
- package/dist/components/button/models/index.d.ts.map +0 -1
- package/dist/components/headline/models/headline-size.d.ts.map +0 -1
- package/dist/components/headline/models/index.d.ts +0 -2
- package/dist/components/headline/models/index.d.ts.map +0 -1
- package/dist/components/logo/models/index.d.ts +0 -2
- package/dist/components/logo/models/index.d.ts.map +0 -1
- package/dist/components/logo/models/logo-size.d.ts.map +0 -1
- package/dist/components/search-bar/events/index.d.ts +0 -2
- package/dist/components/search-bar/events/index.d.ts.map +0 -1
- package/dist/components/search-bar/events/search-event.d.ts.map +0 -1
- package/dist/components/search-bar/models/index.d.ts +0 -2
- package/dist/components/search-bar/models/index.d.ts.map +0 -1
- package/dist/components/search-bar/models/search-bar-behavior.d.ts.map +0 -1
- package/dist/elements/main-menu/elements/main-menu-button.element.d.ts.map +0 -1
- package/dist/elements/main-menu/elements/main-menu-link.element.d.ts.map +0 -1
- package/dist/elements/main-menu/elements/main-menu-subtitle.element.d.ts.map +0 -1
- package/dist/elements/main-menu/elements/main-menu-title.element.d.ts.map +0 -1
- /package/dist/elements/main-menu/{elements/main-menu-button.element.d.ts → main-menu-button.element.d.ts} +0 -0
- /package/dist/elements/main-menu/{elements/main-menu-subtitle.element.d.ts → main-menu-subtitle.element.d.ts} +0 -0
- /package/dist/elements/main-menu/{elements/main-menu-title.element.d.ts → main-menu-title.element.d.ts} +0 -0
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
export * from './
|
|
2
|
-
export * from './
|
|
3
|
-
export * from './
|
|
4
|
-
export * from './
|
|
1
|
+
export * from './main-menu-button.element';
|
|
2
|
+
export * from './main-menu-link.element';
|
|
3
|
+
export * from './main-menu-subtitle.element';
|
|
4
|
+
export * from './main-menu-title.element';
|
|
5
5
|
export * from './main-menu.element';
|
|
6
6
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/main-menu/index.ts"],"names":[],"mappings":"AAAA,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/main-menu/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"main-menu-button.element.d.ts","sourceRoot":"","sources":["../../../src/elements/main-menu/main-menu-button.element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAiB,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAEhD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,sBAAsB,EAAE,wBAAwB,CAAC;KAClD;CACF;AAED,qBACa,wBAAyB,SAAQ,aAAa;;cACtC,MAAM,IAAI,cAAc;CAU5C"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"main-menu-link.element.d.ts","sourceRoot":"","sources":["../../../src/elements/main-menu/main-menu-link.element.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGjD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,eAAe,CAAC;KACvC;CACF;AAED,qBACa,eAAgB,SAAQ,QAAQ;CAAG"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"main-menu-subtitle.element.d.ts","sourceRoot":"","sources":["../../../src/elements/main-menu/main-menu-subtitle.element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAiB,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAEhD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,wBAAwB,EAAE,0BAA0B,CAAC;KACtD;CACF;AAED,qBACa,0BAA2B,SAAQ,aAAa;IAClD,IAAI,SAAc;cAER,MAAM,IAAI,cAAc;CAO5C"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"main-menu-title.element.d.ts","sourceRoot":"","sources":["../../../src/elements/main-menu/main-menu-title.element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAiB,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAEhD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,uBAAuB,CAAC;KAChD;CACF;AAED,qBACa,uBAAwB,SAAQ,aAAa;IAC/C,IAAI,SAAW;cAEL,MAAM,IAAI,cAAc;CAO5C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"main-menu.element.d.ts","sourceRoot":"","sources":["../../../src/elements/main-menu/main-menu.element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAsC,MAAM,iBAAiB,CAAC;AAEpF,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAIhD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,kBAAkB,CAAC;KACrC;CACF;AAID,qBACa,kBAAmB,SAAQ,aAAa;;IAInD,OAAO,CAAC,KAAK,CAAsB;IAE1B,iBAAiB,IAAI,IAAI;IAMlC,MAAM,IAAI,IAAI;IAId,IAAI,IAAI,IAAI;IAIZ,KAAK,IAAI,IAAI;cAIM,MAAM,IAAI,cAAc;
|
|
1
|
+
{"version":3,"file":"main-menu.element.d.ts","sourceRoot":"","sources":["../../../src/elements/main-menu/main-menu.element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAsC,MAAM,iBAAiB,CAAC;AAEpF,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAIhD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,kBAAkB,CAAC;KACrC;CACF;AAID,qBACa,kBAAmB,SAAQ,aAAa;;IAInD,OAAO,CAAC,KAAK,CAAsB;IAE1B,iBAAiB,IAAI,IAAI;IAMlC,MAAM,IAAI,IAAI;IAId,IAAI,IAAI,IAAI;IAIZ,KAAK,IAAI,IAAI;cAIM,MAAM,IAAI,cAAc;CA6B5C"}
|
package/dist/elements.js
CHANGED
|
@@ -1228,15 +1228,14 @@ var _handleClick$2;
|
|
|
1228
1228
|
let OdxMainMenuButtonElement = class extends CustomElement {
|
|
1229
1229
|
constructor() {
|
|
1230
1230
|
super(...arguments);
|
|
1231
|
-
__privateAdd$c(this, _handleClick$2, () => {
|
|
1231
|
+
__privateAdd$c(this, _handleClick$2, (event) => {
|
|
1232
1232
|
document.querySelector("odx-main-menu")?.open();
|
|
1233
1233
|
});
|
|
1234
1234
|
}
|
|
1235
1235
|
render() {
|
|
1236
1236
|
return html`
|
|
1237
|
-
<odx-button aria-label="Open main menu" variant="ghost" @click=${__privateGet$9(this, _handleClick$2)}>
|
|
1238
|
-
|
|
1239
|
-
</odx-button>
|
|
1237
|
+
<odx-icon-button aria-label="Open main menu" icon="core::menu" variant="ghost" @click=${__privateGet$9(this, _handleClick$2)}>
|
|
1238
|
+
</odx-icon-button>
|
|
1240
1239
|
`;
|
|
1241
1240
|
}
|
|
1242
1241
|
};
|
|
@@ -1245,7 +1244,7 @@ OdxMainMenuButtonElement = __decorateClass$u([
|
|
|
1245
1244
|
customElement("odx-main-menu-button", [])
|
|
1246
1245
|
], OdxMainMenuButtonElement);
|
|
1247
1246
|
|
|
1248
|
-
const styles$p = ":host{--_color-fill: transparent;--_color-text: inherit;--_color-outline: transparent;user-select:none}:host::part(anchor){display:flex;place-items:center;background-color:var(--_color-fill);color:var(--_color-text);gap:var(--odx-size-50);block-size:var(--odx-size-300);
|
|
1247
|
+
const styles$p = ":host{--_color-fill: var(--odx-palette-transparent);--_color-text: inherit;--_color-outline: var(--odx-palette-transparent);user-select:none}:host::part(anchor){display:flex;place-items:center;background-color:var(--_color-fill);color:var(--_color-text);gap:var(--odx-size-50);block-size:var(--odx-size-300);padding-inline:var(--odx-size-100);font-weight:var(--odx-font-weight-medium);border-radius:var(--odx-border-radius-sm);outline:var(--odx-focus-ring-outline);outline-offset:var(--odx-focus-ring-offset);outline-color:var(--_color-outline);transition:var(--odx-transition-default);text-decoration:none}:host(:hover){--_color-fill: var(--odx-color-foreground-highlight)}:host(:is([active],:active)){--_color-fill: var(--odx-color-foreground-highlight-pressed)}:host::part(anchor):focus-visible{--_color-outline: var(--odx-focus-ring-color)}:host([disabled]){--_color-text: var(--odx-color-disabled-foreground-brand);pointer-events:none}";
|
|
1249
1248
|
|
|
1250
1249
|
var __getOwnPropDesc$r = Object.getOwnPropertyDescriptor;
|
|
1251
1250
|
var __decorateClass$t = (decorators, target, key, kind) => {
|
|
@@ -1301,7 +1300,7 @@ let OdxMainMenuTitleElement = class extends CustomElement {
|
|
|
1301
1300
|
}
|
|
1302
1301
|
render() {
|
|
1303
1302
|
return html`
|
|
1304
|
-
<odx-title size="
|
|
1303
|
+
<odx-title size="sm">
|
|
1305
1304
|
<slot></slot>
|
|
1306
1305
|
</odx-title>
|
|
1307
1306
|
`;
|
|
@@ -1311,7 +1310,7 @@ OdxMainMenuTitleElement = __decorateClass$r([
|
|
|
1311
1310
|
customElement("odx-main-menu-title")
|
|
1312
1311
|
], OdxMainMenuTitleElement);
|
|
1313
1312
|
|
|
1314
|
-
const styles$o = ":host{--_transition-duration: var(--odx-motion-duration);grid-template-rows:auto 1fr auto auto;block-size:100%;inline-size:var(--odx-main-menu-max-width, min(100dvw, 384px));border:none;background-color:var(--odx-
|
|
1313
|
+
const styles$o = ":host{--odx-link-color: var(--odx-color-foreground-light);--odx-link-color-hover: var(--odx-color-foreground-light);--odx-link-color-disabled: var(--odx-color-disabled-foreground-brand);--_transition-duration: var(--odx-motion-duration-default);grid-template-rows:auto 1fr auto auto;block-size:100%;inline-size:var(--odx-main-menu-max-width, min(100dvw, 384px));border:none;background-color:var(--odx-color-background-draeger);color:var(--odx-color-foreground-light);margin:0;padding:0;transform:translate(-100%);box-shadow:var(--odx-shadow-level-2);transition:transform var(--_transition-duration) allow-discrete,overlay var(--_transition-duration) allow-discrete,display var(--_transition-duration) allow-discrete}:host(:popover-open){display:grid;opacity:1;transform:translate(0);@starting-style{opacity:0;transform:translate(-100%)}}:host::backdrop{background-color:var(--odx-color-backdrop);backdrop-filter:blur(0);opacity:0;transition:backdrop-filter var(--_transition-duration),opacity var(--_transition-duration);cursor:default}:host(:popover-open)::backdrop{backdrop-filter:blur(var(--odx-elevation-blur));opacity:1}@starting-style{:host(:popover-open)::backdrop{backdrop-filter:blur(0);opacity:0}}[part~=navigation]{padding:var(--odx-size-75);overflow-y:auto}[part~=header]{padding-inline:var(--odx-size-150);padding-block-start:var(--odx-size-75);padding-block-end:clamp(0px,4dvh - calc(var(--odx-size-75)),var(--odx-size-75))}[part~=link-navigation],[part~=footer]{padding:var(--odx-size-150);padding-block:clamp(var(--odx-size-75),4dvh,var(--odx-size-150))}[part~=link-navigation]{padding-block-end:0;padding-block-start:var(--odx-size-75);column-gap:var(--odx-size-100)}";
|
|
1315
1314
|
|
|
1316
1315
|
var __defProp$i = Object.defineProperty;
|
|
1317
1316
|
var __getOwnPropDesc$o = Object.getOwnPropertyDescriptor;
|
|
@@ -1365,9 +1364,11 @@ let OdxMainMenuElement = class extends CustomElement {
|
|
|
1365
1364
|
<slot name="subtitle"></slot>
|
|
1366
1365
|
</div>
|
|
1367
1366
|
<nav part="navigation">
|
|
1368
|
-
<
|
|
1367
|
+
<odx-stack gap="md" align-items="stretch">
|
|
1368
|
+
<slot @slotchange=${__privateGet$8(this, _handleSlotChange$2)}></slot>
|
|
1369
|
+
</odx-stack>
|
|
1369
1370
|
</nav>
|
|
1370
|
-
<odx-stack part="link-navigation" gap="xs" wrap horizontal>
|
|
1371
|
+
<odx-stack part="link-navigation" gap="xs" wrap horizontal justify-content="start">
|
|
1371
1372
|
<slot name="${LINK_NAVIGATION_SLOT}"></slot>
|
|
1372
1373
|
</odx-stack>
|
|
1373
1374
|
<div part="footer">
|
package/dist/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer odx-reset,odx-base,odx-component,odx-theme;@layer odx-reset{*,*:before,*:after{box-sizing:border-box}:root{font-size:150%}:where(img,picture,video,canvas,svg){display:block;max-width:100%;margin:0;padding:0}:where(input,button,textarea,select){font:inherit;margin:0;padding:0}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word;margin:0;padding:0}::selection{background-color:var(--odx-color-foreground-highlight);color:var(--odx-color-foreground-inverse)}html{font-family:sans-serif;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;color:var(--odx-color-foreground);font-family:var(--odx-typography-font-family-base),"Noto Sans","Kanit",sans-serif;font-size:var(--odx-breakpoint-font-size-p-base);line-height:var(--odx-breakpoint-line-height-p-md);margin:0;padding:0}#root,#__next{isolation:isolate}input[type=search]::-webkit-search-cancel-button{appearance:none;aspect-ratio:1;background-image:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m15.3,7.3l-3.3,3.3-3.3-3.3-1.4,1.4,3.3,3.3-3.3,3.3,1.4,1.4,3.3-3.3,3.3,3.3,1.4-1.4-3.3-3.3,3.3-3.3-1.4-1.4Zm-3.3-5.3C6.5,2,2,6.5,2,12s4.5,10,10,10,10-4.5,10-10S17.5,2,12,2Zm0,18c-4.4,0-8-3.6-8-8S7.6,4,12,4s8,3.6,8,8-3.6,8-8,8Z' style='fill:%23002766;'/%3E%3C/svg%3E%0A");background-repeat:no-repeat;background-clip:content-box;background-position:center;background-size:var(--odx-typography-font-size-5);block-size:var(--odx-size-225);cursor:pointer;margin:0;margin-inline-end:-2px;max-block-size:100%;transition:var(--odx-transition-reduced)}input[type=search]::-webkit-search-cancel-button:hover{color:var(--odx-color-foreground-highlight)}odx-spinbox>input::-webkit-inner-spin-button{appearance:none}}@layer odx-base{:root{--odx-border-radius-circle: 9999px;--odx-border-radius-controls: var(--odx-border-radius-sm);--odx-border-radius-lg: var(--odx-size-50);--odx-border-radius-md: 5px;--odx-border-radius-ml: var(--odx-size-37);--odx-border-radius-none: 0;--odx-border-radius-sm: 3px;--odx-border-width-none: 0;--odx-border-width-thick: 2px;--odx-border-width-thickest: var(--odx-size-25);--odx-border-width-thin: var(--odx-size-px);--odx-breakpoint-font-size-display-lg: var(--odx-typography-font-size-10);--odx-breakpoint-font-size-display-md: var(--odx-typography-font-size-9);--odx-breakpoint-font-size-display-sm: var(--odx-typography-font-size-8);--odx-breakpoint-font-size-display-xl: var(--odx-typography-font-size-11);--odx-breakpoint-font-size-heading-1: var(--odx-typography-font-size-9);--odx-breakpoint-font-size-heading-2: var(--odx-typography-font-size-8);--odx-breakpoint-font-size-heading-3: var(--odx-typography-font-size-7);--odx-breakpoint-font-size-heading-4: var(--odx-typography-font-size-6);--odx-breakpoint-font-size-heading-5: var(--odx-typography-font-size-5);--odx-breakpoint-font-size-heading-6: var(--odx-typography-font-size-4);--odx-breakpoint-font-size-p-base: var(--odx-typography-font-size-3);--odx-breakpoint-font-size-p-lg: var(--odx-typography-font-size-4);--odx-breakpoint-font-size-p-md: var(--odx-typography-font-size-4);--odx-breakpoint-line-height-display-lg: var(--odx-typography-line-height-10);--odx-breakpoint-line-height-display-md: var(--odx-typography-line-height-9);--odx-breakpoint-line-height-display-sm: var(--odx-typography-line-height-8);--odx-breakpoint-line-height-display-xl: var(--odx-typography-line-height-11);--odx-breakpoint-line-height-heading-1: var(--odx-typography-line-height-9);--odx-breakpoint-line-height-heading-2: var(--odx-typography-line-height-8);--odx-breakpoint-line-height-heading-3: var(--odx-typography-line-height-7);--odx-breakpoint-line-height-heading-4: var(--odx-typography-line-height-6);--odx-breakpoint-line-height-heading-5: var(--odx-typography-line-height-5);--odx-breakpoint-line-height-heading-6: var(--odx-typography-line-height-4);--odx-breakpoint-line-height-p-base: var(--odx-typography-line-height-base);--odx-breakpoint-line-height-p-lg: var(--odx-typography-line-height-4);--odx-breakpoint-line-height-p-md: var(--odx-typography-line-height-4);--odx-breakpoint-spacing-12: var(--odx-size-12);--odx-breakpoint-spacing-25: var(--odx-size-25);--odx-breakpoint-spacing-37: var(--odx-size-37);--odx-breakpoint-spacing-50: var(--odx-size-50);--odx-breakpoint-spacing-75: var(--odx-size-75);--odx-breakpoint-spacing-100: var(--odx-size-100);--odx-breakpoint-spacing-150: var(--odx-size-150);--odx-breakpoint-spacing-150-responsive: var(--odx-size-100);--odx-breakpoint-spacing-200: var(--odx-size-200);--odx-breakpoint-spacing-200-responsive: var(--odx-size-100);--odx-breakpoint-spacing-250: var(--odx-size-250);--odx-breakpoint-spacing-250-responsive: var(--odx-size-150);--odx-breakpoint-spacing-300: var(--odx-size-300);--odx-breakpoint-spacing-300-responsive: var(--odx-size-200);--odx-breakpoint-visibility-lg-down-hide: 0;--odx-breakpoint-visibility-lg-down-show: 1;--odx-breakpoint-visibility-lg-show: 0;--odx-breakpoint-visibility-md-down-hide: 0;--odx-breakpoint-visibility-md-down-show: 1;--odx-breakpoint-visibility-md-show: 0;--odx-breakpoint-visibility-sm-down-hide: 0;--odx-breakpoint-visibility-sm-down-show: 1;--odx-breakpoint-visibility-sm-show: 1;--odx-breakpoint-visibility-xl-show: 0;--odx-color-backdrop: var(--odx-palette-blue-100-30);--odx-color-background-cool: var(--odx-palette-coolgray-00);--odx-color-background-cool-contrast: var(--odx-palette-coolgray-30);--odx-color-background-draeger: var(--odx-palette-blue-80);--odx-color-background-main: var(--odx-palette-white);--odx-color-background-sand: var(--odx-palette-sandgray-10);--odx-color-background-sand-contrast: var(--odx-palette-sandgray-30);--odx-color-background-sidesheet: var(--odx-palette-white);--odx-color-background-warm: var(--odx-palette-warmgray-10);--odx-color-background-warm-contrast: var(--odx-palette-warmgray-30);--odx-color-confirmation-hover: var(--odx-palette-orange-70);--odx-color-confirmation-pressed: var(--odx-palette-orange-80);--odx-color-confirmation-rest: var(--odx-palette-orange-60);--odx-color-danger-background: var(--odx-palette-red-00);--odx-color-danger-hover: var(--odx-palette-red-70);--odx-color-danger-pressed: var(--odx-palette-red-80);--odx-color-danger-rest: var(--odx-palette-red-60);--odx-color-danger-stroke: var(--odx-palette-red-20);--odx-color-danger-stroke-hover: var(--odx-palette-red-30);--odx-color-disabled-fill: var(--odx-palette-coolgray-10);--odx-color-disabled-fill-selected: var(--odx-palette-coolgray-60);--odx-color-disabled-foreground: var(--odx-palette-coolgray-50);--odx-color-disabled-foreground-brand: var(--odx-palette-cyan-90);--odx-color-disabled-foreground-selected: var(--odx-palette-coolgray-10);--odx-color-disabled-stroke: var(--odx-palette-transparent);--odx-color-focus-inner: var(--odx-palette-white);--odx-color-focus-outer: var(--odx-palette-cyan-70);--odx-color-foreground: var(--odx-palette-blue-80);--odx-color-foreground-danger: var(--odx-palette-red-60);--odx-color-foreground-dark: var(--odx-palette-blue-80);--odx-color-foreground-highlight: var(--odx-palette-cyan-70);--odx-color-foreground-highlight-hover: var(--odx-palette-cyan-80);--odx-color-foreground-highlight-pressed: var(--odx-palette-cyan-80);--odx-color-foreground-inverse: var(--odx-palette-white);--odx-color-foreground-light: var(--odx-palette-white);--odx-color-foreground-muted: var(--odx-palette-blue-80-60);--odx-color-highlight-hover: var(--odx-palette-cyan-70);--odx-color-highlight-pressed: var(--odx-palette-cyan-80);--odx-color-highlight-rest: var(--odx-palette-cyan-60);--odx-color-input-control-fill: var(--odx-palette-coolgray-10);--odx-color-input-control-fill-hover: var(--odx-palette-coolgray-20);--odx-color-input-control-fill-readonly: var(--odx-palette-transparent);--odx-color-input-control-stroke: var(--odx-palette-coolgray-20);--odx-color-input-control-stroke-hover: var(--odx-palette-coolgray-30);--odx-color-input-control-stroke-pressed: var(--odx-color-highlight-rest);--odx-color-input-control-stroke-readonly: var(--odx-palette-coolgray-20);--odx-color-neutral-hover: var(--odx-palette-coolgray-40);--odx-color-neutral-pressed: var(--odx-palette-coolgray-50);--odx-color-neutral-rest: var(--odx-palette-coolgray-30);--odx-color-overlay: var(--odx-palette-white-60);--odx-color-primary-background: var(--odx-palette-blue-00);--odx-color-primary-hover: var(--odx-palette-blue-90);--odx-color-primary-pressed: var(--odx-palette-blue-100);--odx-color-primary-rest: var(--odx-palette-blue-80);--odx-color-scrollbar: var(--odx-palette-coolgray-40);--odx-color-selected: var(--odx-palette-cyan-60-15);--odx-color-selected-hover: var(--odx-palette-cyan-60-20);--odx-color-selection-control-fill: var(--odx-palette-coolgray-10);--odx-color-selection-control-fill-hover: var(--odx-palette-coolgray-20);--odx-color-selection-control-fill-readonly: var(--odx-palette-transparent);--odx-color-selection-control-fill-selected: var(--odx-color-highlight-rest);--odx-color-selection-control-fill-selected-hover: var(--odx-color-highlight-hover);--odx-color-selection-control-fill-selected-readonly: var(--odx-palette-transparent);--odx-color-selection-control-foreground-readonly: var(--odx-color-foreground);--odx-color-selection-control-stroke: var(--odx-palette-coolgray-20);--odx-color-selection-control-stroke-hover: var(--odx-palette-coolgray-30);--odx-color-selection-control-stroke-readonly: var(--odx-palette-coolgray-20);--odx-color-selection-control-stroke-selected: var(--odx-palette-transparent);--odx-color-separator: var(--odx-palette-coolgray-20);--odx-color-separator-strong: var(--odx-palette-coolgray-130);--odx-color-shadow: var(--odx-palette-blue-100-30);--odx-color-success-background: var(--odx-palette-green-00);--odx-color-success-hover: var(--odx-palette-green-70);--odx-color-success-pressed: var(--odx-palette-green-80);--odx-color-success-rest: var(--odx-palette-green-60);--odx-color-transparent-hover: var(--odx-palette-blue-80-5);--odx-color-transparent-pressed: var(--odx-palette-blue-80-15);--odx-color-warning-background: var(--odx-palette-yellow-00);--odx-color-warning-hover: var(--odx-palette-yellow-60);--odx-color-warning-pressed: var(--odx-palette-yellow-70);--odx-color-warning-rest: var(--odx-palette-yellow-50);--odx-experience-color-secondary-foreground: var(--odx-color-foreground);--odx-experience-color-secondary-hover: var(--odx-color-neutral-hover);--odx-experience-color-secondary-pressed: var(--odx-color-neutral-pressed);--odx-experience-color-secondary-rest: var(--odx-color-neutral-rest);--odx-experience-color-secondary-stroke: var(--odx-palette-transparent);--odx-experience-dimension-control-height-base: var(--odx-size-225);--odx-experience-dimension-control-height-lg: var(--odx-size-300);--odx-experience-dimension-control-height-sm: var(--odx-size-150);--odx-focus-ring-color: var(--odx-color-focus-outer);--odx-focus-ring-offset: var(--odx-size-px);--odx-focus-ring-outline: var(--odx-border-width-thick) solid color(srgb 0 0 0 / 0);--odx-motion-duration-default: 275ms;--odx-motion-duration-fast: .15s;--odx-motion-duration-slow: 375ms;--odx-motion-easing-default: cubic-bezier(.4, 0, .2, 1);--odx-motion-easing-reduced: cubic-bezier(0, 0, 1, 1);--odx-palette-black: hsl(220 50% 5%);--odx-palette-black-60: hsl(220 50% 5% / .6);--odx-palette-blue-00: hsl(219 70% 96%);--odx-palette-blue-10: hsl(216 65% 90%);--odx-palette-blue-20: hsl(217 71% 80%);--odx-palette-blue-30: hsl(217 75% 70%);--odx-palette-blue-40: hsl(217 80% 60%);--odx-palette-blue-50: hsl(217 75% 48%);--odx-palette-blue-60: hsl(217 90% 40%);--odx-palette-blue-70: hsl(217 95% 30%);--odx-palette-blue-80: hsl(217 100% 20%);--odx-palette-blue-80-5: hsl(217 100% 20% / .05);--odx-palette-blue-80-15: hsl(217 100% 20% / .1);--odx-palette-blue-80-60: hsl(217 100% 20% / .6);--odx-palette-blue-90: hsl(216 100% 10%);--odx-palette-blue-100: hsl(216 100% 1%);--odx-palette-blue-100-30: hsl(216 100% 1% / .3);--odx-palette-coolgray-00: hsl(210 20% 98%);--odx-palette-coolgray-10: hsl(216 20% 95%);--odx-palette-coolgray-20: hsl(213 18% 90%);--odx-palette-coolgray-30: hsl(212 15% 83%);--odx-palette-coolgray-40: hsl(213 15% 76%);--odx-palette-coolgray-50: hsl(210 14.000000000000002% 69%);--odx-palette-coolgray-60: hsl(208 13% 62%);--odx-palette-coolgray-70: hsl(207 12% 55.00000000000001%);--odx-palette-coolgray-80: hsl(208 11% 47%);--odx-palette-coolgray-90: hsl(205 10% 39%);--odx-palette-coolgray-100: hsl(205 16% 31%);--odx-palette-coolgray-110: hsl(210 17% 27%);--odx-palette-coolgray-120: hsl(207 19% 23%);--odx-palette-coolgray-130: hsl(210 20% 20%);--odx-palette-coolgray-140: hsl(210 20% 16%);--odx-palette-coolgray-150: hsl(207 20% 9%);--odx-palette-cyan-00: hsl(200 90% 96%);--odx-palette-cyan-10: hsl(200 100% 92%);--odx-palette-cyan-10-5: hsl(200 100% 92% / .05);--odx-palette-cyan-10-15: hsl(200 100% 92% / .15);--odx-palette-cyan-20: hsl(201 100% 84%);--odx-palette-cyan-30: hsl(201 100% 74%);--odx-palette-cyan-40: hsl(201 100% 65%);--odx-palette-cyan-50: hsl(201 100% 55.00000000000001%);--odx-palette-cyan-60: hsl(205 100% 48%);--odx-palette-cyan-60-15: hsl(205 100% 48% / .15);--odx-palette-cyan-60-20: hsl(205 100% 48% / .2);--odx-palette-cyan-60-25: hsl(205 100% 48% / .25);--odx-palette-cyan-70: hsl(205 100% 40%);--odx-palette-cyan-80: hsl(205 100% 34%);--odx-palette-cyan-90: hsl(205 100% 27%);--odx-palette-cyan-100: hsl(205 100% 20%);--odx-palette-green-00: hsl(138 100% 91%);--odx-palette-green-10: hsl(133 100% 86%);--odx-palette-green-20: hsl(133 100% 79%);--odx-palette-green-30: hsl(133 100% 71%);--odx-palette-green-40: hsl(133 100% 61%);--odx-palette-green-50: hsl(133 91% 50%);--odx-palette-green-60: hsl(133 100% 43%);--odx-palette-green-70: hsl(133 100% 39%);--odx-palette-green-80: hsl(133 100% 33%);--odx-palette-green-90: hsl(133 100% 26%);--odx-palette-green-100: hsl(133 100% 20%);--odx-palette-orange-00: hsl(30 100% 96%);--odx-palette-orange-10: hsl(31 100% 92%);--odx-palette-orange-20: hsl(30 100% 83%);--odx-palette-orange-30: hsl(30 100% 74%);--odx-palette-orange-40: hsl(30 100% 65%);--odx-palette-orange-50: hsl(30 100% 56.00000000000001%);--odx-palette-orange-60: hsl(30 100% 48%);--odx-palette-orange-70: hsl(30 100% 40%);--odx-palette-orange-80: hsl(30 100% 32%);--odx-palette-orange-90: hsl(30 100% 24%);--odx-palette-orange-100: hsl(30 100% 16%);--odx-palette-red-00: hsl(354 100% 96%);--odx-palette-red-10: hsl(0 100% 92%);--odx-palette-red-20: hsl(0 100% 84%);--odx-palette-red-30: hsl(0 100% 74%);--odx-palette-red-40: hsl(0 100% 68%);--odx-palette-red-50: hsl(0 100% 60%);--odx-palette-red-60: hsl(0 100% 46%);--odx-palette-red-70: hsl(0 98% 43%);--odx-palette-red-80: hsl(0 100% 37%);--odx-palette-red-90: hsl(0 100% 30%);--odx-palette-red-100: hsl(0 100% 22%);--odx-palette-sandgray-00: hsl(90 20% 98%);--odx-palette-sandgray-10: hsl(90 18% 96%);--odx-palette-sandgray-20: hsl(90 15% 92%);--odx-palette-sandgray-30: hsl(86 10% 87%);--odx-palette-sandgray-40: hsl(80 7.000000000000001% 84%);--odx-palette-sandgray-50: hsl(82 7.000000000000001% 78%);--odx-palette-sandgray-60: hsl(78 7.000000000000001% 73%);--odx-palette-sandgray-70: hsl(80 7.000000000000001% 67%);--odx-palette-sandgray-80: hsl(80 8% 61%);--odx-palette-sandgray-90: hsl(80 7.000000000000001% 51%);--odx-palette-sandgray-100: hsl(78 6% 41%);--odx-palette-sandgray-110: hsl(80 7.000000000000001% 36%);--odx-palette-sandgray-120: hsl(78 6% 31%);--odx-palette-sandgray-130: hsl(75 6% 26%);--odx-palette-sandgray-140: hsl(77 6% 23%);--odx-palette-sandgray-150: hsl(72 6% 16%);--odx-palette-transparent: hsl(0 0% 100% / 0);--odx-palette-warmgray-00: hsl(0 9% 98%);--odx-palette-warmgray-10: hsl(0 9% 96%);--odx-palette-warmgray-20: hsl(0 10% 90%);--odx-palette-warmgray-30: hsl(0 7.000000000000001% 85%);--odx-palette-warmgray-40: hsl(0 7.000000000000001% 78%);--odx-palette-warmgray-50: hsl(0 3% 70%);--odx-palette-warmgray-60: hsl(0 3% 63%);--odx-palette-warmgray-70: hsl(0 2% 56.00000000000001%);--odx-palette-warmgray-80: hsl(0 2% 48%);--odx-palette-warmgray-90: hsl(0 2% 40%);--odx-palette-warmgray-100: hsl(0 2% 31%);--odx-palette-warmgray-120: hsl(0 2% 26%);--odx-palette-warmgray-130: hsl(0 2% 22%);--odx-palette-warmgray-140: hsl(0 2% 20%);--odx-palette-warmgray-150: hsl(0 2% 16%);--odx-palette-white: hsl(0 0% 100%);--odx-palette-white-05: hsl(0 0% 100% / .05);--odx-palette-white-60: hsl(0 0% 100% / .6);--odx-palette-yellow-00: hsl(53 100% 92%);--odx-palette-yellow-10: hsl(53 100% 86%);--odx-palette-yellow-20: hsl(53 100% 81%);--odx-palette-yellow-30: hsl(52 100% 75%);--odx-palette-yellow-40: hsl(53 100% 64%);--odx-palette-yellow-50: hsl(53 100% 50%);--odx-palette-yellow-60: hsl(53 100% 45%);--odx-palette-yellow-70: hsl(53 100% 37%);--odx-palette-yellow-80: hsl(53 100% 30%);--odx-palette-yellow-90: hsl(53 100% 24%);--odx-palette-yellow-100: hsl(53 100% 18%);--odx-size-12: 2px;--odx-size-25: 4px;--odx-size-37: 6px;--odx-size-50: 8px;--odx-size-75: 12px;--odx-size-100: 16px;--odx-size-125: 20px;--odx-size-150: 24px;--odx-size-175: 28px;--odx-size-200: 32px;--odx-size-225: 36px;--odx-size-250: 40px;--odx-size-300: 48px;--odx-size-350: 56px;--odx-size-400: 64px;--odx-size-450: 72px;--odx-size-500: 80px;--odx-size-600: 96px;--odx-size-700: 112px;--odx-size-800: 128px;--odx-size-900: 144px;--odx-size-1000: 160px;--odx-size-base: 16px;--odx-size-px: 1px;--odx-typography-font-family-base: Draeger Pangea Text;--odx-typography-font-family-brand: Draeger Pangea Text;--odx-typography-font-size-1: 10px;--odx-typography-font-size-2: 14px;--odx-typography-font-size-3: 16px;--odx-typography-font-size-4: 18px;--odx-typography-font-size-5: 20px;--odx-typography-font-size-6: 24px;--odx-typography-font-size-7: 30px;--odx-typography-font-size-8: 40px;--odx-typography-font-size-9: 48px;--odx-typography-font-size-10: 54px;--odx-typography-font-size-11: 68px;--odx-typography-font-size-12: 76px;--odx-typography-font-size-13: 94px;--odx-typography-font-size-base: 16px;--odx-typography-font-weight-medium: 500;--odx-typography-font-weight-normal: 400;--odx-typography-font-weight-semibold: 600;--odx-typography-line-height-1: 14px;--odx-typography-line-height-2: 19px;--odx-typography-line-height-3: 22px;--odx-typography-line-height-4: 24px;--odx-typography-line-height-5: 26px;--odx-typography-line-height-6: 31px;--odx-typography-line-height-7: 39px;--odx-typography-line-height-8: 49px;--odx-typography-line-height-9: 59px;--odx-typography-line-height-10: 64px;--odx-typography-line-height-11: 80px;--odx-typography-line-height-12: 89px;--odx-typography-line-height-13: 110px;--odx-typography-line-height-base: 24px;--odx-typography-weight-fontWeightMedium: Medium;--odx-typography-weight-fontWeightNormal: Regular;--odx-typography-weight-fontWeightSemibold: Semibold}@media (min-width: 479px){:root{--odx-breakpoint-font-size-display-lg: var(--odx-typography-font-size-10);--odx-breakpoint-font-size-display-md: var(--odx-typography-font-size-9);--odx-breakpoint-font-size-display-sm: var(--odx-typography-font-size-8);--odx-breakpoint-font-size-display-xl: var(--odx-typography-font-size-11);--odx-breakpoint-font-size-heading-1: var(--odx-typography-font-size-9);--odx-breakpoint-font-size-heading-2: var(--odx-typography-font-size-8);--odx-breakpoint-font-size-heading-3: var(--odx-typography-font-size-7);--odx-breakpoint-font-size-heading-4: var(--odx-typography-font-size-6);--odx-breakpoint-font-size-heading-5: var(--odx-typography-font-size-5);--odx-breakpoint-font-size-heading-6: var(--odx-typography-font-size-4);--odx-breakpoint-font-size-p-base: var(--odx-typography-font-size-3);--odx-breakpoint-font-size-p-lg: var(--odx-typography-font-size-4);--odx-breakpoint-font-size-p-md: var(--odx-typography-font-size-4);--odx-breakpoint-line-height-display-lg: var(--odx-typography-line-height-10);--odx-breakpoint-line-height-display-md: var(--odx-typography-line-height-9);--odx-breakpoint-line-height-display-sm: var(--odx-typography-line-height-8);--odx-breakpoint-line-height-display-xl: var(--odx-typography-line-height-11);--odx-breakpoint-line-height-heading-1: var(--odx-typography-line-height-9);--odx-breakpoint-line-height-heading-2: var(--odx-typography-line-height-8);--odx-breakpoint-line-height-heading-3: var(--odx-typography-line-height-7);--odx-breakpoint-line-height-heading-4: var(--odx-typography-line-height-6);--odx-breakpoint-line-height-heading-5: var(--odx-typography-line-height-5);--odx-breakpoint-line-height-heading-6: var(--odx-typography-line-height-4);--odx-breakpoint-line-height-p-base: var(--odx-typography-line-height-base);--odx-breakpoint-line-height-p-lg: var(--odx-typography-line-height-4);--odx-breakpoint-line-height-p-md: var(--odx-typography-line-height-4);--odx-breakpoint-spacing-12: var(--odx-size-12);--odx-breakpoint-spacing-25: var(--odx-size-25);--odx-breakpoint-spacing-37: var(--odx-size-37);--odx-breakpoint-spacing-50: var(--odx-size-50);--odx-breakpoint-spacing-75: var(--odx-size-75);--odx-breakpoint-spacing-100: var(--odx-size-100);--odx-breakpoint-spacing-150: var(--odx-size-150);--odx-breakpoint-spacing-150-responsive: var(--odx-size-100);--odx-breakpoint-spacing-200: var(--odx-size-200);--odx-breakpoint-spacing-200-responsive: var(--odx-size-100);--odx-breakpoint-spacing-250: var(--odx-size-250);--odx-breakpoint-spacing-250-responsive: var(--odx-size-150);--odx-breakpoint-spacing-300: var(--odx-size-300);--odx-breakpoint-spacing-300-responsive: var(--odx-size-200);--odx-breakpoint-visibility-lg-down-hide: 0;--odx-breakpoint-visibility-lg-down-show: 1;--odx-breakpoint-visibility-lg-show: 0;--odx-breakpoint-visibility-md-down-hide: 0;--odx-breakpoint-visibility-md-down-show: 1;--odx-breakpoint-visibility-md-show: 0;--odx-breakpoint-visibility-sm-down-hide: 0;--odx-breakpoint-visibility-sm-down-show: 1;--odx-breakpoint-visibility-sm-show: 1;--odx-breakpoint-visibility-xl-show: 0}}@media (min-width: 768px){:root{--odx-breakpoint-font-size-display-lg: var(--odx-typography-font-size-11);--odx-breakpoint-font-size-display-md: var(--odx-typography-font-size-10);--odx-breakpoint-font-size-display-sm: var(--odx-typography-font-size-9);--odx-breakpoint-font-size-display-xl: var(--odx-typography-font-size-12);--odx-breakpoint-font-size-heading-1: var(--odx-typography-font-size-10);--odx-breakpoint-font-size-heading-2: var(--odx-typography-font-size-9);--odx-breakpoint-font-size-heading-3: var(--odx-typography-font-size-7);--odx-breakpoint-font-size-heading-4: var(--odx-typography-font-size-6);--odx-breakpoint-font-size-heading-5: var(--odx-typography-font-size-5);--odx-breakpoint-font-size-heading-6: var(--odx-typography-font-size-4);--odx-breakpoint-font-size-p-base: var(--odx-typography-font-size-3);--odx-breakpoint-font-size-p-lg: var(--odx-typography-font-size-4);--odx-breakpoint-font-size-p-md: var(--odx-typography-font-size-4);--odx-breakpoint-line-height-display-lg: var(--odx-typography-line-height-11);--odx-breakpoint-line-height-display-md: var(--odx-typography-line-height-10);--odx-breakpoint-line-height-display-sm: var(--odx-typography-line-height-9);--odx-breakpoint-line-height-display-xl: var(--odx-typography-line-height-12);--odx-breakpoint-line-height-heading-1: var(--odx-typography-line-height-10);--odx-breakpoint-line-height-heading-2: var(--odx-typography-line-height-9);--odx-breakpoint-line-height-heading-3: var(--odx-typography-line-height-7);--odx-breakpoint-line-height-heading-4: var(--odx-typography-line-height-6);--odx-breakpoint-line-height-heading-5: var(--odx-typography-line-height-5);--odx-breakpoint-line-height-heading-6: var(--odx-typography-line-height-4);--odx-breakpoint-line-height-p-base: var(--odx-typography-line-height-base);--odx-breakpoint-line-height-p-lg: var(--odx-typography-line-height-4);--odx-breakpoint-line-height-p-md: var(--odx-typography-line-height-4);--odx-breakpoint-spacing-12: var(--odx-size-12);--odx-breakpoint-spacing-25: var(--odx-size-25);--odx-breakpoint-spacing-37: var(--odx-size-37);--odx-breakpoint-spacing-50: var(--odx-size-50);--odx-breakpoint-spacing-75: var(--odx-size-75);--odx-breakpoint-spacing-100: var(--odx-size-100);--odx-breakpoint-spacing-150: var(--odx-size-150);--odx-breakpoint-spacing-150-responsive: var(--odx-size-100);--odx-breakpoint-spacing-200: var(--odx-size-200);--odx-breakpoint-spacing-200-responsive: var(--odx-size-150);--odx-breakpoint-spacing-250: var(--odx-size-250);--odx-breakpoint-spacing-250-responsive: var(--odx-size-150);--odx-breakpoint-spacing-300: var(--odx-size-300);--odx-breakpoint-spacing-300-responsive: var(--odx-size-200);--odx-breakpoint-visibility-lg-down-hide: 0;--odx-breakpoint-visibility-lg-down-show: 1;--odx-breakpoint-visibility-lg-show: 0;--odx-breakpoint-visibility-md-down-hide: 0;--odx-breakpoint-visibility-md-down-show: 1;--odx-breakpoint-visibility-md-show: 1;--odx-breakpoint-visibility-sm-down-hide: 1;--odx-breakpoint-visibility-sm-down-show: 0;--odx-breakpoint-visibility-sm-show: 0;--odx-breakpoint-visibility-xl-show: 0}}@media (min-width: 990px){:root{--odx-breakpoint-font-size-display-lg: var(--odx-typography-font-size-11);--odx-breakpoint-font-size-display-md: var(--odx-typography-font-size-10);--odx-breakpoint-font-size-display-sm: var(--odx-typography-font-size-9);--odx-breakpoint-font-size-display-xl: var(--odx-typography-font-size-12);--odx-breakpoint-font-size-heading-1: var(--odx-typography-font-size-10);--odx-breakpoint-font-size-heading-2: var(--odx-typography-font-size-9);--odx-breakpoint-font-size-heading-3: var(--odx-typography-font-size-7);--odx-breakpoint-font-size-heading-4: var(--odx-typography-font-size-6);--odx-breakpoint-font-size-heading-5: var(--odx-typography-font-size-5);--odx-breakpoint-font-size-heading-6: var(--odx-typography-font-size-4);--odx-breakpoint-font-size-p-base: var(--odx-typography-font-size-3);--odx-breakpoint-font-size-p-lg: var(--odx-typography-font-size-5);--odx-breakpoint-font-size-p-md: var(--odx-typography-font-size-4);--odx-breakpoint-line-height-display-lg: var(--odx-typography-line-height-11);--odx-breakpoint-line-height-display-md: var(--odx-typography-line-height-10);--odx-breakpoint-line-height-display-sm: var(--odx-typography-line-height-9);--odx-breakpoint-line-height-display-xl: var(--odx-typography-font-size-12);--odx-breakpoint-line-height-heading-1: var(--odx-typography-line-height-10);--odx-breakpoint-line-height-heading-2: var(--odx-typography-line-height-9);--odx-breakpoint-line-height-heading-3: var(--odx-typography-line-height-7);--odx-breakpoint-line-height-heading-4: var(--odx-typography-line-height-6);--odx-breakpoint-line-height-heading-5: var(--odx-typography-line-height-5);--odx-breakpoint-line-height-heading-6: var(--odx-typography-line-height-4);--odx-breakpoint-line-height-p-base: var(--odx-typography-line-height-base);--odx-breakpoint-line-height-p-lg: var(--odx-typography-line-height-5);--odx-breakpoint-line-height-p-md: var(--odx-typography-line-height-4);--odx-breakpoint-spacing-12: var(--odx-size-12);--odx-breakpoint-spacing-25: var(--odx-size-25);--odx-breakpoint-spacing-37: var(--odx-size-37);--odx-breakpoint-spacing-50: var(--odx-size-50);--odx-breakpoint-spacing-75: var(--odx-size-75);--odx-breakpoint-spacing-100: var(--odx-size-100);--odx-breakpoint-spacing-150: var(--odx-size-150);--odx-breakpoint-spacing-150-responsive: var(--odx-size-150);--odx-breakpoint-spacing-200: var(--odx-size-200);--odx-breakpoint-spacing-200-responsive: var(--odx-size-150);--odx-breakpoint-spacing-250: var(--odx-size-250);--odx-breakpoint-spacing-250-responsive: var(--odx-size-200);--odx-breakpoint-spacing-300: var(--odx-size-300);--odx-breakpoint-spacing-300-responsive: var(--odx-size-250);--odx-breakpoint-visibility-lg-down-hide: 0;--odx-breakpoint-visibility-lg-down-show: 1;--odx-breakpoint-visibility-lg-show: 1;--odx-breakpoint-visibility-md-down-hide: 1;--odx-breakpoint-visibility-md-down-show: 0;--odx-breakpoint-visibility-md-show: 0;--odx-breakpoint-visibility-sm-down-hide: 1;--odx-breakpoint-visibility-sm-down-show: 0;--odx-breakpoint-visibility-sm-show: 0;--odx-breakpoint-visibility-xl-show: 0}}@media (min-width: 1280px){:root{--odx-breakpoint-font-size-display-lg: var(--odx-typography-font-size-12);--odx-breakpoint-font-size-display-md: var(--odx-typography-font-size-11);--odx-breakpoint-font-size-display-sm: var(--odx-typography-font-size-10);--odx-breakpoint-font-size-display-xl: var(--odx-typography-font-size-13);--odx-breakpoint-font-size-heading-1: var(--odx-typography-font-size-11);--odx-breakpoint-font-size-heading-2: var(--odx-typography-font-size-10);--odx-breakpoint-font-size-heading-3: var(--odx-typography-font-size-8);--odx-breakpoint-font-size-heading-4: var(--odx-typography-font-size-7);--odx-breakpoint-font-size-heading-5: var(--odx-typography-font-size-5);--odx-breakpoint-font-size-heading-6: var(--odx-typography-font-size-4);--odx-breakpoint-font-size-p-base: var(--odx-typography-font-size-3);--odx-breakpoint-font-size-p-lg: var(--odx-typography-font-size-5);--odx-breakpoint-font-size-p-md: var(--odx-typography-font-size-4);--odx-breakpoint-line-height-display-lg: var(--odx-typography-line-height-12);--odx-breakpoint-line-height-display-md: var(--odx-typography-line-height-11);--odx-breakpoint-line-height-display-sm: var(--odx-typography-line-height-10);--odx-breakpoint-line-height-display-xl: var(--odx-typography-line-height-13);--odx-breakpoint-line-height-heading-1: var(--odx-typography-line-height-11);--odx-breakpoint-line-height-heading-2: var(--odx-typography-line-height-10);--odx-breakpoint-line-height-heading-3: var(--odx-typography-line-height-8);--odx-breakpoint-line-height-heading-4: var(--odx-typography-line-height-7);--odx-breakpoint-line-height-heading-5: var(--odx-typography-line-height-5);--odx-breakpoint-line-height-heading-6: var(--odx-typography-line-height-4);--odx-breakpoint-line-height-p-base: var(--odx-typography-line-height-base);--odx-breakpoint-line-height-p-lg: var(--odx-typography-line-height-5);--odx-breakpoint-line-height-p-md: var(--odx-typography-line-height-4);--odx-breakpoint-spacing-12: var(--odx-size-12);--odx-breakpoint-spacing-25: var(--odx-size-25);--odx-breakpoint-spacing-37: var(--odx-size-37);--odx-breakpoint-spacing-50: var(--odx-size-50);--odx-breakpoint-spacing-75: var(--odx-size-75);--odx-breakpoint-spacing-100: var(--odx-size-100);--odx-breakpoint-spacing-150: var(--odx-size-150);--odx-breakpoint-spacing-150-responsive: var(--odx-size-150);--odx-breakpoint-spacing-200: var(--odx-size-200);--odx-breakpoint-spacing-200-responsive: var(--odx-size-200);--odx-breakpoint-spacing-250: var(--odx-size-250);--odx-breakpoint-spacing-250-responsive: var(--odx-size-250);--odx-breakpoint-spacing-300: var(--odx-size-300);--odx-breakpoint-spacing-300-responsive: var(--odx-size-300);--odx-breakpoint-visibility-lg-down-hide: 1;--odx-breakpoint-visibility-lg-down-show: 0;--odx-breakpoint-visibility-lg-show: 0;--odx-breakpoint-visibility-md-down-hide: 1;--odx-breakpoint-visibility-md-down-show: 0;--odx-breakpoint-visibility-md-show: 0;--odx-breakpoint-visibility-sm-down-hide: 1;--odx-breakpoint-visibility-sm-down-show: 0;--odx-breakpoint-visibility-sm-show: 0;--odx-breakpoint-visibility-xl-show: 1}}}@layer odx-base{[odxPreventTextOverflow]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@layer odx-base{h1,h2,h3,h4,h5,h6{display:block;font-family:var(--odx-typography-font-family-brand);font-size:var(--_font-size);font-weight:var(--odx-typography-font-weight-semibold);line-height:var(--_line-height);color:inherit}h6{--_font-size: var(--odx-breakpoint-font-size-heading-6);--_line-height: var(--odx-breakpoint-line-height-heading-6)}h5{--_font-size: var(--odx-breakpoint-font-size-heading-5);--_line-height: var(--odx-breakpoint-line-height-heading-5)}h4{--_font-size: var(--odx-breakpoint-font-size-heading-4);--_line-height: var(--odx-breakpoint-line-height-heading-4)}h3{--_font-size: var(--odx-breakpoint-font-size-heading-3);--_line-height: var(--odx-breakpoint-line-height-heading-3)}h2{--_font-size: var(--odx-breakpoint-font-size-heading-2);--_line-height: var(--odx-breakpoint-line-height-heading-2)}h1{--_font-size: var(--odx-breakpoint-font-size-heading-1);--_line-height: var(--odx-breakpoint-line-height-heading-1)}}@layer odx-base{:root{--odx-transition-default: all var(--odx-motion-duration-default) var(--odx-motion-easing-default);--odx-transition-slow: all var(--odx-motion-duration-slow) var(--odx-motion-easing-default);--odx-transition-reduced: all var(--odx-motion-duration-fast) var(--odx-motion-easing-reduced);--odx-page-max-inline-size: 1600px;--odx-page-max-inline-size-narrow: 1200px;--odx-page-max-inline-size-wide: 2400px}}
|
|
1
|
+
@layer odx-reset,odx-base,odx-component,odx-theme;@layer odx-reset{*,*:before,*:after{box-sizing:border-box}:root{font-size:150%}:where(img,picture,video,canvas,svg){display:block;max-width:100%;margin:0;padding:0}:where(input,button,textarea,select){font:inherit;margin:0;padding:0}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word;margin:0;padding:0}::selection{background-color:var(--odx-color-foreground-highlight);color:var(--odx-color-foreground-inverse)}html{font-family:sans-serif;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;color:var(--odx-color-foreground);font-family:var(--odx-typography-font-family-base),"Noto Sans","Kanit",sans-serif;font-size:var(--odx-breakpoint-font-size-p-base);line-height:var(--odx-breakpoint-line-height-p-md);margin:0;padding:0}#root,#__next{isolation:isolate}input[type=search]::-webkit-search-cancel-button{appearance:none;aspect-ratio:1;background-image:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m15.3,7.3l-3.3,3.3-3.3-3.3-1.4,1.4,3.3,3.3-3.3,3.3,1.4,1.4,3.3-3.3,3.3,3.3,1.4-1.4-3.3-3.3,3.3-3.3-1.4-1.4Zm-3.3-5.3C6.5,2,2,6.5,2,12s4.5,10,10,10,10-4.5,10-10S17.5,2,12,2Zm0,18c-4.4,0-8-3.6-8-8S7.6,4,12,4s8,3.6,8,8-3.6,8-8,8Z' style='fill:%23002766;'/%3E%3C/svg%3E%0A");background-repeat:no-repeat;background-clip:content-box;background-position:center;background-size:var(--odx-typography-font-size-5);block-size:var(--odx-size-225);cursor:pointer;margin:0;margin-inline-end:-2px;max-block-size:100%;transition:var(--odx-transition-reduced)}input[type=search]::-webkit-search-cancel-button:hover{color:var(--odx-color-foreground-highlight)}odx-spinbox>input::-webkit-inner-spin-button{appearance:none}}@layer odx-base{:root{--odx-border-radius-circle: 9999px;--odx-border-radius-controls: var(--odx-border-radius-sm);--odx-border-radius-lg: var(--odx-size-50);--odx-border-radius-md: 5px;--odx-border-radius-ml: var(--odx-size-37);--odx-border-radius-none: 0;--odx-border-radius-sm: 3px;--odx-border-width-none: 0;--odx-border-width-thick: 2px;--odx-border-width-thickest: var(--odx-size-25);--odx-border-width-thin: var(--odx-size-px);--odx-breakpoint-font-size-display-lg: var(--odx-typography-font-size-10);--odx-breakpoint-font-size-display-md: var(--odx-typography-font-size-9);--odx-breakpoint-font-size-display-sm: var(--odx-typography-font-size-8);--odx-breakpoint-font-size-display-xl: var(--odx-typography-font-size-11);--odx-breakpoint-font-size-heading-1: var(--odx-typography-font-size-9);--odx-breakpoint-font-size-heading-2: var(--odx-typography-font-size-8);--odx-breakpoint-font-size-heading-3: var(--odx-typography-font-size-7);--odx-breakpoint-font-size-heading-4: var(--odx-typography-font-size-6);--odx-breakpoint-font-size-heading-5: var(--odx-typography-font-size-5);--odx-breakpoint-font-size-heading-6: var(--odx-typography-font-size-4);--odx-breakpoint-font-size-p-base: var(--odx-typography-font-size-3);--odx-breakpoint-font-size-p-lg: var(--odx-typography-font-size-4);--odx-breakpoint-font-size-p-md: var(--odx-typography-font-size-4);--odx-breakpoint-line-height-display-lg: var(--odx-typography-line-height-10);--odx-breakpoint-line-height-display-md: var(--odx-typography-line-height-9);--odx-breakpoint-line-height-display-sm: var(--odx-typography-line-height-8);--odx-breakpoint-line-height-display-xl: var(--odx-typography-line-height-11);--odx-breakpoint-line-height-heading-1: var(--odx-typography-line-height-9);--odx-breakpoint-line-height-heading-2: var(--odx-typography-line-height-8);--odx-breakpoint-line-height-heading-3: var(--odx-typography-line-height-7);--odx-breakpoint-line-height-heading-4: var(--odx-typography-line-height-6);--odx-breakpoint-line-height-heading-5: var(--odx-typography-line-height-5);--odx-breakpoint-line-height-heading-6: var(--odx-typography-line-height-4);--odx-breakpoint-line-height-p-base: var(--odx-typography-line-height-base);--odx-breakpoint-line-height-p-lg: var(--odx-typography-line-height-4);--odx-breakpoint-line-height-p-md: var(--odx-typography-line-height-4);--odx-breakpoint-spacing-12: var(--odx-size-12);--odx-breakpoint-spacing-25: var(--odx-size-25);--odx-breakpoint-spacing-37: var(--odx-size-37);--odx-breakpoint-spacing-50: var(--odx-size-50);--odx-breakpoint-spacing-75: var(--odx-size-75);--odx-breakpoint-spacing-100: var(--odx-size-100);--odx-breakpoint-spacing-150: var(--odx-size-150);--odx-breakpoint-spacing-150-responsive: var(--odx-size-100);--odx-breakpoint-spacing-200: var(--odx-size-200);--odx-breakpoint-spacing-200-responsive: var(--odx-size-100);--odx-breakpoint-spacing-250: var(--odx-size-250);--odx-breakpoint-spacing-250-responsive: var(--odx-size-150);--odx-breakpoint-spacing-300: var(--odx-size-300);--odx-breakpoint-spacing-300-responsive: var(--odx-size-200);--odx-breakpoint-visibility-lg-down-hide: 0;--odx-breakpoint-visibility-lg-down-show: 1;--odx-breakpoint-visibility-lg-show: 0;--odx-breakpoint-visibility-md-down-hide: 0;--odx-breakpoint-visibility-md-down-show: 1;--odx-breakpoint-visibility-md-show: 0;--odx-breakpoint-visibility-sm-down-hide: 0;--odx-breakpoint-visibility-sm-down-show: 1;--odx-breakpoint-visibility-sm-show: 1;--odx-breakpoint-visibility-xl-show: 0;--odx-color-backdrop: var(--odx-palette-blue-100-30);--odx-color-background-cool: var(--odx-palette-coolgray-00);--odx-color-background-cool-contrast: var(--odx-palette-coolgray-30);--odx-color-background-draeger: var(--odx-palette-blue-80);--odx-color-background-main: var(--odx-palette-white);--odx-color-background-sand: var(--odx-palette-sandgray-10);--odx-color-background-sand-contrast: var(--odx-palette-sandgray-30);--odx-color-background-sidesheet: var(--odx-palette-white);--odx-color-background-warm: var(--odx-palette-warmgray-10);--odx-color-background-warm-contrast: var(--odx-palette-warmgray-30);--odx-color-confirmation-hover: var(--odx-palette-orange-70);--odx-color-confirmation-pressed: var(--odx-palette-orange-80);--odx-color-confirmation-rest: var(--odx-palette-orange-60);--odx-color-danger-background: var(--odx-palette-red-00);--odx-color-danger-hover: var(--odx-palette-red-70);--odx-color-danger-pressed: var(--odx-palette-red-80);--odx-color-danger-rest: var(--odx-palette-red-60);--odx-color-danger-stroke: var(--odx-palette-red-20);--odx-color-danger-stroke-hover: var(--odx-palette-red-30);--odx-color-disabled-fill: var(--odx-palette-coolgray-10);--odx-color-disabled-fill-selected: var(--odx-palette-coolgray-60);--odx-color-disabled-foreground: var(--odx-palette-coolgray-50);--odx-color-disabled-foreground-brand: var(--odx-palette-cyan-90);--odx-color-disabled-foreground-selected: var(--odx-palette-coolgray-10);--odx-color-disabled-stroke: var(--odx-palette-transparent);--odx-color-focus-inner: var(--odx-palette-white);--odx-color-focus-outer: var(--odx-palette-cyan-70);--odx-color-foreground: var(--odx-palette-blue-80);--odx-color-foreground-danger: var(--odx-palette-red-60);--odx-color-foreground-dark: var(--odx-palette-blue-80);--odx-color-foreground-highlight: var(--odx-palette-cyan-70);--odx-color-foreground-highlight-hover: var(--odx-palette-cyan-80);--odx-color-foreground-highlight-pressed: var(--odx-palette-cyan-80);--odx-color-foreground-inverse: var(--odx-palette-white);--odx-color-foreground-light: var(--odx-palette-white);--odx-color-foreground-muted: var(--odx-palette-blue-80-60);--odx-color-highlight-hover: var(--odx-palette-cyan-70);--odx-color-highlight-pressed: var(--odx-palette-cyan-80);--odx-color-highlight-rest: var(--odx-palette-cyan-60);--odx-color-input-control-fill: var(--odx-palette-coolgray-10);--odx-color-input-control-fill-hover: var(--odx-palette-coolgray-20);--odx-color-input-control-fill-readonly: var(--odx-palette-transparent);--odx-color-input-control-stroke: var(--odx-palette-coolgray-20);--odx-color-input-control-stroke-hover: var(--odx-palette-coolgray-30);--odx-color-input-control-stroke-pressed: var(--odx-color-highlight-rest);--odx-color-input-control-stroke-readonly: var(--odx-palette-coolgray-20);--odx-color-neutral-hover: var(--odx-palette-coolgray-40);--odx-color-neutral-pressed: var(--odx-palette-coolgray-50);--odx-color-neutral-rest: var(--odx-palette-coolgray-30);--odx-color-overlay: var(--odx-palette-white-60);--odx-color-primary-background: var(--odx-palette-blue-00);--odx-color-primary-hover: var(--odx-palette-blue-90);--odx-color-primary-pressed: var(--odx-palette-blue-100);--odx-color-primary-rest: var(--odx-palette-blue-80);--odx-color-scrollbar: var(--odx-palette-coolgray-40);--odx-color-selected: var(--odx-palette-cyan-60-15);--odx-color-selected-hover: var(--odx-palette-cyan-60-20);--odx-color-selection-control-fill: var(--odx-palette-coolgray-10);--odx-color-selection-control-fill-hover: var(--odx-palette-coolgray-20);--odx-color-selection-control-fill-readonly: var(--odx-palette-transparent);--odx-color-selection-control-fill-selected: var(--odx-color-highlight-rest);--odx-color-selection-control-fill-selected-hover: var(--odx-color-highlight-hover);--odx-color-selection-control-fill-selected-readonly: var(--odx-palette-transparent);--odx-color-selection-control-foreground-readonly: var(--odx-color-foreground);--odx-color-selection-control-stroke: var(--odx-palette-coolgray-20);--odx-color-selection-control-stroke-hover: var(--odx-palette-coolgray-30);--odx-color-selection-control-stroke-readonly: var(--odx-palette-coolgray-20);--odx-color-selection-control-stroke-selected: var(--odx-palette-transparent);--odx-color-separator: var(--odx-palette-coolgray-20);--odx-color-separator-strong: var(--odx-palette-coolgray-130);--odx-color-shadow: var(--odx-palette-blue-100-30);--odx-color-success-background: var(--odx-palette-green-00);--odx-color-success-hover: var(--odx-palette-green-70);--odx-color-success-pressed: var(--odx-palette-green-80);--odx-color-success-rest: var(--odx-palette-green-60);--odx-color-transparent-hover: var(--odx-palette-blue-80-5);--odx-color-transparent-pressed: var(--odx-palette-blue-80-15);--odx-color-warning-background: var(--odx-palette-yellow-00);--odx-color-warning-hover: var(--odx-palette-yellow-60);--odx-color-warning-pressed: var(--odx-palette-yellow-70);--odx-color-warning-rest: var(--odx-palette-yellow-50);--odx-elevation-blur: var(--odx-size-12);--odx-experience-color-secondary-foreground: var(--odx-color-foreground);--odx-experience-color-secondary-hover: var(--odx-color-neutral-hover);--odx-experience-color-secondary-pressed: var(--odx-color-neutral-pressed);--odx-experience-color-secondary-rest: var(--odx-color-neutral-rest);--odx-experience-color-secondary-stroke: var(--odx-palette-transparent);--odx-experience-dimension-control-height-base: var(--odx-size-225);--odx-experience-dimension-control-height-lg: var(--odx-size-300);--odx-experience-dimension-control-height-sm: var(--odx-size-150);--odx-focus-ring-color: var(--odx-color-focus-outer);--odx-focus-ring-offset: var(--odx-size-px);--odx-focus-ring-outline: var(--odx-border-width-thick) solid color(srgb 0 0 0 / 0);--odx-motion-duration-default: 275ms;--odx-motion-duration-fast: .15s;--odx-motion-duration-slow: 375ms;--odx-motion-easing-default: cubic-bezier(.4, 0, .2, 1);--odx-motion-easing-reduced: cubic-bezier(0, 0, 1, 1);--odx-palette-black: hsl(220 50% 5%);--odx-palette-black-60: hsl(220 50% 5% / .6);--odx-palette-blue-00: hsl(219 70% 96%);--odx-palette-blue-10: hsl(216 65% 90%);--odx-palette-blue-20: hsl(217 71% 80%);--odx-palette-blue-30: hsl(217 75% 70%);--odx-palette-blue-40: hsl(217 80% 60%);--odx-palette-blue-50: hsl(217 75% 48%);--odx-palette-blue-60: hsl(217 90% 40%);--odx-palette-blue-70: hsl(217 95% 30%);--odx-palette-blue-80: hsl(217 100% 20%);--odx-palette-blue-80-5: hsl(217 100% 20% / .05);--odx-palette-blue-80-15: hsl(217 100% 20% / .1);--odx-palette-blue-80-60: hsl(217 100% 20% / .6);--odx-palette-blue-90: hsl(216 100% 10%);--odx-palette-blue-100: hsl(216 100% 1%);--odx-palette-blue-100-30: hsl(216 100% 1% / .3);--odx-palette-coolgray-00: hsl(210 20% 98%);--odx-palette-coolgray-10: hsl(216 20% 95%);--odx-palette-coolgray-20: hsl(213 18% 90%);--odx-palette-coolgray-30: hsl(212 15% 83%);--odx-palette-coolgray-40: hsl(213 15% 76%);--odx-palette-coolgray-50: hsl(210 14.000000000000002% 69%);--odx-palette-coolgray-60: hsl(208 13% 62%);--odx-palette-coolgray-70: hsl(207 12% 55.00000000000001%);--odx-palette-coolgray-80: hsl(208 11% 47%);--odx-palette-coolgray-90: hsl(205 10% 39%);--odx-palette-coolgray-100: hsl(205 16% 31%);--odx-palette-coolgray-110: hsl(210 17% 27%);--odx-palette-coolgray-120: hsl(207 19% 23%);--odx-palette-coolgray-130: hsl(210 20% 20%);--odx-palette-coolgray-140: hsl(210 20% 16%);--odx-palette-coolgray-150: hsl(207 20% 9%);--odx-palette-cyan-00: hsl(200 90% 96%);--odx-palette-cyan-10: hsl(200 100% 92%);--odx-palette-cyan-10-5: hsl(200 100% 92% / .05);--odx-palette-cyan-10-15: hsl(200 100% 92% / .15);--odx-palette-cyan-20: hsl(201 100% 84%);--odx-palette-cyan-30: hsl(201 100% 74%);--odx-palette-cyan-40: hsl(201 100% 65%);--odx-palette-cyan-50: hsl(201 100% 55.00000000000001%);--odx-palette-cyan-60: hsl(205 100% 48%);--odx-palette-cyan-60-15: hsl(205 100% 48% / .15);--odx-palette-cyan-60-20: hsl(205 100% 48% / .2);--odx-palette-cyan-60-25: hsl(205 100% 48% / .25);--odx-palette-cyan-70: hsl(205 100% 40%);--odx-palette-cyan-80: hsl(205 100% 34%);--odx-palette-cyan-90: hsl(205 100% 27%);--odx-palette-cyan-100: hsl(205 100% 20%);--odx-palette-green-00: hsl(138 100% 91%);--odx-palette-green-10: hsl(133 100% 86%);--odx-palette-green-20: hsl(133 100% 79%);--odx-palette-green-30: hsl(133 100% 71%);--odx-palette-green-40: hsl(133 100% 61%);--odx-palette-green-50: hsl(133 91% 50%);--odx-palette-green-60: hsl(133 100% 43%);--odx-palette-green-70: hsl(133 100% 39%);--odx-palette-green-80: hsl(133 100% 33%);--odx-palette-green-90: hsl(133 100% 26%);--odx-palette-green-100: hsl(133 100% 20%);--odx-palette-orange-00: hsl(30 100% 96%);--odx-palette-orange-10: hsl(31 100% 92%);--odx-palette-orange-20: hsl(30 100% 83%);--odx-palette-orange-30: hsl(30 100% 74%);--odx-palette-orange-40: hsl(30 100% 65%);--odx-palette-orange-50: hsl(30 100% 56.00000000000001%);--odx-palette-orange-60: hsl(30 100% 48%);--odx-palette-orange-70: hsl(30 100% 40%);--odx-palette-orange-80: hsl(30 100% 32%);--odx-palette-orange-90: hsl(30 100% 24%);--odx-palette-orange-100: hsl(30 100% 16%);--odx-palette-red-00: hsl(354 100% 96%);--odx-palette-red-10: hsl(0 100% 92%);--odx-palette-red-20: hsl(0 100% 84%);--odx-palette-red-30: hsl(0 100% 74%);--odx-palette-red-40: hsl(0 100% 68%);--odx-palette-red-50: hsl(0 100% 60%);--odx-palette-red-60: hsl(0 100% 46%);--odx-palette-red-70: hsl(0 98% 43%);--odx-palette-red-80: hsl(0 100% 37%);--odx-palette-red-90: hsl(0 100% 30%);--odx-palette-red-100: hsl(0 100% 22%);--odx-palette-sandgray-00: hsl(90 20% 98%);--odx-palette-sandgray-10: hsl(90 18% 96%);--odx-palette-sandgray-20: hsl(90 15% 92%);--odx-palette-sandgray-30: hsl(86 10% 87%);--odx-palette-sandgray-40: hsl(80 7.000000000000001% 84%);--odx-palette-sandgray-50: hsl(82 7.000000000000001% 78%);--odx-palette-sandgray-60: hsl(78 7.000000000000001% 73%);--odx-palette-sandgray-70: hsl(80 7.000000000000001% 67%);--odx-palette-sandgray-80: hsl(80 8% 61%);--odx-palette-sandgray-90: hsl(80 7.000000000000001% 51%);--odx-palette-sandgray-100: hsl(78 6% 41%);--odx-palette-sandgray-110: hsl(80 7.000000000000001% 36%);--odx-palette-sandgray-120: hsl(78 6% 31%);--odx-palette-sandgray-130: hsl(75 6% 26%);--odx-palette-sandgray-140: hsl(77 6% 23%);--odx-palette-sandgray-150: hsl(72 6% 16%);--odx-palette-transparent: hsl(0 0% 100% / 0);--odx-palette-warmgray-00: hsl(0 9% 98%);--odx-palette-warmgray-10: hsl(0 9% 96%);--odx-palette-warmgray-20: hsl(0 10% 90%);--odx-palette-warmgray-30: hsl(0 7.000000000000001% 85%);--odx-palette-warmgray-40: hsl(0 7.000000000000001% 78%);--odx-palette-warmgray-50: hsl(0 3% 70%);--odx-palette-warmgray-60: hsl(0 3% 63%);--odx-palette-warmgray-70: hsl(0 2% 56.00000000000001%);--odx-palette-warmgray-80: hsl(0 2% 48%);--odx-palette-warmgray-90: hsl(0 2% 40%);--odx-palette-warmgray-100: hsl(0 2% 31%);--odx-palette-warmgray-120: hsl(0 2% 26%);--odx-palette-warmgray-130: hsl(0 2% 22%);--odx-palette-warmgray-140: hsl(0 2% 20%);--odx-palette-warmgray-150: hsl(0 2% 16%);--odx-palette-white: hsl(0 0% 100%);--odx-palette-white-05: hsl(0 0% 100% / .05);--odx-palette-white-60: hsl(0 0% 100% / .6);--odx-palette-yellow-00: hsl(53 100% 92%);--odx-palette-yellow-10: hsl(53 100% 86%);--odx-palette-yellow-20: hsl(53 100% 81%);--odx-palette-yellow-30: hsl(52 100% 75%);--odx-palette-yellow-40: hsl(53 100% 64%);--odx-palette-yellow-50: hsl(53 100% 50%);--odx-palette-yellow-60: hsl(53 100% 45%);--odx-palette-yellow-70: hsl(53 100% 37%);--odx-palette-yellow-80: hsl(53 100% 30%);--odx-palette-yellow-90: hsl(53 100% 24%);--odx-palette-yellow-100: hsl(53 100% 18%);--odx-size-12: 2px;--odx-size-25: 4px;--odx-size-37: 6px;--odx-size-50: 8px;--odx-size-75: 12px;--odx-size-100: 16px;--odx-size-125: 20px;--odx-size-150: 24px;--odx-size-175: 28px;--odx-size-200: 32px;--odx-size-225: 36px;--odx-size-250: 40px;--odx-size-300: 48px;--odx-size-350: 56px;--odx-size-400: 64px;--odx-size-450: 72px;--odx-size-500: 80px;--odx-size-600: 96px;--odx-size-700: 112px;--odx-size-800: 128px;--odx-size-900: 144px;--odx-size-1000: 160px;--odx-size-base: 16px;--odx-size-px: 1px;--odx-typography-font-family-base: Draeger Pangea Text;--odx-typography-font-family-brand: Draeger Pangea Text;--odx-typography-font-size-1: 10px;--odx-typography-font-size-2: 14px;--odx-typography-font-size-3: 16px;--odx-typography-font-size-4: 18px;--odx-typography-font-size-5: 20px;--odx-typography-font-size-6: 24px;--odx-typography-font-size-7: 30px;--odx-typography-font-size-8: 40px;--odx-typography-font-size-9: 48px;--odx-typography-font-size-10: 54px;--odx-typography-font-size-11: 68px;--odx-typography-font-size-12: 76px;--odx-typography-font-size-13: 94px;--odx-typography-font-size-base: 16px;--odx-typography-font-weight-medium: 500;--odx-typography-font-weight-normal: 400;--odx-typography-font-weight-semibold: 600;--odx-typography-line-height-1: 14px;--odx-typography-line-height-2: 19px;--odx-typography-line-height-3: 22px;--odx-typography-line-height-4: 24px;--odx-typography-line-height-5: 26px;--odx-typography-line-height-6: 31px;--odx-typography-line-height-7: 39px;--odx-typography-line-height-8: 49px;--odx-typography-line-height-9: 59px;--odx-typography-line-height-10: 64px;--odx-typography-line-height-11: 80px;--odx-typography-line-height-12: 89px;--odx-typography-line-height-13: 110px;--odx-typography-line-height-base: 24px;--odx-typography-weight-fontWeightMedium: Medium;--odx-typography-weight-fontWeightNormal: Regular;--odx-typography-weight-fontWeightSemibold: Semibold}@media (min-width: 479px){:root{--odx-breakpoint-font-size-display-lg: var(--odx-typography-font-size-10);--odx-breakpoint-font-size-display-md: var(--odx-typography-font-size-9);--odx-breakpoint-font-size-display-sm: var(--odx-typography-font-size-8);--odx-breakpoint-font-size-display-xl: var(--odx-typography-font-size-11);--odx-breakpoint-font-size-heading-1: var(--odx-typography-font-size-9);--odx-breakpoint-font-size-heading-2: var(--odx-typography-font-size-8);--odx-breakpoint-font-size-heading-3: var(--odx-typography-font-size-7);--odx-breakpoint-font-size-heading-4: var(--odx-typography-font-size-6);--odx-breakpoint-font-size-heading-5: var(--odx-typography-font-size-5);--odx-breakpoint-font-size-heading-6: var(--odx-typography-font-size-4);--odx-breakpoint-font-size-p-base: var(--odx-typography-font-size-3);--odx-breakpoint-font-size-p-lg: var(--odx-typography-font-size-4);--odx-breakpoint-font-size-p-md: var(--odx-typography-font-size-4);--odx-breakpoint-line-height-display-lg: var(--odx-typography-line-height-10);--odx-breakpoint-line-height-display-md: var(--odx-typography-line-height-9);--odx-breakpoint-line-height-display-sm: var(--odx-typography-line-height-8);--odx-breakpoint-line-height-display-xl: var(--odx-typography-line-height-11);--odx-breakpoint-line-height-heading-1: var(--odx-typography-line-height-9);--odx-breakpoint-line-height-heading-2: var(--odx-typography-line-height-8);--odx-breakpoint-line-height-heading-3: var(--odx-typography-line-height-7);--odx-breakpoint-line-height-heading-4: var(--odx-typography-line-height-6);--odx-breakpoint-line-height-heading-5: var(--odx-typography-line-height-5);--odx-breakpoint-line-height-heading-6: var(--odx-typography-line-height-4);--odx-breakpoint-line-height-p-base: var(--odx-typography-line-height-base);--odx-breakpoint-line-height-p-lg: var(--odx-typography-line-height-4);--odx-breakpoint-line-height-p-md: var(--odx-typography-line-height-4);--odx-breakpoint-spacing-12: var(--odx-size-12);--odx-breakpoint-spacing-25: var(--odx-size-25);--odx-breakpoint-spacing-37: var(--odx-size-37);--odx-breakpoint-spacing-50: var(--odx-size-50);--odx-breakpoint-spacing-75: var(--odx-size-75);--odx-breakpoint-spacing-100: var(--odx-size-100);--odx-breakpoint-spacing-150: var(--odx-size-150);--odx-breakpoint-spacing-150-responsive: var(--odx-size-100);--odx-breakpoint-spacing-200: var(--odx-size-200);--odx-breakpoint-spacing-200-responsive: var(--odx-size-100);--odx-breakpoint-spacing-250: var(--odx-size-250);--odx-breakpoint-spacing-250-responsive: var(--odx-size-150);--odx-breakpoint-spacing-300: var(--odx-size-300);--odx-breakpoint-spacing-300-responsive: var(--odx-size-200);--odx-breakpoint-visibility-lg-down-hide: 0;--odx-breakpoint-visibility-lg-down-show: 1;--odx-breakpoint-visibility-lg-show: 0;--odx-breakpoint-visibility-md-down-hide: 0;--odx-breakpoint-visibility-md-down-show: 1;--odx-breakpoint-visibility-md-show: 0;--odx-breakpoint-visibility-sm-down-hide: 0;--odx-breakpoint-visibility-sm-down-show: 1;--odx-breakpoint-visibility-sm-show: 1;--odx-breakpoint-visibility-xl-show: 0}}@media (min-width: 768px){:root{--odx-breakpoint-font-size-display-lg: var(--odx-typography-font-size-11);--odx-breakpoint-font-size-display-md: var(--odx-typography-font-size-10);--odx-breakpoint-font-size-display-sm: var(--odx-typography-font-size-9);--odx-breakpoint-font-size-display-xl: var(--odx-typography-font-size-12);--odx-breakpoint-font-size-heading-1: var(--odx-typography-font-size-10);--odx-breakpoint-font-size-heading-2: var(--odx-typography-font-size-9);--odx-breakpoint-font-size-heading-3: var(--odx-typography-font-size-7);--odx-breakpoint-font-size-heading-4: var(--odx-typography-font-size-6);--odx-breakpoint-font-size-heading-5: var(--odx-typography-font-size-5);--odx-breakpoint-font-size-heading-6: var(--odx-typography-font-size-4);--odx-breakpoint-font-size-p-base: var(--odx-typography-font-size-3);--odx-breakpoint-font-size-p-lg: var(--odx-typography-font-size-4);--odx-breakpoint-font-size-p-md: var(--odx-typography-font-size-4);--odx-breakpoint-line-height-display-lg: var(--odx-typography-line-height-11);--odx-breakpoint-line-height-display-md: var(--odx-typography-line-height-10);--odx-breakpoint-line-height-display-sm: var(--odx-typography-line-height-9);--odx-breakpoint-line-height-display-xl: var(--odx-typography-line-height-12);--odx-breakpoint-line-height-heading-1: var(--odx-typography-line-height-10);--odx-breakpoint-line-height-heading-2: var(--odx-typography-line-height-9);--odx-breakpoint-line-height-heading-3: var(--odx-typography-line-height-7);--odx-breakpoint-line-height-heading-4: var(--odx-typography-line-height-6);--odx-breakpoint-line-height-heading-5: var(--odx-typography-line-height-5);--odx-breakpoint-line-height-heading-6: var(--odx-typography-line-height-4);--odx-breakpoint-line-height-p-base: var(--odx-typography-line-height-base);--odx-breakpoint-line-height-p-lg: var(--odx-typography-line-height-4);--odx-breakpoint-line-height-p-md: var(--odx-typography-line-height-4);--odx-breakpoint-spacing-12: var(--odx-size-12);--odx-breakpoint-spacing-25: var(--odx-size-25);--odx-breakpoint-spacing-37: var(--odx-size-37);--odx-breakpoint-spacing-50: var(--odx-size-50);--odx-breakpoint-spacing-75: var(--odx-size-75);--odx-breakpoint-spacing-100: var(--odx-size-100);--odx-breakpoint-spacing-150: var(--odx-size-150);--odx-breakpoint-spacing-150-responsive: var(--odx-size-100);--odx-breakpoint-spacing-200: var(--odx-size-200);--odx-breakpoint-spacing-200-responsive: var(--odx-size-150);--odx-breakpoint-spacing-250: var(--odx-size-250);--odx-breakpoint-spacing-250-responsive: var(--odx-size-150);--odx-breakpoint-spacing-300: var(--odx-size-300);--odx-breakpoint-spacing-300-responsive: var(--odx-size-200);--odx-breakpoint-visibility-lg-down-hide: 0;--odx-breakpoint-visibility-lg-down-show: 1;--odx-breakpoint-visibility-lg-show: 0;--odx-breakpoint-visibility-md-down-hide: 0;--odx-breakpoint-visibility-md-down-show: 1;--odx-breakpoint-visibility-md-show: 1;--odx-breakpoint-visibility-sm-down-hide: 1;--odx-breakpoint-visibility-sm-down-show: 0;--odx-breakpoint-visibility-sm-show: 0;--odx-breakpoint-visibility-xl-show: 0}}@media (min-width: 990px){:root{--odx-breakpoint-font-size-display-lg: var(--odx-typography-font-size-11);--odx-breakpoint-font-size-display-md: var(--odx-typography-font-size-10);--odx-breakpoint-font-size-display-sm: var(--odx-typography-font-size-9);--odx-breakpoint-font-size-display-xl: var(--odx-typography-font-size-12);--odx-breakpoint-font-size-heading-1: var(--odx-typography-font-size-10);--odx-breakpoint-font-size-heading-2: var(--odx-typography-font-size-9);--odx-breakpoint-font-size-heading-3: var(--odx-typography-font-size-7);--odx-breakpoint-font-size-heading-4: var(--odx-typography-font-size-6);--odx-breakpoint-font-size-heading-5: var(--odx-typography-font-size-5);--odx-breakpoint-font-size-heading-6: var(--odx-typography-font-size-4);--odx-breakpoint-font-size-p-base: var(--odx-typography-font-size-3);--odx-breakpoint-font-size-p-lg: var(--odx-typography-font-size-5);--odx-breakpoint-font-size-p-md: var(--odx-typography-font-size-4);--odx-breakpoint-line-height-display-lg: var(--odx-typography-line-height-11);--odx-breakpoint-line-height-display-md: var(--odx-typography-line-height-10);--odx-breakpoint-line-height-display-sm: var(--odx-typography-line-height-9);--odx-breakpoint-line-height-display-xl: var(--odx-typography-font-size-12);--odx-breakpoint-line-height-heading-1: var(--odx-typography-line-height-10);--odx-breakpoint-line-height-heading-2: var(--odx-typography-line-height-9);--odx-breakpoint-line-height-heading-3: var(--odx-typography-line-height-7);--odx-breakpoint-line-height-heading-4: var(--odx-typography-line-height-6);--odx-breakpoint-line-height-heading-5: var(--odx-typography-line-height-5);--odx-breakpoint-line-height-heading-6: var(--odx-typography-line-height-4);--odx-breakpoint-line-height-p-base: var(--odx-typography-line-height-base);--odx-breakpoint-line-height-p-lg: var(--odx-typography-line-height-5);--odx-breakpoint-line-height-p-md: var(--odx-typography-line-height-4);--odx-breakpoint-spacing-12: var(--odx-size-12);--odx-breakpoint-spacing-25: var(--odx-size-25);--odx-breakpoint-spacing-37: var(--odx-size-37);--odx-breakpoint-spacing-50: var(--odx-size-50);--odx-breakpoint-spacing-75: var(--odx-size-75);--odx-breakpoint-spacing-100: var(--odx-size-100);--odx-breakpoint-spacing-150: var(--odx-size-150);--odx-breakpoint-spacing-150-responsive: var(--odx-size-150);--odx-breakpoint-spacing-200: var(--odx-size-200);--odx-breakpoint-spacing-200-responsive: var(--odx-size-150);--odx-breakpoint-spacing-250: var(--odx-size-250);--odx-breakpoint-spacing-250-responsive: var(--odx-size-200);--odx-breakpoint-spacing-300: var(--odx-size-300);--odx-breakpoint-spacing-300-responsive: var(--odx-size-250);--odx-breakpoint-visibility-lg-down-hide: 0;--odx-breakpoint-visibility-lg-down-show: 1;--odx-breakpoint-visibility-lg-show: 1;--odx-breakpoint-visibility-md-down-hide: 1;--odx-breakpoint-visibility-md-down-show: 0;--odx-breakpoint-visibility-md-show: 0;--odx-breakpoint-visibility-sm-down-hide: 1;--odx-breakpoint-visibility-sm-down-show: 0;--odx-breakpoint-visibility-sm-show: 0;--odx-breakpoint-visibility-xl-show: 0}}@media (min-width: 1280px){:root{--odx-breakpoint-font-size-display-lg: var(--odx-typography-font-size-12);--odx-breakpoint-font-size-display-md: var(--odx-typography-font-size-11);--odx-breakpoint-font-size-display-sm: var(--odx-typography-font-size-10);--odx-breakpoint-font-size-display-xl: var(--odx-typography-font-size-13);--odx-breakpoint-font-size-heading-1: var(--odx-typography-font-size-11);--odx-breakpoint-font-size-heading-2: var(--odx-typography-font-size-10);--odx-breakpoint-font-size-heading-3: var(--odx-typography-font-size-8);--odx-breakpoint-font-size-heading-4: var(--odx-typography-font-size-7);--odx-breakpoint-font-size-heading-5: var(--odx-typography-font-size-5);--odx-breakpoint-font-size-heading-6: var(--odx-typography-font-size-4);--odx-breakpoint-font-size-p-base: var(--odx-typography-font-size-3);--odx-breakpoint-font-size-p-lg: var(--odx-typography-font-size-5);--odx-breakpoint-font-size-p-md: var(--odx-typography-font-size-4);--odx-breakpoint-line-height-display-lg: var(--odx-typography-line-height-12);--odx-breakpoint-line-height-display-md: var(--odx-typography-line-height-11);--odx-breakpoint-line-height-display-sm: var(--odx-typography-line-height-10);--odx-breakpoint-line-height-display-xl: var(--odx-typography-line-height-13);--odx-breakpoint-line-height-heading-1: var(--odx-typography-line-height-11);--odx-breakpoint-line-height-heading-2: var(--odx-typography-line-height-10);--odx-breakpoint-line-height-heading-3: var(--odx-typography-line-height-8);--odx-breakpoint-line-height-heading-4: var(--odx-typography-line-height-7);--odx-breakpoint-line-height-heading-5: var(--odx-typography-line-height-5);--odx-breakpoint-line-height-heading-6: var(--odx-typography-line-height-4);--odx-breakpoint-line-height-p-base: var(--odx-typography-line-height-base);--odx-breakpoint-line-height-p-lg: var(--odx-typography-line-height-5);--odx-breakpoint-line-height-p-md: var(--odx-typography-line-height-4);--odx-breakpoint-spacing-12: var(--odx-size-12);--odx-breakpoint-spacing-25: var(--odx-size-25);--odx-breakpoint-spacing-37: var(--odx-size-37);--odx-breakpoint-spacing-50: var(--odx-size-50);--odx-breakpoint-spacing-75: var(--odx-size-75);--odx-breakpoint-spacing-100: var(--odx-size-100);--odx-breakpoint-spacing-150: var(--odx-size-150);--odx-breakpoint-spacing-150-responsive: var(--odx-size-150);--odx-breakpoint-spacing-200: var(--odx-size-200);--odx-breakpoint-spacing-200-responsive: var(--odx-size-200);--odx-breakpoint-spacing-250: var(--odx-size-250);--odx-breakpoint-spacing-250-responsive: var(--odx-size-250);--odx-breakpoint-spacing-300: var(--odx-size-300);--odx-breakpoint-spacing-300-responsive: var(--odx-size-300);--odx-breakpoint-visibility-lg-down-hide: 1;--odx-breakpoint-visibility-lg-down-show: 0;--odx-breakpoint-visibility-lg-show: 0;--odx-breakpoint-visibility-md-down-hide: 1;--odx-breakpoint-visibility-md-down-show: 0;--odx-breakpoint-visibility-md-show: 0;--odx-breakpoint-visibility-sm-down-hide: 1;--odx-breakpoint-visibility-sm-down-show: 0;--odx-breakpoint-visibility-sm-show: 0;--odx-breakpoint-visibility-xl-show: 1}}}@layer odx-base{[odxPreventTextOverflow]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@layer odx-base{h1,h2,h3,h4,h5,h6{display:block;font-family:var(--odx-typography-font-family-brand);font-size:var(--_font-size);font-weight:var(--odx-typography-font-weight-semibold);line-height:var(--_line-height);color:inherit}h6{--_font-size: var(--odx-breakpoint-font-size-heading-6);--_line-height: var(--odx-breakpoint-line-height-heading-6)}h5{--_font-size: var(--odx-breakpoint-font-size-heading-5);--_line-height: var(--odx-breakpoint-line-height-heading-5)}h4{--_font-size: var(--odx-breakpoint-font-size-heading-4);--_line-height: var(--odx-breakpoint-line-height-heading-4)}h3{--_font-size: var(--odx-breakpoint-font-size-heading-3);--_line-height: var(--odx-breakpoint-line-height-heading-3)}h2{--_font-size: var(--odx-breakpoint-font-size-heading-2);--_line-height: var(--odx-breakpoint-line-height-heading-2)}h1{--_font-size: var(--odx-breakpoint-font-size-heading-1);--_line-height: var(--odx-breakpoint-line-height-heading-1)}}@layer odx-base{:root{--odx-transition-default: all var(--odx-motion-duration-default) var(--odx-motion-easing-default);--odx-transition-slow: all var(--odx-motion-duration-slow) var(--odx-motion-easing-default);--odx-transition-reduced: all var(--odx-motion-duration-fast) var(--odx-motion-easing-reduced);--odx-page-max-inline-size: 1600px;--odx-page-max-inline-size-narrow: 1200px;--odx-page-max-inline-size-wide: 2400px}}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@odx/foundation",
|
|
3
3
|
"description": "A library of Web Component building blocks for ODX",
|
|
4
|
-
"version": "0.1.0-alpha.
|
|
4
|
+
"version": "0.1.0-alpha.2",
|
|
5
5
|
"author": "Drägerwerk AG & Co.KGaA",
|
|
6
6
|
"license": "SEE LICENSE IN LICENSE",
|
|
7
7
|
"homepage": "https://odx.draeger.com",
|
|
@@ -13,9 +13,9 @@
|
|
|
13
13
|
"lint": "biome lint ."
|
|
14
14
|
},
|
|
15
15
|
"dependencies": {
|
|
16
|
-
"@odx/design-tokens": "^0.1.0-alpha.0",
|
|
17
|
-
"@lit/context": "~1.1.4",
|
|
18
16
|
"@lit-labs/signals": "~0.1.2",
|
|
17
|
+
"@lit/context": "~1.1.4",
|
|
18
|
+
"@odx/design-tokens": "^0.1.0-alpha.2",
|
|
19
19
|
"es-toolkit": "~1.32.0",
|
|
20
20
|
"focus-trap": "~7.6.4",
|
|
21
21
|
"lit": "~3.2.1"
|
|
@@ -25,6 +25,7 @@
|
|
|
25
25
|
"@odx/typescript-config": "*",
|
|
26
26
|
"ts-lit-plugin": "2.0.2",
|
|
27
27
|
"vite": "6.2.0",
|
|
28
|
+
"vite-plugin-checker": "0.9.0",
|
|
28
29
|
"vite-plugin-dts": "4.5.3"
|
|
29
30
|
},
|
|
30
31
|
"peerDependencies": {
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/cdk/popover/models/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gBAAgB,CAAC"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { PopoverPlacement } from './popover-placement';
|
|
2
|
-
export interface PopoverPlacementOptions {
|
|
3
|
-
placement: PopoverPlacement;
|
|
4
|
-
arrowElement?: HTMLElement | null;
|
|
5
|
-
enableFallback: boolean;
|
|
6
|
-
fallbackAxisSideDirection: 'start' | 'end';
|
|
7
|
-
matchReferenceWidth: boolean;
|
|
8
|
-
minHeight?: number | null;
|
|
9
|
-
offset: number;
|
|
10
|
-
outerPadding: number;
|
|
11
|
-
}
|
|
12
|
-
export declare const PopoverPlacementOptions: (options?: Partial<PopoverPlacementOptions> | null | undefined) => PopoverPlacementOptions;
|
|
13
|
-
//# sourceMappingURL=popover-placement-options.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"popover-placement-options.d.ts","sourceRoot":"","sources":["../../../../src/cdk/popover/models/popover-placement-options.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD,MAAM,WAAW,uBAAuB;IACtC,SAAS,EAAE,gBAAgB,CAAC;IAC5B,YAAY,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAClC,cAAc,EAAE,OAAO,CAAC;IACxB,yBAAyB,EAAE,OAAO,GAAG,KAAK,CAAC;IAC3C,mBAAmB,EAAE,OAAO,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,uBAAuB,4FAOlC,CAAC"}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
export type PopoverPlacement = (typeof PopoverPlacement)[keyof typeof PopoverPlacement];
|
|
2
|
-
export declare const PopoverPlacement: {
|
|
3
|
-
readonly TOP: "top";
|
|
4
|
-
readonly TOP_START: "top-start";
|
|
5
|
-
readonly TOP_END: "top-end";
|
|
6
|
-
readonly RIGHT: "right";
|
|
7
|
-
readonly RIGHT_START: "right-start";
|
|
8
|
-
readonly RIGHT_END: "right-end";
|
|
9
|
-
readonly BOTTOM: "bottom";
|
|
10
|
-
readonly BOTTOM_START: "bottom-start";
|
|
11
|
-
readonly BOTTOM_END: "bottom-end";
|
|
12
|
-
readonly LEFT: "left";
|
|
13
|
-
readonly LEFT_START: "left-start";
|
|
14
|
-
readonly LEFT_END: "left-end";
|
|
15
|
-
};
|
|
16
|
-
//# sourceMappingURL=popover-placement.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"popover-placement.d.ts","sourceRoot":"","sources":["../../../../src/cdk/popover/models/popover-placement.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,OAAO,gBAAgB,CAAC,CAAC;AAExF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;CAgBnB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"popover-side.d.ts","sourceRoot":"","sources":["../../../../src/cdk/popover/models/popover-side.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,OAAO,WAAW,CAAC,CAAC;AAEzE,eAAO,MAAM,WAAW;;;;;CAKd,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"compute-popover-placement.d.ts","sourceRoot":"","sources":["../../../../src/cdk/popover/utils/compute-popover-placement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,eAAe,EAAE,KAAK,gBAAgB,EAAyE,MAAM,kBAAkB,CAAC;AAEtJ,OAAO,EAAE,KAAK,uBAAuB,EAAe,MAAM,WAAW,CAAC;AAGtE,wBAAsB,uBAAuB,CAC3C,gBAAgB,EAAE,gBAAgB,EAClC,eAAe,EAAE,eAAe,EAChC,OAAO,EAAE,uBAAuB,GAC/B,OAAO,CAAC,IAAI,CAAC,CAyCf"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"get-popover-side.d.ts","sourceRoot":"","sources":["../../../../src/cdk/popover/utils/get-popover-side.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAE/D,wBAAgB,cAAc,CAAC,SAAS,EAAE,gBAAgB,GAAG,WAAW,CAEvE"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/cdk/popover/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC;AAC5C,cAAc,oBAAoB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"button.element.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.element.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAGhD,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnC,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE1D,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,gBAAgB,CAAC;KAChC;CACF;;AAED;;;;;;;;;;;GAWG;AACH,qBACa,gBAAiB,SAAQ,qBAA0B;;IAC9D,MAAM,CAAC,QAAQ,CAAC,cAAc,QAAQ;IAGtC;;OAEG;IAEH,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB;;OAEG;IAEH,OAAO,CAAC,EAAE,aAAa,CAAC;IAExB;;OAEG;IAEH,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAY;cAE5B,MAAM,IAAI,cAAc;cAQxB,aAAa,IAAI,cAAc;CAmCnD"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"button-size.d.ts","sourceRoot":"","sources":["../../../../src/components/button/models/button-size.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,OAAO,UAAU,CAAC,CAAC;AACtE,eAAO,MAAM,UAAU;;;;CAIb,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"button-variant.d.ts","sourceRoot":"","sources":["../../../../src/components/button/models/button-variant.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAC/E,eAAO,MAAM,aAAa;;;;;;;;CAQhB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/button/models/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"headline-size.d.ts","sourceRoot":"","sources":["../../../../src/components/headline/models/headline-size.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,OAAO,YAAY,CAAC,CAAC;AAC5E,eAAO,MAAM,YAAY;;;;;CAKf,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/headline/models/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/logo/models/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"logo-size.d.ts","sourceRoot":"","sources":["../../../../src/components/logo/models/logo-size.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,QAAQ,GAAG,CAAC,OAAO,QAAQ,CAAC,CAAC,MAAM,OAAO,QAAQ,CAAC,CAAC;AAChE,eAAO,MAAM,QAAQ;;;;;;CAMX,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/search-bar/events/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"search-event.d.ts","sourceRoot":"","sources":["../../../../src/components/search-bar/events/search-event.ts"],"names":[],"mappings":"AAAA,qBAAa,WAAY,SAAQ,WAAW,CAAC;IAAE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;gBACpE,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM;CAG7C"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/search-bar/models/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"search-bar-behavior.d.ts","sourceRoot":"","sources":["../../../../src/components/search-bar/models/search-bar-behavior.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,OAAO,iBAAiB,CAAC,CAAC;AAC3F,eAAO,MAAM,iBAAiB;;;CAGpB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"main-menu-button.element.d.ts","sourceRoot":"","sources":["../../../../src/elements/main-menu/elements/main-menu-button.element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAiB,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAEhD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,sBAAsB,EAAE,wBAAwB,CAAC;KAClD;CACF;AAED,qBACa,wBAAyB,SAAQ,aAAa;;cACtC,MAAM,IAAI,cAAc;CAW5C"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"main-menu-link.element.d.ts","sourceRoot":"","sources":["../../../../src/elements/main-menu/elements/main-menu-link.element.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAGpD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,eAAe,CAAC;KACvC;CACF;AAED,qBACa,eAAgB,SAAQ,QAAQ;CAAG"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"main-menu-subtitle.element.d.ts","sourceRoot":"","sources":["../../../../src/elements/main-menu/elements/main-menu-subtitle.element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAiB,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAEhD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,wBAAwB,EAAE,0BAA0B,CAAC;KACtD;CACF;AAED,qBACa,0BAA2B,SAAQ,aAAa;IAClD,IAAI,SAAc;cAER,MAAM,IAAI,cAAc;CAO5C"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"main-menu-title.element.d.ts","sourceRoot":"","sources":["../../../../src/elements/main-menu/elements/main-menu-title.element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAiB,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAEhD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,uBAAuB,CAAC;KAChD;CACF;AAED,qBACa,uBAAwB,SAAQ,aAAa;IAC/C,IAAI,SAAW;cAEL,MAAM,IAAI,cAAc;CAO5C"}
|
|
File without changes
|
|
File without changes
|
|
File without changes
|