@odx/ui 1.0.0-rc.1 → 1.0.0-rc.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (64) hide show
  1. package/323d385340fb9fee6450.svg +6 -0
  2. package/LICENSE +1 -0
  3. package/README.md +32 -0
  4. package/core-icons.css +37 -9
  5. package/core-icons.woff2 +0 -0
  6. package/core-theme.css +1 -1
  7. package/package.json +7 -8
  8. package/scss/{modules → abstract}/_breakpoints.scss +11 -11
  9. package/scss/{modules/_vertical-rythm.scss → abstract/_dimensions.scss} +28 -26
  10. package/scss/abstract/_index.scss +5 -0
  11. package/scss/abstract/_motion.scss +10 -0
  12. package/scss/abstract/_typography.scss +25 -0
  13. package/scss/abstract/_utils.scss +114 -0
  14. package/scss/components/accordion-item.component.scss +59 -0
  15. package/scss/components/accordion.component.scss +3 -0
  16. package/scss/components/{action-group/action-group.component.scss → action-group.component.scss} +10 -6
  17. package/scss/components/{area-header/area-header.component.scss → area-header.component.scss} +28 -27
  18. package/scss/components/{avatar/avatar.component.scss → avatar.component.scss} +13 -13
  19. package/scss/components/{badge/badge.component.scss → badge.component.scss} +10 -10
  20. package/scss/components/button-group.component.scss +98 -0
  21. package/scss/components/button.component.scss +123 -0
  22. package/scss/components/checkbox.component.scss +116 -0
  23. package/scss/components/content-box.component.scss +50 -0
  24. package/scss/components/form-field.component.scss +204 -0
  25. package/scss/components/header.component.scss +40 -0
  26. package/scss/components/icon.component.scss +35 -0
  27. package/scss/components/{link/link.component.scss → link.component.scss} +6 -4
  28. package/scss/components/{logo/logo.component.scss → logo.component.scss} +5 -4
  29. package/scss/components/main-menu-button.component.scss +7 -0
  30. package/scss/components/{main-menu/components/main-menu-item.component.scss → main-menu-item.component.scss} +13 -12
  31. package/scss/components/{main-menu/main-menu.component.scss → main-menu.component.scss} +35 -28
  32. package/scss/components/modal.component.scss +85 -0
  33. package/scss/components/radio-button.component.scss +120 -0
  34. package/scss/components/radio-group.component.scss +14 -0
  35. package/scss/components/switch.component.scss +163 -0
  36. package/scss/components/toggle-button-group.component.scss +25 -0
  37. package/scss/components/toggle-button.component.scss +55 -0
  38. package/scss/core.scss +34 -30
  39. package/scss/layout/_base.scss +29 -0
  40. package/scss/layout/_helpers.scss +95 -0
  41. package/scss/{modules → layout}/_layout.scss +96 -46
  42. package/scss/layout/_typography.scss +117 -0
  43. package/scss/{base/_reset.scss → reset.scss} +25 -5
  44. package/scss/variables/_color-palettes.scss +57 -54
  45. package/scss/variables/_colors.scss +12 -15
  46. package/scss/variables/_controls.scss +48 -0
  47. package/scss/variables/_index.scss +6 -0
  48. package/scss/variables/_typography.scss +18 -0
  49. package/scss/variables/_vertical-rythm.scss +3 -0
  50. package/scss/variables/_visuals.scss +12 -7
  51. package/scss/_helpers.scss +0 -15
  52. package/scss/base/_mixins.scss +0 -3
  53. package/scss/base/_utils.scss +0 -19
  54. package/scss/base/mixins/_container.scss +0 -31
  55. package/scss/base/mixins/_control.scss +0 -50
  56. package/scss/base/mixins/_transition.scss +0 -10
  57. package/scss/components/button/button.component.scss +0 -94
  58. package/scss/components/checkbox/checkbox.component.scss +0 -130
  59. package/scss/components/content-box/content-box.component.scss +0 -50
  60. package/scss/components/header/header.component.scss +0 -39
  61. package/scss/components/icon/icon.component.scss +0 -38
  62. package/scss/components/main-menu/components/main-menu-button.component.scss +0 -7
  63. package/scss/components/radio-group/_radio-group.component.scss +0 -145
  64. package/scss/modules/_typography.scss +0 -161
package/323d385340fb9fee6450.svg ADDED
@@ -0,0 +1,6 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 74 29">
2
+ <path
3
+ fill="#000000"
4
+ d="M29.717 2.887c0 1.4-1.127 2.535-2.512 2.535a2.522 2.522 0 0 1-2.514-2.533c0-1.4 1.124-2.534 2.514-2.534a2.523 2.523 0 0 1 2.512 2.532ZM9.827.848H0v2.554h7.779c.903 0 1.635.732 1.644 1.637v14.62a1.65 1.65 0 0 1-1.644 1.64H4.823l.001-15.516H0v18.174h9.827c2.303 0 4.17-1.868 4.192-4.187V5.036C13.998 2.717 12.13.848 9.827.848Zm13.968 6.18c-2.705-.01-4.327.186-5.537.464-1.649.414-2.318.972-2.638 1.24a2.134 2.134 0 0 1-.145.114v15.111h4.596V11.452c-.027-1.55 2.264-2.062 3.722-.984l.002-3.44Zm42.037 1.694c.324-.269.992-.823 2.634-1.235 1.205-.275 2.833-.475 5.534-.464v3.44c-1.457-1.079-3.75-.566-3.726.984v12.509h-4.593V8.84c.04-.028.09-.068.15-.12ZM31.507 21.278h-2.135c-.987.018-1.716-.705-1.737-1.76a37.415 37.415 0 0 1 0-1.91c.014-.968.75-1.743 1.737-1.73h2.135v5.4Zm.679-14.253h-7.447v3.438s2.625-.894 4.448-.894c2.222 0 2.34 1.13 2.322 1.635v2.022h-4.484c-2.048 0-3.709 1.67-3.718 3.734v3.246c0 2.07 1.665 3.75 3.718 3.75h9.077v-13.01c-.015-2.318-1.883-3.92-3.916-3.92Zm1.074-1.604a2.521 2.521 0 0 0 2.512-2.534A2.52 2.52 0 0 0 33.26.355a2.522 2.522 0 0 0-2.513 2.532 2.523 2.523 0 0 0 2.513 2.534ZM43.7 9.605c-1.776 0-1.974 1.253-1.974 1.975v1.67c0 .725.198 1.976 1.974 1.974 1.778-.001 1.975-1.25 1.975-1.975v-1.67c0-.722-.197-1.974-1.975-1.974Zm2.281 8.092H41.33c-2.038.01-3.916-1.604-3.914-3.919V10.98C37.405 8.927 39 7.014 41.3 7.025h8.566v6.72c.004 2.05-1.601 3.96-3.884 3.952Zm-.117 6.877c0 .719-.21 1.971-2.084 1.971-1.869 0-2.078-1.252-2.078-1.97v-1.673c0-.723.21-1.977 2.078-1.977 1.875 0 2.084 1.255 2.084 1.977v1.672Zm.473-6.234-5.21.002c-2.29-.003-3.892 1.868-3.885 3.92v2.785c-.005 2.305 1.88 3.956 3.917 3.953h5.204c2.288 0 3.902-1.915 3.89-3.953v-2.785a3.916 3.916 0 0 0-3.916-3.922Zm9.41-3.326h3.946v-3.449c0-.723-.253-1.975-1.972-1.975-1.722 0-1.973 1.252-1.973 1.975v3.449Zm-.59-7.99 5.173-.001c2.03 0 3.926 1.602 3.923 3.92v6.699h-8.417v2.072c.008.906.696 1.66 2.522 1.66 2.81.005 5.761-.846 5.761-.846v3.428h-8.76c-2.233.004-4.123-1.6-4.118-3.918v-9.093c0-2.33 1.879-3.93 3.916-3.921Z"
5
+ />
6
+ </svg>
package/LICENSE ADDED
@@ -0,0 +1 @@
1
+ Copyright (c) 2022 Drägerwerk AG & Co.KGaA, all rights reserved.
package/README.md CHANGED
@@ -0,0 +1,32 @@
1
+ # @odx/ui
2
+
3
+ [<img src="https://img.shields.io/npm/v/@odx/ui">](https://npmjs.org/package/@odx/ui)
4
+
5
+ ### Install 🚀
6
+
7
+ ```sh
8
+ npm install @odx/ui
9
+ ```
10
+
11
+ ### Usage
12
+
13
+ Add the following imports to your applications styles file
14
+
15
+ ```css
16
+ @import '@odx/ui/core-theme.css';
17
+ @import '@odx/ui/core-icons.css';
18
+ ```
19
+
20
+ You can find mixins and helper function inside the `scss/abstract` folder:
21
+
22
+ ```css
23
+ // import dimensions helpers
24
+ @use '@odx/ui/scss/abstract/dimensions';
25
+
26
+ // use mixin
27
+ @include dimensions.padding-y(1);
28
+ ```
29
+
30
+ ### Live demo ⭐
31
+
32
+ Please refer to our [**Storybook**](https://app-odx-storybook-release-weu.azurewebsites.net/), to see the components in action and to get further information.
package/core-icons.css CHANGED
@@ -1,13 +1,41 @@
1
-
2
1
  @font-face {
3
- font-family: core-icons;
4
- src:
5
- url("assets/core-icons.woff2?1665475579389") format("woff2"),
6
- url("assets/core-icons.svg?1665475579389#core-icons") format("svg");
7
- font-style: normal;
8
- font-weight: normal;
2
+ font-display: block;
3
+ font-family: "core-icons";
4
+ src: url("./core-icons.woff2?9a91ded9f3170db9b6f4c61d4d5fc444") format("woff2");
9
5
  }
10
6
 
11
- .odx-icon {
12
- font-family: core-icons;
7
+ .odx-icon::before,
8
+ [class^="odx-icon-"]::before,
9
+ [class*=" odx-icon-"]::before {
10
+ font-family: core-icons !important;
11
+ font-style: normal;
12
+ font-weight: normal !important;
13
+ font-variant: normal;
14
+ text-transform: none;
15
+ line-height: 1;
16
+ vertical-align: top;
17
+ -webkit-font-smoothing: antialiased;
18
+ -moz-osx-font-smoothing: grayscale;
13
19
  }
20
+
21
+ .odx-icon-add::before { content: "\f101"; }
22
+ .odx-icon-arrow-left::before { content: "\f102"; }
23
+ .odx-icon-arrow-right::before { content: "\f103"; }
24
+ .odx-icon-attachment::before { content: "\f104"; }
25
+ .odx-icon-calendar::before { content: "\f105"; }
26
+ .odx-icon-check::before { content: "\f106"; }
27
+ .odx-icon-chevron-down::before { content: "\f107"; }
28
+ .odx-icon-chevron-left::before { content: "\f108"; }
29
+ .odx-icon-chevron-right::before { content: "\f109"; }
30
+ .odx-icon-chevron-up::before { content: "\f10a"; }
31
+ .odx-icon-close::before { content: "\f10b"; }
32
+ .odx-icon-danger::before { content: "\f10c"; }
33
+ .odx-icon-identify::before { content: "\f10d"; }
34
+ .odx-icon-indeterminate::before { content: "\f10e"; }
35
+ .odx-icon-info::before { content: "\f10f"; }
36
+ .odx-icon-menu::before { content: "\f110"; }
37
+ .odx-icon-more::before { content: "\f111"; }
38
+ .odx-icon-placeholder::before { content: "\f112"; }
39
+ .odx-icon-tile-menu::before { content: "\f113"; }
40
+ .odx-icon-user::before { content: "\f114"; }
41
+ .odx-icon-warning::before { content: "\f115"; }
package/core-icons.woff2 ADDED
Binary file
package/core-theme.css CHANGED
@@ -1 +1 @@
1
- a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,button,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;color:inherit;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none}:root{--odx-vr-base-size:calc(var(--odx-t-base-line-height)*var(--odx-t-base-size))}.odx-checkbox__input,.visually-hidden{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:0;margin:0;opacity:0;outline:none!important;padding:0;position:absolute;width:0}.seperator,hr{background-color:var(--odx-c-seperator);border:0;height:calc(var(--odx-vr-base-size)*.0417);margin-bottom:calc(var(--odx-vr-base-size)*.4792);margin-top:calc(var(--odx-vr-base-size)*.4792)}:root{--white:#fff;--black:#060a12;--white-5:hsla(0,0%,100%,.05);--white-60:hsla(0,0%,100%,.6);--gray-50:#f5f7fa;--gray-100:#e9eef4;--gray-200:#dde5ee;--gray-300:#c7d3e0;--gray-400:#b2c1d2;--gray-500:#9eb0c2;--gray-600:#8b9fb1;--gray-700:#798ea0;--gray-800:#697c8c;--gray-900:#5d6a74;--blue-50:#d3e2f3;--blue-100:#a2c4eb;--blue-200:#6ea5e7;--blue-300:#3683e7;--blue-400:#1062d5;--blue-500:#0647a7;--blue-600:#03398f;--blue-700:#002d74;--blue-800:#02193b;--blue-900:#000205;--blue-700-5:rgba(0,45,116,.05);--blue-700-10:rgba(0,45,116,.1);--cyan-50:#dbf2ff;--cyan-100:#c7eaff;--cyan-200:#9edbff;--cyan-300:#75cdfe;--cyan-400:#4dbefe;--cyan-500:#2af;--cyan-600:#009efa;--cyan-700:#0084d1;--cyan-800:#006ba8;--cyan-900:#005180;--cyan-500-15:rgba(34,170,255,.15);--red-00:#ffe0e3;--red-50:#ffa3ac;--red-100:#ff8f9c;--red-200:#ff667d;--red-300:#ff3d61;--red-400:#ff1447;--red-500:#eb003b;--red-600:#c20030;--red-700:#990026;--red-800:#70001c;--red-900:#470012;--yellow-50:#fbffd1;--yellow-100:#f9ffbd;--yellow-200:#f6ff94;--yellow-300:#f3ff6b;--yellow-400:#efff42;--yellow-500:#ecff1a;--yellow-600:#dcf000;--yellow-700:#b6c700;--yellow-800:#919e00;--yellow-900:#6c7500;--green-50:#adffc5;--green-100:#99ffb6;--green-200:#70ff99;--green-300:#47ff7b;--green-400:#1fff5e;--green-500:#00f545;--green-600:#00cc3a;--green-700:#00a32e;--green-800:#007a23;--green-900:#005217;--orange-50:#fff6ed;--orange-100:#ffebd6;--orange-200:#ffd4a8;--orange-300:#ffd4a8;--orange-400:#ffa64d;--orange-500:#ff8f1f;--orange-600:#f57a00;--orange-700:#c60;--orange-800:#a35200;--orange-900:#7a3d00;--odx-c-headline:var(--blue-700);--odx-c-text:var(--blue-700);--odx-c-text-inverse:var(--white);--odx-c-text-disabled:var(--gray-500);--odx-c-link:var(--odx-c-highlight);--odx-c-link-hover:var(--odx-c-highlight-hover);--odx-c-link-active:var(--odx-c-highlight-active);--odx-c-link-disabled:var(--odx-c-text-disabled);--odx-c-link-visited:var(--blue-600);--odx-c-error:var(--red-00);--odx-c-error-outline:var(--red-50);--odx-c-error-outline-hover:var(--red-100);--odx-c-error-text:var(--red-600);--odx-c-focus:var(--cyan-500-15);--odx-c-focus-outline:var(--cyan-300);--odx-c-selection:var(--cyan-500-15);--odx-c-overlay:var(--white-60);--odx-c-seperator:var(--gray-200);--odx-c-background:var(--gray-50);--odx-c-background-content:var(--white);--odx-c-control:var(--gray-100);--odx-c-control-hover:var(--gray-400);--odx-c-control-active:var(--gray-500);--odx-c-control-disabled:var(--gray-300);--odx-c-control-text:var(--odx-c-text);--odx-c-control-text-disabled:var(--gray-600);--odx-c-highlight:var(--cyan-500);--odx-c-highlight-hover:var(--cyan-600);--odx-c-highlight-active:var(--cyan-700);--odx-c-highlight-disabled:var(--odx-c-highlight);--odx-c-highlight-text:var(--odx-c-text-inverse);--odx-c-highlight-text-disabled:var(--cyan-700);--odx-c-primary:var(--blue-700);--odx-c-primary-hover:var(--blue-800);--odx-c-primary-active:var(--blue-900);--odx-c-primary-disabled:var(--odx-c-primary);--odx-c-primary-text:var(--odx-c-text-inverse);--odx-c-primary-text-disabled:var(--blue-500);--odx-c-secondary:var(--gray-300);--odx-c-secondary-hover:var(--gray-400);--odx-c-secondary-active:var(--gray-500);--odx-c-secondary-disabled:var(--gray-300);--odx-c-secondary-text:var(--odx-c-text);--odx-c-secondary-text-disabled:var(--gray-700);--odx-c-success:var(--green-500);--odx-c-success-hover:var(--green-600);--odx-c-success-active:var(--green-700);--odx-c-success-disabled:var(--green-500);--odx-c-success-text:var(--odx-c-text);--odx-c-success-text-disabled:var(--green-600);--odx-c-warning:var(--yellow-500);--odx-c-warning-hover:var(--yellow-600);--odx-c-warning-active:var(--yellow-700);--odx-c-warning-disabled:var(--yellow-500);--odx-c-warning-text:var(--odx-c-text);--odx-c-warning-text-disabled:var(--yellow-700);--odx-c-danger:var(--red-500);--odx-c-danger-hover:var(--red-600);--odx-c-danger-active:var(--red-700);--odx-c-danger-disabled:var(--red-500);--odx-c-danger-text:var(--odx-c-text-inverse);--odx-c-danger-text-disabled:var(--red-600);--odx-c-confirmation:var(--orange-500);--odx-c-confirmation-hover:var(--orange-600);--odx-c-confirmation-active:var(--orange-700);--odx-c-confirmation-disabled:var(--orange-500);--odx-c-confirmation-text:var(--odx-c-text);--odx-c-confirmation-text-disabled:var(--orange-700);--odx-v-border-radius:calc(var(--odx-t-base-size)*0.375);--odx-v-border-radius-controls:calc(var(--odx-t-base-size)*0.19);--odx-v-transition-duration:200ms;--odx-v-transition-easing-fn:ease;--odx-v-focus-outline:1px solid var(--odx-c-focus-outline);--odx-grid-gutter:calc(var(--odx-vr-base-size)*1)}[odxLayout~=grid]{display:grid;gap:var(--odx-grid-gutter);grid-template-columns:repeat(12,1fr)}[odxLayout~=grid][odxLayout*="@desktop"],[odxLayout~=grid][odxLayout*="@desktop-s"],[odxLayout~=grid][odxLayout*="@phone"],[odxLayout~=grid][odxLayout*="@phone-s"],[odxLayout~=grid][odxLayout*="@tablet"]{grid-template-columns:12fr}[odxLayout~=grid][odxLayout~="1"]{grid-template-columns:repeat(12,1fr)}[odxLayout~=grid] [odxLayout~="1"]{grid-column:span 1/span 1}[odxLayout~=grid] [odxLayout~=offset-1]{grid-column-start:1!important}[odxLayout~=grid][odxLayout~="2"]{grid-template-columns:repeat(6,1fr)}[odxLayout~=grid] [odxLayout~="2"]{grid-column:span 2/span 2}[odxLayout~=grid] [odxLayout~=offset-2]{grid-column-start:2!important}[odxLayout~=grid][odxLayout~="3"]{grid-template-columns:repeat(4,1fr)}[odxLayout~=grid] [odxLayout~="3"]{grid-column:span 3/span 3}[odxLayout~=grid] [odxLayout~=offset-3]{grid-column-start:3!important}[odxLayout~=grid][odxLayout~="4"]{grid-template-columns:repeat(3,1fr)}[odxLayout~=grid] [odxLayout~="4"]{grid-column:span 4/span 4}[odxLayout~=grid] [odxLayout~=offset-4]{grid-column-start:4!important}[odxLayout~=grid][odxLayout~="5"]{grid-template-columns:repeat(2.4,1fr)}[odxLayout~=grid] [odxLayout~="5"]{grid-column:span 5/span 5}[odxLayout~=grid] [odxLayout~=offset-5]{grid-column-start:5!important}[odxLayout~=grid][odxLayout~="6"]{grid-template-columns:repeat(2,1fr)}[odxLayout~=grid] [odxLayout~="6"]{grid-column:span 6/span 6}[odxLayout~=grid] [odxLayout~=offset-6]{grid-column-start:6!important}[odxLayout~=grid][odxLayout~="7"]{grid-template-columns:repeat(1.7142857143,1fr)}[odxLayout~=grid] [odxLayout~="7"]{grid-column:span 7/span 7}[odxLayout~=grid] [odxLayout~=offset-7]{grid-column-start:7!important}[odxLayout~=grid][odxLayout~="8"]{grid-template-columns:repeat(1.5,1fr)}[odxLayout~=grid] [odxLayout~="8"]{grid-column:span 8/span 8}[odxLayout~=grid] [odxLayout~=offset-8]{grid-column-start:8!important}[odxLayout~=grid][odxLayout~="9"]{grid-template-columns:repeat(1.3333333333,1fr)}[odxLayout~=grid] [odxLayout~="9"]{grid-column:span 9/span 9}[odxLayout~=grid] [odxLayout~=offset-9]{grid-column-start:9!important}[odxLayout~=grid][odxLayout~="10"]{grid-template-columns:repeat(1.2,1fr)}[odxLayout~=grid] [odxLayout~="10"]{grid-column:span 10/span 10}[odxLayout~=grid] [odxLayout~=offset-10]{grid-column-start:10!important}[odxLayout~=grid][odxLayout~="11"]{grid-template-columns:repeat(1.0909090909,1fr)}[odxLayout~=grid] [odxLayout~="11"]{grid-column:span 11/span 11}[odxLayout~=grid] [odxLayout~=offset-11]{grid-column-start:11!important}[odxLayout~=grid][odxLayout~="12"]{grid-template-columns:repeat(1,1fr)}[odxLayout~=grid] [odxLayout~="12"]{grid-column:span 12/span 12}[odxLayout~=grid] [odxLayout~=offset-12]{grid-column-start:12!important}@media (min-width:360px){[odxLayout~=grid][odxLayout~="1@phone-s"]{grid-template-columns:repeat(12,1fr)}[odxLayout~=grid] [odxLayout~="1@phone-s"]{grid-column:span 1/span 1}[odxLayout~=grid] [odxLayout~="offset-1@phone-s"]{grid-column-start:1!important}[odxLayout~=grid][odxLayout~="2@phone-s"]{grid-template-columns:repeat(6,1fr)}[odxLayout~=grid] [odxLayout~="2@phone-s"]{grid-column:span 2/span 2}[odxLayout~=grid] [odxLayout~="offset-2@phone-s"]{grid-column-start:2!important}[odxLayout~=grid][odxLayout~="3@phone-s"]{grid-template-columns:repeat(4,1fr)}[odxLayout~=grid] [odxLayout~="3@phone-s"]{grid-column:span 3/span 3}[odxLayout~=grid] [odxLayout~="offset-3@phone-s"]{grid-column-start:3!important}[odxLayout~=grid][odxLayout~="4@phone-s"]{grid-template-columns:repeat(3,1fr)}[odxLayout~=grid] [odxLayout~="4@phone-s"]{grid-column:span 4/span 4}[odxLayout~=grid] [odxLayout~="offset-4@phone-s"]{grid-column-start:4!important}[odxLayout~=grid][odxLayout~="5@phone-s"]{grid-template-columns:repeat(2.4,1fr)}[odxLayout~=grid] [odxLayout~="5@phone-s"]{grid-column:span 5/span 5}[odxLayout~=grid] [odxLayout~="offset-5@phone-s"]{grid-column-start:5!important}[odxLayout~=grid][odxLayout~="6@phone-s"]{grid-template-columns:repeat(2,1fr)}[odxLayout~=grid] [odxLayout~="6@phone-s"]{grid-column:span 6/span 6}[odxLayout~=grid] [odxLayout~="offset-6@phone-s"]{grid-column-start:6!important}[odxLayout~=grid][odxLayout~="7@phone-s"]{grid-template-columns:repeat(1.7142857143,1fr)}[odxLayout~=grid] [odxLayout~="7@phone-s"]{grid-column:span 7/span 7}[odxLayout~=grid] [odxLayout~="offset-7@phone-s"]{grid-column-start:7!important}[odxLayout~=grid][odxLayout~="8@phone-s"]{grid-template-columns:repeat(1.5,1fr)}[odxLayout~=grid] [odxLayout~="8@phone-s"]{grid-column:span 8/span 8}[odxLayout~=grid] [odxLayout~="offset-8@phone-s"]{grid-column-start:8!important}[odxLayout~=grid][odxLayout~="9@phone-s"]{grid-template-columns:repeat(1.3333333333,1fr)}[odxLayout~=grid] [odxLayout~="9@phone-s"]{grid-column:span 9/span 9}[odxLayout~=grid] [odxLayout~="offset-9@phone-s"]{grid-column-start:9!important}[odxLayout~=grid][odxLayout~="10@phone-s"]{grid-template-columns:repeat(1.2,1fr)}[odxLayout~=grid] [odxLayout~="10@phone-s"]{grid-column:span 10/span 10}[odxLayout~=grid] [odxLayout~="offset-10@phone-s"]{grid-column-start:10!important}[odxLayout~=grid][odxLayout~="11@phone-s"]{grid-template-columns:repeat(1.0909090909,1fr)}[odxLayout~=grid] [odxLayout~="11@phone-s"]{grid-column:span 11/span 11}[odxLayout~=grid] [odxLayout~="offset-11@phone-s"]{grid-column-start:11!important}[odxLayout~=grid][odxLayout~="12@phone-s"]{grid-template-columns:repeat(1,1fr)}[odxLayout~=grid] [odxLayout~="12@phone-s"]{grid-column:span 12/span 12}[odxLayout~=grid] [odxLayout~="offset-12@phone-s"]{grid-column-start:12!important}[odxLayout~=grid] [odxLayout~="first@phone-s"]{order:-1}[odxLayout~=grid] [odxLayout~="last@phone-s"]{order:12}}@media (min-width:420px){[odxLayout~=grid][odxLayout~="1@phone"]{grid-template-columns:repeat(12,1fr)}[odxLayout~=grid] [odxLayout~="1@phone"]{grid-column:span 1/span 1}[odxLayout~=grid] [odxLayout~="offset-1@phone"]{grid-column-start:1!important}[odxLayout~=grid][odxLayout~="2@phone"]{grid-template-columns:repeat(6,1fr)}[odxLayout~=grid] [odxLayout~="2@phone"]{grid-column:span 2/span 2}[odxLayout~=grid] [odxLayout~="offset-2@phone"]{grid-column-start:2!important}[odxLayout~=grid][odxLayout~="3@phone"]{grid-template-columns:repeat(4,1fr)}[odxLayout~=grid] [odxLayout~="3@phone"]{grid-column:span 3/span 3}[odxLayout~=grid] [odxLayout~="offset-3@phone"]{grid-column-start:3!important}[odxLayout~=grid][odxLayout~="4@phone"]{grid-template-columns:repeat(3,1fr)}[odxLayout~=grid] [odxLayout~="4@phone"]{grid-column:span 4/span 4}[odxLayout~=grid] [odxLayout~="offset-4@phone"]{grid-column-start:4!important}[odxLayout~=grid][odxLayout~="5@phone"]{grid-template-columns:repeat(2.4,1fr)}[odxLayout~=grid] [odxLayout~="5@phone"]{grid-column:span 5/span 5}[odxLayout~=grid] [odxLayout~="offset-5@phone"]{grid-column-start:5!important}[odxLayout~=grid][odxLayout~="6@phone"]{grid-template-columns:repeat(2,1fr)}[odxLayout~=grid] [odxLayout~="6@phone"]{grid-column:span 6/span 6}[odxLayout~=grid] [odxLayout~="offset-6@phone"]{grid-column-start:6!important}[odxLayout~=grid][odxLayout~="7@phone"]{grid-template-columns:repeat(1.7142857143,1fr)}[odxLayout~=grid] [odxLayout~="7@phone"]{grid-column:span 7/span 7}[odxLayout~=grid] [odxLayout~="offset-7@phone"]{grid-column-start:7!important}[odxLayout~=grid][odxLayout~="8@phone"]{grid-template-columns:repeat(1.5,1fr)}[odxLayout~=grid] [odxLayout~="8@phone"]{grid-column:span 8/span 8}[odxLayout~=grid] [odxLayout~="offset-8@phone"]{grid-column-start:8!important}[odxLayout~=grid][odxLayout~="9@phone"]{grid-template-columns:repeat(1.3333333333,1fr)}[odxLayout~=grid] [odxLayout~="9@phone"]{grid-column:span 9/span 9}[odxLayout~=grid] [odxLayout~="offset-9@phone"]{grid-column-start:9!important}[odxLayout~=grid][odxLayout~="10@phone"]{grid-template-columns:repeat(1.2,1fr)}[odxLayout~=grid] [odxLayout~="10@phone"]{grid-column:span 10/span 10}[odxLayout~=grid] [odxLayout~="offset-10@phone"]{grid-column-start:10!important}[odxLayout~=grid][odxLayout~="11@phone"]{grid-template-columns:repeat(1.0909090909,1fr)}[odxLayout~=grid] [odxLayout~="11@phone"]{grid-column:span 11/span 11}[odxLayout~=grid] [odxLayout~="offset-11@phone"]{grid-column-start:11!important}[odxLayout~=grid][odxLayout~="12@phone"]{grid-template-columns:repeat(1,1fr)}[odxLayout~=grid] [odxLayout~="12@phone"]{grid-column:span 12/span 12}[odxLayout~=grid] [odxLayout~="offset-12@phone"]{grid-column-start:12!important}[odxLayout~=grid] [odxLayout~="first@phone"]{order:-1}[odxLayout~=grid] [odxLayout~="last@phone"]{order:12}}@media (min-width:768px){[odxLayout~=grid][odxLayout~="1@tablet"]{grid-template-columns:repeat(12,1fr)}[odxLayout~=grid] [odxLayout~="1@tablet"]{grid-column:span 1/span 1}[odxLayout~=grid] [odxLayout~="offset-1@tablet"]{grid-column-start:1!important}[odxLayout~=grid][odxLayout~="2@tablet"]{grid-template-columns:repeat(6,1fr)}[odxLayout~=grid] [odxLayout~="2@tablet"]{grid-column:span 2/span 2}[odxLayout~=grid] [odxLayout~="offset-2@tablet"]{grid-column-start:2!important}[odxLayout~=grid][odxLayout~="3@tablet"]{grid-template-columns:repeat(4,1fr)}[odxLayout~=grid] [odxLayout~="3@tablet"]{grid-column:span 3/span 3}[odxLayout~=grid] [odxLayout~="offset-3@tablet"]{grid-column-start:3!important}[odxLayout~=grid][odxLayout~="4@tablet"]{grid-template-columns:repeat(3,1fr)}[odxLayout~=grid] [odxLayout~="4@tablet"]{grid-column:span 4/span 4}[odxLayout~=grid] [odxLayout~="offset-4@tablet"]{grid-column-start:4!important}[odxLayout~=grid][odxLayout~="5@tablet"]{grid-template-columns:repeat(2.4,1fr)}[odxLayout~=grid] [odxLayout~="5@tablet"]{grid-column:span 5/span 5}[odxLayout~=grid] [odxLayout~="offset-5@tablet"]{grid-column-start:5!important}[odxLayout~=grid][odxLayout~="6@tablet"]{grid-template-columns:repeat(2,1fr)}[odxLayout~=grid] [odxLayout~="6@tablet"]{grid-column:span 6/span 6}[odxLayout~=grid] [odxLayout~="offset-6@tablet"]{grid-column-start:6!important}[odxLayout~=grid][odxLayout~="7@tablet"]{grid-template-columns:repeat(1.7142857143,1fr)}[odxLayout~=grid] [odxLayout~="7@tablet"]{grid-column:span 7/span 7}[odxLayout~=grid] [odxLayout~="offset-7@tablet"]{grid-column-start:7!important}[odxLayout~=grid][odxLayout~="8@tablet"]{grid-template-columns:repeat(1.5,1fr)}[odxLayout~=grid] [odxLayout~="8@tablet"]{grid-column:span 8/span 8}[odxLayout~=grid] [odxLayout~="offset-8@tablet"]{grid-column-start:8!important}[odxLayout~=grid][odxLayout~="9@tablet"]{grid-template-columns:repeat(1.3333333333,1fr)}[odxLayout~=grid] [odxLayout~="9@tablet"]{grid-column:span 9/span 9}[odxLayout~=grid] [odxLayout~="offset-9@tablet"]{grid-column-start:9!important}[odxLayout~=grid][odxLayout~="10@tablet"]{grid-template-columns:repeat(1.2,1fr)}[odxLayout~=grid] [odxLayout~="10@tablet"]{grid-column:span 10/span 10}[odxLayout~=grid] [odxLayout~="offset-10@tablet"]{grid-column-start:10!important}[odxLayout~=grid][odxLayout~="11@tablet"]{grid-template-columns:repeat(1.0909090909,1fr)}[odxLayout~=grid] [odxLayout~="11@tablet"]{grid-column:span 11/span 11}[odxLayout~=grid] [odxLayout~="offset-11@tablet"]{grid-column-start:11!important}[odxLayout~=grid][odxLayout~="12@tablet"]{grid-template-columns:repeat(1,1fr)}[odxLayout~=grid] [odxLayout~="12@tablet"]{grid-column:span 12/span 12}[odxLayout~=grid] [odxLayout~="offset-12@tablet"]{grid-column-start:12!important}[odxLayout~=grid] [odxLayout~="first@tablet"]{order:-1}[odxLayout~=grid] [odxLayout~="last@tablet"]{order:12}}@media (min-width:960px){[odxLayout~=grid][odxLayout~="1@desktop-s"]{grid-template-columns:repeat(12,1fr)}[odxLayout~=grid] [odxLayout~="1@desktop-s"]{grid-column:span 1/span 1}[odxLayout~=grid] [odxLayout~="offset-1@desktop-s"]{grid-column-start:1!important}[odxLayout~=grid][odxLayout~="2@desktop-s"]{grid-template-columns:repeat(6,1fr)}[odxLayout~=grid] [odxLayout~="2@desktop-s"]{grid-column:span 2/span 2}[odxLayout~=grid] [odxLayout~="offset-2@desktop-s"]{grid-column-start:2!important}[odxLayout~=grid][odxLayout~="3@desktop-s"]{grid-template-columns:repeat(4,1fr)}[odxLayout~=grid] [odxLayout~="3@desktop-s"]{grid-column:span 3/span 3}[odxLayout~=grid] [odxLayout~="offset-3@desktop-s"]{grid-column-start:3!important}[odxLayout~=grid][odxLayout~="4@desktop-s"]{grid-template-columns:repeat(3,1fr)}[odxLayout~=grid] [odxLayout~="4@desktop-s"]{grid-column:span 4/span 4}[odxLayout~=grid] [odxLayout~="offset-4@desktop-s"]{grid-column-start:4!important}[odxLayout~=grid][odxLayout~="5@desktop-s"]{grid-template-columns:repeat(2.4,1fr)}[odxLayout~=grid] [odxLayout~="5@desktop-s"]{grid-column:span 5/span 5}[odxLayout~=grid] [odxLayout~="offset-5@desktop-s"]{grid-column-start:5!important}[odxLayout~=grid][odxLayout~="6@desktop-s"]{grid-template-columns:repeat(2,1fr)}[odxLayout~=grid] [odxLayout~="6@desktop-s"]{grid-column:span 6/span 6}[odxLayout~=grid] [odxLayout~="offset-6@desktop-s"]{grid-column-start:6!important}[odxLayout~=grid][odxLayout~="7@desktop-s"]{grid-template-columns:repeat(1.7142857143,1fr)}[odxLayout~=grid] [odxLayout~="7@desktop-s"]{grid-column:span 7/span 7}[odxLayout~=grid] [odxLayout~="offset-7@desktop-s"]{grid-column-start:7!important}[odxLayout~=grid][odxLayout~="8@desktop-s"]{grid-template-columns:repeat(1.5,1fr)}[odxLayout~=grid] [odxLayout~="8@desktop-s"]{grid-column:span 8/span 8}[odxLayout~=grid] [odxLayout~="offset-8@desktop-s"]{grid-column-start:8!important}[odxLayout~=grid][odxLayout~="9@desktop-s"]{grid-template-columns:repeat(1.3333333333,1fr)}[odxLayout~=grid] [odxLayout~="9@desktop-s"]{grid-column:span 9/span 9}[odxLayout~=grid] [odxLayout~="offset-9@desktop-s"]{grid-column-start:9!important}[odxLayout~=grid][odxLayout~="10@desktop-s"]{grid-template-columns:repeat(1.2,1fr)}[odxLayout~=grid] [odxLayout~="10@desktop-s"]{grid-column:span 10/span 10}[odxLayout~=grid] [odxLayout~="offset-10@desktop-s"]{grid-column-start:10!important}[odxLayout~=grid][odxLayout~="11@desktop-s"]{grid-template-columns:repeat(1.0909090909,1fr)}[odxLayout~=grid] [odxLayout~="11@desktop-s"]{grid-column:span 11/span 11}[odxLayout~=grid] [odxLayout~="offset-11@desktop-s"]{grid-column-start:11!important}[odxLayout~=grid][odxLayout~="12@desktop-s"]{grid-template-columns:repeat(1,1fr)}[odxLayout~=grid] [odxLayout~="12@desktop-s"]{grid-column:span 12/span 12}[odxLayout~=grid] [odxLayout~="offset-12@desktop-s"]{grid-column-start:12!important}[odxLayout~=grid] [odxLayout~="first@desktop-s"]{order:-1}[odxLayout~=grid] [odxLayout~="last@desktop-s"]{order:12}}@media (min-width:1200px){[odxLayout~=grid][odxLayout~="1@desktop"]{grid-template-columns:repeat(12,1fr)}[odxLayout~=grid] [odxLayout~="1@desktop"]{grid-column:span 1/span 1}[odxLayout~=grid] [odxLayout~="offset-1@desktop"]{grid-column-start:1!important}[odxLayout~=grid][odxLayout~="2@desktop"]{grid-template-columns:repeat(6,1fr)}[odxLayout~=grid] [odxLayout~="2@desktop"]{grid-column:span 2/span 2}[odxLayout~=grid] [odxLayout~="offset-2@desktop"]{grid-column-start:2!important}[odxLayout~=grid][odxLayout~="3@desktop"]{grid-template-columns:repeat(4,1fr)}[odxLayout~=grid] [odxLayout~="3@desktop"]{grid-column:span 3/span 3}[odxLayout~=grid] [odxLayout~="offset-3@desktop"]{grid-column-start:3!important}[odxLayout~=grid][odxLayout~="4@desktop"]{grid-template-columns:repeat(3,1fr)}[odxLayout~=grid] [odxLayout~="4@desktop"]{grid-column:span 4/span 4}[odxLayout~=grid] [odxLayout~="offset-4@desktop"]{grid-column-start:4!important}[odxLayout~=grid][odxLayout~="5@desktop"]{grid-template-columns:repeat(2.4,1fr)}[odxLayout~=grid] [odxLayout~="5@desktop"]{grid-column:span 5/span 5}[odxLayout~=grid] [odxLayout~="offset-5@desktop"]{grid-column-start:5!important}[odxLayout~=grid][odxLayout~="6@desktop"]{grid-template-columns:repeat(2,1fr)}[odxLayout~=grid] [odxLayout~="6@desktop"]{grid-column:span 6/span 6}[odxLayout~=grid] [odxLayout~="offset-6@desktop"]{grid-column-start:6!important}[odxLayout~=grid][odxLayout~="7@desktop"]{grid-template-columns:repeat(1.7142857143,1fr)}[odxLayout~=grid] [odxLayout~="7@desktop"]{grid-column:span 7/span 7}[odxLayout~=grid] [odxLayout~="offset-7@desktop"]{grid-column-start:7!important}[odxLayout~=grid][odxLayout~="8@desktop"]{grid-template-columns:repeat(1.5,1fr)}[odxLayout~=grid] [odxLayout~="8@desktop"]{grid-column:span 8/span 8}[odxLayout~=grid] [odxLayout~="offset-8@desktop"]{grid-column-start:8!important}[odxLayout~=grid][odxLayout~="9@desktop"]{grid-template-columns:repeat(1.3333333333,1fr)}[odxLayout~=grid] [odxLayout~="9@desktop"]{grid-column:span 9/span 9}[odxLayout~=grid] [odxLayout~="offset-9@desktop"]{grid-column-start:9!important}[odxLayout~=grid][odxLayout~="10@desktop"]{grid-template-columns:repeat(1.2,1fr)}[odxLayout~=grid] [odxLayout~="10@desktop"]{grid-column:span 10/span 10}[odxLayout~=grid] [odxLayout~="offset-10@desktop"]{grid-column-start:10!important}[odxLayout~=grid][odxLayout~="11@desktop"]{grid-template-columns:repeat(1.0909090909,1fr)}[odxLayout~=grid] [odxLayout~="11@desktop"]{grid-column:span 11/span 11}[odxLayout~=grid] [odxLayout~="offset-11@desktop"]{grid-column-start:11!important}[odxLayout~=grid][odxLayout~="12@desktop"]{grid-template-columns:repeat(1,1fr)}[odxLayout~=grid] [odxLayout~="12@desktop"]{grid-column:span 12/span 12}[odxLayout~=grid] [odxLayout~="offset-12@desktop"]{grid-column-start:12!important}[odxLayout~=grid] [odxLayout~="first@desktop"]{order:-1}[odxLayout~=grid] [odxLayout~="last@desktop"]{order:12}}[odxLayout~=grid][odxLayout~=gap-none]{gap:0}[odxLayout~=grid][odxLayout~=gap-row-none]{row-gap:0}[odxLayout~=grid][odxLayout~=gap-column-none]{-moz-column-gap:0;column-gap:0}[odxLayout~=grid][odxLayout~=vertical-center]{align-items:center}[odxLayout~=grid][odxLayout~=vertical-start]{align-items:flex-start}[odxLayout~=grid][odxLayout~=vertical-end]{align-items:flex-end}[odxLayout~=grid][odxLayout~=horizontal-center]{justify-items:center}[odxLayout~=grid][odxLayout~=horizontal-start]{justify-items:flex-start}[odxLayout~=grid][odxLayout~=horizontal-end]{justify-items:flex-end}[odxLayout~=grid] [odxLayout~=first]{order:-1}[odxLayout~=grid] [odxLayout~=last]{order:12}:root{--odx-t-base-size:16px;--odx-t-base-line-height:1.5;--odx-t-font-weight-normal:normal;--odx-t-font-weight-medium:500;--odx-t-font-weight-bold:bold;--odx-t-positive-font-scaling-factor:1.125;--odx-t-negative-font-scaling-factor:1.2}@media (min-width:768px){:root{--odx-t-positive-font-scaling-factor:1.25}}@font-face{font-family:Pangea;font-style:normal;font-weight:400;src:url(5eabf29514e9649c8c73.woff2) format("woff2")}@font-face{font-family:Pangea;font-style:normal;font-weight:500;src:url(24031beb1b96a58f519c.woff2) format("woff2")}@font-face{font-family:Pangea;font-style:normal;font-weight:700;src:url(eb2051d1f9da906e0b3e.woff2) format("woff2")}html body{color:var(--odx-c-text);font-family:Pangea,sans-serif;font-size:calc(var(--odx-t-base-size)*1);font-weight:var(--odx-t-font-weight-normal);line-height:calc(var(--odx-vr-base-size)*1);padding-bottom:calc(var(--odx-vr-base-size)*0);padding-top:calc(var(--odx-vr-base-size)*0)}.odx-area-header__subtitle,.odx-area-header__title,.odx-header__title,.odx-subtitle,.odx-title,h1,h2,h3,h4,h5,h6{color:var(--odx-c-headline);font-weight:var(--odx-t-font-weight-bold)}.odx-area-header__subtitle,.odx-subtitle{font-weight:var(--odx-t-font-weight-normal)}.odx-title--1,h1{font-size:calc(var(--odx-t-base-size)*(1*var(--odx-t-positive-font-scaling-factor)*var(--odx-t-positive-font-scaling-factor)*var(--odx-t-positive-font-scaling-factor)*var(--odx-t-positive-font-scaling-factor)*var(--odx-t-positive-font-scaling-factor)));line-height:calc(var(--odx-vr-base-size)*1.6667);padding-bottom:calc(var(--odx-vr-base-size)*.1667);padding-top:calc(var(--odx-vr-base-size)*.1667)}@media (min-width:768px){.odx-title--1,h1{line-height:calc(var(--odx-vr-base-size)*2.6667);padding-bottom:calc(var(--odx-vr-base-size)*.1667);padding-top:calc(var(--odx-vr-base-size)*.1667)}}.odx-area-header--xlarge .odx-area-header__title,.odx-title--2,h2{font-size:calc(var(--odx-t-base-size)*(1*var(--odx-t-positive-font-scaling-factor)*var(--odx-t-positive-font-scaling-factor)*var(--odx-t-positive-font-scaling-factor)*var(--odx-t-positive-font-scaling-factor)));line-height:calc(var(--odx-vr-base-size)*1.5);padding-bottom:calc(var(--odx-vr-base-size)*.25);padding-top:calc(var(--odx-vr-base-size)*.25)}@media (min-width:768px){.odx-area-header--xlarge .odx-area-header__title,.odx-title--2,h2{line-height:calc(var(--odx-vr-base-size)*2.25);padding-bottom:calc(var(--odx-vr-base-size)*.375);padding-top:calc(var(--odx-vr-base-size)*.375)}}.odx-title--3,h3{font-size:calc(var(--odx-t-base-size)*(1*var(--odx-t-positive-font-scaling-factor)*var(--odx-t-positive-font-scaling-factor)*var(--odx-t-positive-font-scaling-factor)));line-height:calc(var(--odx-vr-base-size)*1.3334);padding-bottom:calc(var(--odx-vr-base-size)*.3334);padding-top:calc(var(--odx-vr-base-size)*.3334)}@media (min-width:768px){.odx-title--3,h3{line-height:calc(var(--odx-vr-base-size)*1.75);padding-bottom:calc(var(--odx-vr-base-size)*.125);padding-top:calc(var(--odx-vr-base-size)*.125)}}.odx-area-header--large .odx-area-header__title,.odx-title--4,h4{font-size:calc(var(--odx-t-base-size)*(1*var(--odx-t-positive-font-scaling-factor)*var(--odx-t-positive-font-scaling-factor)));line-height:calc(var(--odx-vr-base-size)*1.25);padding-bottom:calc(var(--odx-vr-base-size)*.375);padding-top:calc(var(--odx-vr-base-size)*.375)}.odx-area-header--medium .odx-area-header__title,.odx-area-header--xlarge .odx-area-header__subtitle,.odx-title--5,h5{font-size:calc(var(--odx-t-base-size)*(1*var(--odx-t-positive-font-scaling-factor)));line-height:calc(var(--odx-vr-base-size)*1);padding-bottom:calc(var(--odx-vr-base-size)*0);padding-top:calc(var(--odx-vr-base-size)*0)}.odx-area-header__subtitle,.odx-area-header__title,.odx-header__title,.odx-title--6,h6{font-size:calc(var(--odx-t-base-size)*1)}.odx-area-header__subtitle,.odx-area-header__title,.odx-header__title,.odx-main-menu__info,.odx-text,.odx-title--6,h6,p{line-height:calc(var(--odx-vr-base-size)*1);padding-bottom:calc(var(--odx-vr-base-size)*0);padding-top:calc(var(--odx-vr-base-size)*0)}.odx-main-menu__info,.odx-text,p{font-weight:var(--odx-t-font-weight-normal)}.odx-text--small,p--small{font-size:calc(var(--odx-t-base-size)*(1*1/var(--odx-t-negative-font-scaling-factor)));line-height:calc(var(--odx-vr-base-size)*.8334);padding-bottom:calc(var(--odx-vr-base-size)*.0834);padding-top:calc(var(--odx-vr-base-size)*.0834)}.odx-text--xsmall,p--xsmall{font-size:calc(var(--odx-t-base-size)*(1*1/var(--odx-t-negative-font-scaling-factor)*1/var(--odx-t-negative-font-scaling-factor)));line-height:calc(var(--odx-vr-base-size)*.6667);padding-bottom:calc(var(--odx-vr-base-size)*.1667);padding-top:calc(var(--odx-vr-base-size)*.1667)}.odx-fs-normal{font-weight:var(--odx-t-font-weight-normal)}.odx-fs-bold,b,strong{font-weight:var(--odx-t-font-weight-bold)}.odx-avatar{align-items:center;background-color:var(--blue-700-10);border-radius:50%;color:var(--odx-c-text);display:inline-flex;font-weight:var(--odx-t-font-weight-medium);justify-content:center;overflow:hidden;position:relative;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.odx-area-header--medium .odx-avatar,.odx-area-header--small .odx-avatar,.odx-avatar--small{aspect-ratio:1;font-size:calc(var(--odx-t-base-size)*1);margin-bottom:calc(var(--odx-vr-base-size)*.25);margin-top:calc(var(--odx-vr-base-size)*.25);width:calc(var(--odx-vr-base-size)*1.5)}.odx-area-header--medium .odx-avatar>.odx-icon,.odx-area-header--small .odx-avatar>.odx-icon,.odx-avatar--small>.odx-icon,.odx-avatar--small>.odx-icon[class*=odx-icon--]{aspect-ratio:1;font-size:calc(var(--odx-vr-base-size)*1);margin-bottom:calc(var(--odx-vr-base-size)*0);margin-top:calc(var(--odx-vr-base-size)*0);width:calc(var(--odx-vr-base-size)*1)}.odx-area-header--large .odx-avatar,.odx-avatar--medium{aspect-ratio:1;font-size:calc(var(--odx-t-base-size)*1);margin-bottom:calc(var(--odx-vr-base-size)*.25);margin-top:calc(var(--odx-vr-base-size)*.25);width:calc(var(--odx-vr-base-size)*1.5)}.odx-area-header--large .odx-avatar>.odx-icon,.odx-avatar--medium>.odx-icon,.odx-avatar--medium>.odx-icon[class*=odx-icon--]{aspect-ratio:1;font-size:calc(var(--odx-vr-base-size)*1);margin-bottom:calc(var(--odx-vr-base-size)*0);margin-top:calc(var(--odx-vr-base-size)*0);width:calc(var(--odx-vr-base-size)*1)}@media (min-width:768px){.odx-area-header--large .odx-avatar,.odx-avatar--medium{aspect-ratio:1;font-size:calc(var(--odx-t-base-size)*(1*var(--odx-t-positive-font-scaling-factor)*var(--odx-t-positive-font-scaling-factor)));margin-bottom:calc(var(--odx-vr-base-size)*.1667);margin-top:calc(var(--odx-vr-base-size)*.1667);width:calc(var(--odx-vr-base-size)*2.6667)}.odx-area-header--large .odx-avatar>.odx-icon,.odx-avatar--medium>.odx-icon,.odx-avatar--medium>.odx-icon[class*=odx-icon--]{aspect-ratio:1;font-size:calc(var(--odx-vr-base-size)*1.5);margin-bottom:calc(var(--odx-vr-base-size)*0);margin-top:calc(var(--odx-vr-base-size)*0);width:calc(var(--odx-vr-base-size)*1.5)}}.odx-area-header--xlarge .odx-avatar,.odx-avatar--large{aspect-ratio:1;font-size:calc(var(--odx-t-base-size)*(1*var(--odx-t-positive-font-scaling-factor)*var(--odx-t-positive-font-scaling-factor)));margin-bottom:calc(var(--odx-vr-base-size)*.1667);margin-top:calc(var(--odx-vr-base-size)*.1667);width:calc(var(--odx-vr-base-size)*2.6667)}.odx-area-header--xlarge .odx-avatar>.odx-icon,.odx-avatar--large>.odx-icon,.odx-avatar--large>.odx-icon[class*=odx-icon--]{aspect-ratio:1;font-size:calc(var(--odx-vr-base-size)*1.5);margin-bottom:calc(var(--odx-vr-base-size)*0);margin-top:calc(var(--odx-vr-base-size)*0);width:calc(var(--odx-vr-base-size)*1.5)}@media (min-width:768px){.odx-area-header--xlarge .odx-avatar,.odx-avatar--large{aspect-ratio:1;font-size:calc(var(--odx-t-base-size)*(1*var(--odx-t-positive-font-scaling-factor)*var(--odx-t-positive-font-scaling-factor)*var(--odx-t-positive-font-scaling-factor)*var(--odx-t-positive-font-scaling-factor)));margin-bottom:calc(var(--odx-vr-base-size)*0);margin-top:calc(var(--odx-vr-base-size)*0);width:calc(var(--odx-vr-base-size)*4)}.odx-area-header--xlarge .odx-avatar>.odx-icon,.odx-avatar--large>.odx-icon,.odx-avatar--large>.odx-icon[class*=odx-icon--]{aspect-ratio:1;font-size:calc(var(--odx-vr-base-size)*2.25);margin-bottom:calc(var(--odx-vr-base-size)*0);margin-top:calc(var(--odx-vr-base-size)*0);width:calc(var(--odx-vr-base-size)*2.25)}}.odx-avatar img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%;z-index:2}.odx-button{align-items:center;border-radius:var(--odx-v-border-radius-controls);cursor:pointer;display:inline-flex;font-weight:var(--odx-t-font-weight-medium);height:calc(var(--odx-vr-base-size)*1.5);justify-content:center;margin-bottom:calc(var(--odx-vr-base-size)*.25);margin-top:calc(var(--odx-vr-base-size)*.25);min-width:calc(var(--odx-vr-base-size)*1.5);outline:var(--odx-v-focus-outline);outline-color:transparent;outline-offset:-1px;outline-width:2px;overflow:hidden;padding-left:calc(var(--odx-vr-base-size)*.5);padding-right:calc(var(--odx-vr-base-size)*.5);text-overflow:ellipsis;transition:all var(--odx-v-transition-duration) 0ms var(--odx-v-transition-easing-fn);transition-property:background-color,color,outline;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.odx-button.is-disabled,.odx-button:disabled{cursor:not-allowed}.odx-button:focus-visible{outline-color:var(--odx-c-focus-outline)}.odx-button:not(:has(>.odx-icon,>.odx-avatar)){min-width:calc(var(--odx-vr-base-size)*3)}.odx-button>.odx-icon{margin-left:calc(var(--odx-vr-base-size)*-.25);margin-right:calc(var(--odx-vr-base-size)*-.25)}.odx-button>.odx-icon[alignLeft]{margin-right:calc(var(--odx-vr-base-size)*.25)}.odx-button>.odx-icon[alignRight]{margin-left:calc(var(--odx-vr-base-size)*.25)}.odx-button>.odx-avatar{aspect-ratio:1;font-size:calc(var(--odx-t-base-size)*1);margin:calc(var(--odx-vr-base-size)*.3334) calc(var(--odx-vr-base-size)*-.5);width:calc(var(--odx-vr-base-size)*1.3334)}.odx-button>.odx-avatar>.odx-icon,.odx-button>.odx-avatar>.odx-icon[class*=odx-icon--]{aspect-ratio:1;font-size:calc(var(--odx-vr-base-size)*1);margin-bottom:calc(var(--odx-vr-base-size)*0);margin-top:calc(var(--odx-vr-base-size)*0);width:calc(var(--odx-vr-base-size)*1)}.odx-button--highlight:focus-visible{outline-color:var(--blue-400)}.odx-button,.odx-button--secondary{background-color:var(--odx-c-secondary);color:var(--odx-c-secondary-text)}.odx-button--secondary:hover,.odx-button:hover{background-color:var(--odx-c-secondary-hover)}.odx-button--secondary:active,.odx-button:active{background-color:var(--odx-c-secondary-active)}.is-disabled.odx-button,.odx-button--secondary.is-disabled,.odx-button--secondary:disabled,.odx-button:disabled{background-color:var(--odx-c-secondary-disabled);color:var(--odx-c-secondary-text-disabled)}.odx-button--primary{background-color:var(--odx-c-primary);color:var(--odx-c-primary-text)}.odx-button--primary:hover{background-color:var(--odx-c-primary-hover)}.odx-button--primary:active{background-color:var(--odx-c-primary-active)}.odx-button--primary.is-disabled,.odx-button--primary:disabled{background-color:var(--odx-c-primary-disabled);color:var(--odx-c-primary-text-disabled)}.odx-button--highlight{background-color:var(--odx-c-highlight);color:var(--odx-c-highlight-text)}.odx-button--highlight:hover{background-color:var(--odx-c-highlight-hover)}.odx-button--highlight:active{background-color:var(--odx-c-highlight-active)}.odx-button--highlight.is-disabled,.odx-button--highlight:disabled{background-color:var(--odx-c-highlight-disabled);color:var(--odx-c-highlight-text-disabled)}.odx-button--success{background-color:var(--odx-c-success);color:var(--odx-c-success-text)}.odx-button--success:hover{background-color:var(--odx-c-success-hover)}.odx-button--success:active{background-color:var(--odx-c-success-active)}.odx-button--success.is-disabled,.odx-button--success:disabled{background-color:var(--odx-c-success-disabled);color:var(--odx-c-success-text-disabled)}.odx-button--danger{background-color:var(--odx-c-danger);color:var(--odx-c-danger-text)}.odx-button--danger:hover{background-color:var(--odx-c-danger-hover)}.odx-button--danger:active{background-color:var(--odx-c-danger-active)}.odx-button--danger.is-disabled,.odx-button--danger:disabled{background-color:var(--odx-c-danger-disabled);color:var(--odx-c-danger-text-disabled)}.odx-button--confirmation{background-color:var(--odx-c-confirmation);color:var(--odx-c-confirmation-text)}.odx-button--confirmation:hover{background-color:var(--odx-c-confirmation-hover)}.odx-button--confirmation:active{background-color:var(--odx-c-confirmation-active)}.odx-button--confirmation.is-disabled,.odx-button--confirmation:disabled{background-color:var(--odx-c-confirmation-disabled);color:var(--odx-c-confirmation-text-disabled)}.odx-action-group>.odx-button:not(.odx-button--success,.odx-button--danger,.odx-button--confirmation),.odx-button--ghost,.odx-main-menu-button,.odx-main-menu__close{background-color:transparent;color:var(--odx-c-link);outline-width:1px}.odx-action-group>.odx-button:hover:not(.odx-button--success,.odx-button--danger,.odx-button--confirmation),.odx-button--ghost:hover,.odx-main-menu-button:hover,.odx-main-menu__close:hover{background-color:var(--blue-700-5);color:var(--odx-c-link-hover)}.odx-action-group>.odx-button:active:not(.odx-button--success,.odx-button--danger,.odx-button--confirmation),.odx-button--ghost:active,.odx-main-menu-button:active,.odx-main-menu__close:active{color:var(--odx-c-link-active)}.odx-action-group>.odx-button:active:not(.odx-button--success,.odx-button--danger,.odx-button--confirmation),.odx-action-group>.odx-button:focus-visible:not(.odx-button--success,.odx-button--danger,.odx-button--confirmation),.odx-button--ghost:active,.odx-button--ghost:focus-visible,.odx-main-menu-button:active,.odx-main-menu-button:focus-visible,.odx-main-menu__close:active,.odx-main-menu__close:focus-visible{background-color:var(--odx-c-focus)}.is-disabled.odx-main-menu-button,.is-disabled.odx-main-menu__close,.odx-action-group>.is-disabled.odx-button:not(.odx-button--success,.odx-button--danger,.odx-button--confirmation),.odx-action-group>.odx-button:disabled:not(.odx-button--success,.odx-button--danger,.odx-button--confirmation),.odx-button--ghost.is-disabled,.odx-button--ghost:disabled,.odx-main-menu-button:disabled,.odx-main-menu__close:disabled{background-color:transparent;color:var(--odx-c-link-disabled)}.odx-action-group{align-items:center;display:inline-flex;gap:calc(var(--odx-vr-base-size)*.25);height:calc(var(--odx-vr-base-size)*1.5);margin-bottom:calc(var(--odx-vr-base-size)*.25);margin-top:calc(var(--odx-vr-base-size)*.25)}.odx-action-group--reverse{flex-direction:row-reverse}.odx-action-group>.odx-button:not(.odx-button--success,.odx-button--danger,.odx-button--confirmation){color:var(--odx-c-control-text)}.odx-action-group>.odx-button:not(.odx-button--success,.odx-button--danger,.odx-button--confirmation):focus-visible{outline-color:var(--odx-c-focus-outline)}:root{--odx-area-header-title-color:var(--odx-c-headline);--odx-area-header-subtitle-color:var(--odx-c-headline)}.odx-area-header{padding-left:calc(var(--odx-vr-base-size)*1);padding-right:calc(var(--odx-vr-base-size)*1)}.odx-area-header,.odx-area-header__container{-moz-column-gap:calc(var(--odx-vr-base-size)*.8334);column-gap:calc(var(--odx-vr-base-size)*.8334);display:flex}.odx-area-header *{flex:0 0 auto}.odx-area-header__container,.odx-area-header__inner,.odx-area-header__subtitle,.odx-area-header__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.odx-area-header__subtitle,.odx-area-header__title{display:block}.odx-area-header__container{display:flex;flex:1 1 auto}.odx-area-header__inner{align-self:center;flex:1 1 auto}.odx-area-header__title{color:var(--odx-area-header-title-color)}.odx-area-header__subtitle{color:var(--odx-area-header-subtitle-color)}.odx-area-header .odx-avatar,.odx-area-header__content{align-self:center}.odx-area-header__content{align-items:center;display:flex;flex-wrap:wrap;min-height:calc(var(--odx-vr-base-size)*2)}.odx-area-header--medium .odx-area-header__subtitle,.odx-area-header--small .odx-area-header__subtitle{display:none}@media (max-width:767px){.odx-area-header--large,.odx-area-header--xlarge{flex-wrap:wrap}.odx-area-header--large .odx-area-header__content,.odx-area-header--xlarge .odx-area-header__content{flex-basis:100%;justify-content:flex-end}}@media (min-width:768px){.odx-area-header--medium{padding-bottom:calc(var(--odx-vr-base-size)*.5);padding-top:calc(var(--odx-vr-base-size)*.5)}}.odx-area-header--large{padding-bottom:calc(var(--odx-vr-base-size)*.25);padding-top:calc(var(--odx-vr-base-size)*.25)}@media (min-width:768px){.odx-area-header--large{padding-bottom:calc(var(--odx-vr-base-size)*.5);padding-top:calc(var(--odx-vr-base-size)*.5)}}@media (max-width:767px){.odx-area-header--large .odx-area-header__title{line-height:calc(var(--odx-vr-base-size)*1);padding-bottom:calc(var(--odx-vr-base-size)*0);padding-top:calc(var(--odx-vr-base-size)*0)}}.odx-area-header--xlarge{padding-bottom:calc(var(--odx-vr-base-size)*.5);padding-top:calc(var(--odx-vr-base-size)*.5)}@media (min-width:768px){.odx-area-header--xlarge{gap:calc(var(--odx-vr-base-size)*1);padding-bottom:calc(var(--odx-vr-base-size)*1)}.odx-area-header--xlarge,.odx-area-header--xlarge .odx-area-header__container{padding-top:calc(var(--odx-vr-base-size)*1)}.odx-area-header--xlarge .odx-avatar{margin-top:calc(var(--odx-vr-base-size)*-.5)}}.odx-area-header--xlarge .odx-area-header__content{align-self:flex-end}@media (min-width:768px){.odx-area-header--xlarge .odx-area-header__content{margin-bottom:calc(var(--odx-vr-base-size)*-.5)}}:root{--odx-badge-contrast-color:var(--odx-c-background-content)}.odx-badge{align-items:center;border-radius:calc(var(--odx-vr-base-size)*.6667);box-sizing:border-box;display:inline-flex;font-size:calc(var(--odx-t-base-size)*(1*1/var(--odx-t-negative-font-scaling-factor)*1/var(--odx-t-negative-font-scaling-factor)));font-weight:var(--odx-t-font-weight-medium);height:calc(var(--odx-vr-base-size)*.6667);justify-content:center;left:0;min-width:calc(var(--odx-vr-base-size)*.6667);outline:1px solid transparent;padding-left:calc(var(--odx-vr-base-size)*.125);padding-right:calc(var(--odx-vr-base-size)*.125);pointer-events:none;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:9999}.odx-badge:before{content:attr(data-value)}.odx-badge[data-value="0"]{display:none}.odx-badge[data-value^="-"]:before{content:""}.odx-badge,.odx-badge--highlight{background-color:var(--odx-c-highlight);color:var(--odx-c-highlight-text)}.odx-badge--danger{background-color:var(--odx-c-danger);color:var(--odx-c-danger-text)}.odx-badge--confirmation{background-color:var(--odx-c-confirmation);color:var(--odx-c-confirmation-text)}.odx-badge--contrast{outline-color:var(--odx-badge-contrast-color)}:root{--odx-checkbox-color:var(--odx-c-highlight-text);--odx-checkbox-color-disabled:var(--odx-c-control-text-disabled);--odx-checkbox-background-color:var(--odx-c-control);--odx-checkbox-background-color-active:var(--odx-c-highlight);--odx-checkbox-background-color-disabled:var(--odx-c-control-disabled);--odx-checkbox-background-color-readonly:var(--white);--odx-checkbox-border-color:var(--odx-c-control-disabled);--odx-checkbox-border-color-active:var(--odx-c-highlight);--odx-checkbox-border-color-hover:var(--odx-c-control-hover);--odx-checkbox-border-color-readonly:var(--odx-c-control-disabled);--odx-checkbox-label-color:var(--odx-c-text);--odx-checkbox-label-color-disabled:var(--odx-c-text-disabled)}.odx-checkbox{color:var(--odx-checkbox-label-color);display:block}.odx-checkbox.is-disabled,.odx-checkbox.is-readonly{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.odx-checkbox.is-disabled{color:var(--odx-checkbox-label-color-disabled)}.odx-checkbox__label{border-radius:var(--odx-v-border-radius-controls);color:inherit;cursor:pointer;display:inline-flex;font-size:calc(var(--odx-t-base-size)*1);line-height:calc(var(--odx-vr-base-size)*1);min-height:calc(var(--odx-vr-base-size)*1);outline:var(--odx-v-focus-outline);outline-color:transparent;outline-offset:-1px;padding:0 2px;transition:all var(--odx-v-transition-duration) 0ms var(--odx-v-transition-easing-fn);transition-property:background-color,color,outline;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:top}.odx-checkbox__label.is-disabled,.odx-checkbox__label:disabled{cursor:not-allowed}.odx-checkbox__label.has-focus{background-color:var(--odx-c-focus);outline-color:var(--odx-c-focus-outline)}.odx-checkbox__label:focus-within:has(:focus-visible){background-color:var(--odx-c-focus);outline-color:var(--odx-c-focus-outline)}.odx-checkbox__indicator{aspect-ratio:1;background-color:var(--odx-checkbox-background-color);border:1px solid var(--odx-checkbox-border-color);border-radius:var(--odx-v-border-radius-controls);box-sizing:border-box;color:var(--odx-checkbox-color);flex:0 0 auto;margin-bottom:calc(var(--odx-vr-base-size)*.0834);margin-top:calc(var(--odx-vr-base-size)*.0834);transition:all var(--odx-v-transition-duration) 0ms var(--odx-v-transition-easing-fn);transition-property:background-color,border-color;width:calc(var(--odx-vr-base-size)*.8334)}.odx-checkbox__indicator>.odx-icon{aspect-ratio:1;display:none;font-size:calc(var(--odx-vr-base-size)*.75);margin-bottom:calc(var(--odx-vr-base-size)*0);margin-top:calc(var(--odx-vr-base-size)*0);width:calc(var(--odx-vr-base-size)*.75)}.odx-checkbox:hover .odx-checkbox__indicator{border-color:var(--odx-checkbox-border-color-hover)}.odx-checkbox.is-active .odx-checkbox__indicator,.odx-checkbox__input:checked~.odx-checkbox__indicator,.odx-checkbox__input:indeterminate~.odx-checkbox__indicator{background-color:var(--odx-checkbox-background-color-active);border-color:var(--odx-checkbox-border-color-active)}.odx-checkbox.has-error .odx-checkbox__indicator{background-color:var(--odx-c-error);border-color:var(--odx-c-error-outline);color:var(--odx-c-error-text)}.odx-checkbox.has-error:hover .odx-checkbox__indicator{border-color:var(--odx-c-error-outline-hover)}.odx-checkbox.is-disabled .odx-checkbox__indicator{background-color:var(--odx-checkbox-background-color-disabled);border-color:transparent;color:var(--odx-checkbox-color-disabled)}.odx-checkbox.is-readonly .odx-checkbox__indicator{background-color:var(--odx-checkbox-background-color-readonly);border-color:var(--odx-checkbox-border-color-readonly);color:inherit}.odx-checkbox__content{margin-left:calc(var(--odx-vr-base-size)*.5);padding-left:2px}.odx-checkbox__content:empty{margin:0;padding:0}.odx-checkbox.is-active~.odx-checkbox__indicator>.odx-icon,.odx-checkbox__input:checked~.odx-checkbox__indicator>.odx-icon,.odx-checkbox__input:indeterminate~.odx-checkbox__indicator>.odx-icon{display:block}.odx-content-box{background-color:var(--odx-c-background-content);display:block}.odx-content-box__footer,.odx-content-box__header{align-items:center;display:flex;flex-wrap:wrap}.odx-content-box__footer>*,.odx-content-box__header>*{flex:1 1 auto}.odx-content-box__header{padding-left:calc(var(--odx-vr-base-size)*1);padding-right:calc(var(--odx-vr-base-size)*1);padding-top:calc(var(--odx-vr-base-size)*1)}@media (max-width:419px){.odx-content-box__header{padding-left:calc(var(--odx-vr-base-size)*.5);padding-right:calc(var(--odx-vr-base-size)*.5);padding-top:calc(var(--odx-vr-base-size)*.5)}}.odx-content-box__footer{padding-bottom:calc(var(--odx-vr-base-size)*1);padding-left:calc(var(--odx-vr-base-size)*1);padding-right:calc(var(--odx-vr-base-size)*1)}@media (max-width:419px){.odx-content-box__footer{padding-bottom:calc(var(--odx-vr-base-size)*.5);padding-left:calc(var(--odx-vr-base-size)*.5);padding-right:calc(var(--odx-vr-base-size)*.5)}}.odx-content-box__content{padding:calc(var(--odx-vr-base-size)*1)}@media (max-width:419px){.odx-content-box__content{padding:calc(var(--odx-vr-base-size)*.5)}}.odx-area-header~.odx-content-box__content{padding-top:0}.odx-content-box .odx-area-header{padding-bottom:calc(var(--odx-vr-base-size)*1);padding-top:calc(var(--odx-vr-base-size)*1)}@media (max-width:419px){.odx-content-box .odx-area-header{padding-bottom:calc(var(--odx-vr-base-size)*.5);padding-top:calc(var(--odx-vr-base-size)*.5)}}.odx-icon{font-feature-settings:"liga";-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;aspect-ratio:1;direction:ltr;display:inline-block;font-size:calc(var(--odx-vr-base-size)*1);font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;margin-bottom:calc(var(--odx-vr-base-size)*0);margin-top:calc(var(--odx-vr-base-size)*0);overflow:hidden;position:relative;text-rendering:auto;text-transform:none;white-space:nowrap;width:calc(var(--odx-vr-base-size)*1)}.odx-icon.odx-icon--small{aspect-ratio:1;font-size:calc(var(--odx-vr-base-size)*.6667);margin-bottom:calc(var(--odx-vr-base-size)*.1667);margin-top:calc(var(--odx-vr-base-size)*.1667);width:calc(var(--odx-vr-base-size)*.6667)}.odx-icon.odx-icon--large{aspect-ratio:1;font-size:calc(var(--odx-vr-base-size)*1.3334);margin-bottom:calc(var(--odx-vr-base-size)*.3334);margin-top:calc(var(--odx-vr-base-size)*.3334);width:calc(var(--odx-vr-base-size)*1.3334)}.odx-icon.odx-icon--inline{font-size:inherit;height:auto;width:auto}.odx-link{border-radius:var(--odx-v-border-radius-controls);color:var(--odx-c-link);cursor:pointer;outline:var(--odx-v-focus-outline);outline-color:transparent;outline-offset:-1px;padding:0 2px;position:relative;transition:all var(--odx-v-transition-duration) 0ms var(--odx-v-transition-easing-fn);transition-property:color,background-color,outline;-webkit-user-select:none;-moz-user-select:none;user-select:none}.odx-link.is-disabled,.odx-link:disabled{cursor:not-allowed}.odx-link:focus-visible{background-color:var(--odx-c-focus);outline-color:var(--odx-c-focus-outline)}.odx-link:before{background-color:currentcolor;bottom:1px;content:"";height:1px;left:50%;position:absolute;transform:translateX(-50%);transition:all var(--odx-v-transition-duration) 0ms var(--odx-v-transition-easing-fn);transition-property:width;width:0}.odx-link:visited{color:var(--odx-c-link-visited)}.odx-link:hover{color:var(--odx-c-link-hover)}.odx-link:hover:before{width:98%}.odx-link:active{color:var(--odx-c-link-active)}.odx-link.is-disabled{color:var(--odx-c-link-disabled);pointer-events:none;text-decoration:none}.odx-link.is-disabled:before{content:none}:root{--odx-logo-color:var(--odx-c-primary);--odx-logo-color-inverse:var(--odx-c-text-inverse)}.odx-logo{aspect-ratio:2.5/1;background-color:var(--odx-logo-color);display:inline-block;height:calc(var(--odx-vr-base-size)*1);margin-bottom:calc(var(--odx-vr-base-size)*0);margin-top:calc(var(--odx-vr-base-size)*0);-webkit-mask-image:url(323d385340fb9fee6450.svg);mask-image:url(323d385340fb9fee6450.svg)}.odx-logo--inverse{background-color:var(--odx-logo-color-inverse)}.odx-logo--medium{height:calc(var(--odx-vr-base-size)*1.5)}.odx-logo--large,.odx-logo--medium{margin-bottom:calc(var(--odx-vr-base-size)*.25);margin-top:calc(var(--odx-vr-base-size)*.25)}.odx-logo--large{height:calc(var(--odx-vr-base-size)*2.5)}.odx-main-menu-button{color:var(--odx-c-control-text)}:root{--odx-main-menu-item-background-color:transparent;--odx-main-menu-item-background-color-hover:var(--white-5);--odx-main-menu-item-background-color-active:var(--odx-c-focus);--odx-main-menu-item-text-color:inherit;--odx-main-menu-item-text-color-disabled:var(--odx-c-primary-text-disabled)}.odx-main-menu-item{align-items:center;background-color:transparent;border-radius:var(--odx-v-border-radius);color:var(--odx-main-menu-item-text-color);cursor:pointer;display:flex;font-weight:var(--odx-t-font-weight-medium);height:calc(var(--odx-vr-base-size)*2.3334);margin-bottom:calc(var(--odx-vr-base-size)*.3334);margin-top:calc(var(--odx-vr-base-size)*.3334);outline:var(--odx-v-focus-outline);outline-color:transparent;outline-offset:-1px;overflow:hidden;padding-left:calc(var(--odx-vr-base-size)*.6667);padding-right:calc(var(--odx-vr-base-size)*.6667);text-overflow:ellipsis;transition:all var(--odx-v-transition-duration) 0ms var(--odx-v-transition-easing-fn);transition-property:color,background-color,outline;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.odx-main-menu-item.is-disabled,.odx-main-menu-item:disabled{cursor:not-allowed}.odx-main-menu-item:focus-visible{background-color:var(--odx-c-focus);outline-color:var(--odx-c-focus-outline)}.odx-main-menu-item:hover{background-color:var(--odx-main-menu-item-background-color-hover)}.odx-main-menu-item:active{background-color:var(--odx-main-menu-item-background-color-active)}.odx-main-menu-item.is-disabled,.odx-main-menu-item:disabled{background-color:transparent;color:var(--odx-main-menu-item-text-color-disabled)}.odx-main-menu-item>.odx-icon{margin-left:calc(var(--odx-vr-base-size)*-.3333);margin-right:calc(var(--odx-vr-base-size)*.3334)}:root{--odx-main-menu-max-width:100vw;--odx-main-menu-background-color:var(--odx-c-primary);--odx-main-menu-text-color:var(--odx-c-primary-text);--odx-main-menu-highlight-color:var(--odx-c-highlight)}@media (min-width:420px){:root{--odx-main-menu-max-width:min(100vw,384px)}}.odx-main-menu{--odx-area-header-title-color:var(--odx-main-menu-highlight-color);--odx-area-header-subtitle-color:var(--odx-c-text-inverse)}.odx-main-menu__inner{background-color:var(--odx-main-menu-background-color);color:var(--odx-main-menu-text-color);display:grid;grid-template-rows:auto auto 1fr auto auto;height:100%;left:0;max-height:100vh;max-width:var(--odx-main-menu-max-width);position:fixed;top:0;z-index:9000}.odx-main-menu__overlay{background-color:var(--odx-c-overlay);height:100%;left:0;position:absolute;top:0;width:100%;z-index:8999}.odx-main-menu__actions{height:calc(var(--odx-vr-base-size)*2);margin:calc(var(--odx-vr-base-size)*0) calc(var(--odx-vr-base-size)*.5)}.odx-main-menu__footer,.odx-main-menu__header{max-width:inherit}.odx-main-menu__close{align-self:flex-start;color:inherit}.odx-main-menu__content{display:flex;flex-direction:column;max-width:calc(var(--odx-main-menu-max-width) + var(--odx-vr-base-size)*2);min-height:calc(var(--odx-vr-base-size)*5);overflow:auto;padding-left:calc(var(--odx-vr-base-size)*.5);padding-right:calc(var(--odx-vr-base-size)*.5)}.odx-main-menu__content>*{flex:0 0 auto}.odx-main-menu__info{-moz-column-gap:calc(var(--odx-vr-base-size)*1);column-gap:calc(var(--odx-vr-base-size)*1);display:flex;flex-wrap:wrap;padding:calc(var(--odx-vr-base-size)*.5) calc(var(--odx-vr-base-size)*1)}@media (min-width:768px){.odx-main-menu__info{padding-bottom:calc(var(--odx-vr-base-size)*1);padding-top:calc(var(--odx-vr-base-size)*1)}}.odx-main-menu__footer{align-items:center;display:flex;display:grid;gap:calc(var(--odx-vr-base-size)*.5);grid-template-columns:1fr auto;height:calc(var(--odx-vr-base-size)*1);justify-content:center;margin-bottom:calc(var(--odx-vr-base-size)*0);margin-top:calc(var(--odx-vr-base-size)*0);padding:calc(var(--odx-vr-base-size)*.6667) calc(var(--odx-vr-base-size)*1) calc(var(--odx-vr-base-size)*1.3334);-webkit-user-select:none;-moz-user-select:none;user-select:none}.odx-main-menu__footer>.odx-main-menu__info,.odx-main-menu__footer>.odx-text{word-wrap:break-word;line-height:calc(var(--odx-vr-base-size)*.5);opacity:.3;padding-bottom:calc(var(--odx-vr-base-size)*0);padding-top:calc(var(--odx-vr-base-size)*0)}.odx-main-menu .odx-link:visited{color:var(--odx-c-link)}.odx-header{align-items:center;background-color:var(--odx-c-background-content);display:flex;height:calc(var(--odx-vr-base-size)*2);margin-bottom:calc(var(--odx-vr-base-size)*0);margin-top:calc(var(--odx-vr-base-size)*0);padding-left:calc(var(--odx-vr-base-size)*.8334);padding-right:calc(var(--odx-vr-base-size)*.5)}.odx-header .odx-main-menu-button{margin-left:calc(var(--odx-vr-base-size)*-.3333);margin-right:calc(var(--odx-vr-base-size)*.5)}.odx-header .odx-logo,.odx-header__title{margin-right:auto}.odx-header__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.odx-header .odx-action-group:not(:last-child){border-right:1px solid var(--odx-c-seperator);margin-right:calc(var(--odx-vr-base-size)*.5);padding-right:calc(var(--odx-vr-base-size)*.5)}.odx-header__title~.odx-logo{display:none}:root{--odx-radio-button-color:var(--odx-c-highlight-text);--odx-radio-button-color-disabled:var(--odx-c-control-text-disabled);--odx-radio-button-background-color:var(--odx-c-control);--odx-radio-button-background-color-active:var(--odx-c-highlight);--odx-radio-button-background-color-disabled:var(--odx-c-control-disabled);--odx-radio-button-background-color-readonly:var(--white);--odx-radio-button-border-color:var(--odx-c-control-disabled);--odx-radio-button-border-color-active:var(--odx-c-highlight);--odx-radio-button-border-color-hover:var(--odx-c-control-hover);--odx-radio-button-border-color-readonly:var(--odx-c-control-disabled);--odx-radio-button-label-color:var(--odx-c-text);--odx-radio-button-label-color-disabled:var(--odx-c-text-disabled)}.odx-radio-group{display:block;padding-bottom:calc(var(--odx-vr-base-size)*.5);padding-top:calc(var(--odx-vr-base-size)*.5)}.odx-radio-group--horizontal{-moz-column-gap:calc(var(--odx-vr-base-size)*.5);column-gap:calc(var(--odx-vr-base-size)*.5);display:flex;flex-wrap:wrap}.odx-radio-button{color:var(--odx-radio-button-label-color);display:block}.odx-radio-button.is-disabled,.odx-radio-button.is-readonly{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.odx-radio-button.is-disabled{color:var(--odx-radio-button-label-color-disabled)}.odx-radio-button__label{border-radius:var(--odx-v-border-radius-controls);border-radius:calc(var(--odx-vr-base-size)*.5);border-bottom-right-radius:var(--odx-v-border-radius-controls);border-top-right-radius:var(--odx-v-border-radius-controls);color:inherit;cursor:pointer;display:inline-flex;font-size:calc(var(--odx-t-base-size)*1);line-height:calc(var(--odx-vr-base-size)*1);min-height:calc(var(--odx-vr-base-size)*1);outline:var(--odx-v-focus-outline);outline-color:transparent;outline-offset:-1px;padding:0 2px;transition:all var(--odx-v-transition-duration) 0ms var(--odx-v-transition-easing-fn);transition-property:background-color,color,outline;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:top}.odx-radio-button__label.is-disabled,.odx-radio-button__label:disabled{cursor:not-allowed}.odx-radio-button__label.has-focus{background-color:var(--odx-c-focus);outline-color:var(--odx-c-focus-outline)}.odx-radio-button__label:focus-within:has(:focus-visible){background-color:var(--odx-c-focus);outline-color:var(--odx-c-focus-outline)}.odx-radio-button__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:0;margin:0;opacity:0;outline:none!important;padding:0;position:absolute;width:0}.odx-radio-button__indicator{align-items:center;aspect-ratio:1;background-color:var(--odx-radio-button-background-color);border:1px solid var(--odx-radio-button-border-color);border-radius:50%;box-sizing:border-box;color:var(--odx-radio-button-color);display:flex;flex:0 0 auto;justify-content:center;margin-bottom:calc(var(--odx-vr-base-size)*.0834);margin-top:calc(var(--odx-vr-base-size)*.0834);transition:all var(--odx-v-transition-duration) 0ms var(--odx-v-transition-easing-fn);transition-property:background-color,border-color;width:calc(var(--odx-vr-base-size)*.8334)}.odx-radio-button__indicator:before{aspect-ratio:1;background-color:currentcolor;border-radius:50%;content:"";margin-bottom:calc(var(--odx-vr-base-size)*0);margin-top:calc(var(--odx-vr-base-size)*0);transform:scale(0);transition:all var(--odx-v-transition-duration) 0ms var(--odx-v-transition-easing-fn);transition-property:transform;width:calc(var(--odx-vr-base-size)*.1667)}.odx-radio-button:hover .odx-radio-button__indicator{border-color:var(--odx-radio-button-border-color-hover)}.odx-radio-button__input:checked~.odx-radio-button__indicator{background-color:var(--odx-radio-button-background-color-active);border-color:var(--odx-radio-button-border-color-active)}.odx-radio-button.has-error .odx-radio-button__indicator{background-color:var(--odx-c-error);border-color:var(--odx-c-error-outline);color:var(--odx-c-error-text)}.odx-radio-button.has-error:hover .odx-radio-button__indicator{border-color:var(--odx-c-error-outline-hover)}.odx-radio-button.is-disabled .odx-radio-button__indicator{background-color:var(--odx-radio-button-background-color-disabled);border-color:transparent;color:var(--odx-radio-button-color-disabled)}.odx-radio-button.is-readonly .odx-radio-button__indicator{background-color:var(--odx-radio-button-background-color-readonly);border-color:var(--odx-radio-button-border-color-readonly);color:inherit}.odx-radio-button__content{margin-left:calc(var(--odx-vr-base-size)*.5);padding-left:2px}.odx-radio-button__content:empty{margin:0;padding:0}.odx-radio-button__input:checked~.odx-radio-button__indicator:before{transform:scale(1)}.odx-radio-button--no-label .odx-radio-button__label{border-radius:calc(var(--odx-vr-base-size)*.5)}
1
+ :root{--white:#fff;--black:#060a12;--white-5:hsla(0,0%,100%,.05);--white-60:hsla(0,0%,100%,.6);--gray-50:#f5f7fa;--gray-100:#e9eef4;--gray-200:#dde5ee;--gray-300:#c7d3e0;--gray-400:#b2c1d2;--gray-500:#9eb0c2;--gray-600:#8b9fb1;--gray-700:#798ea0;--gray-800:#697c8c;--gray-900:#5d6a74;--blue-50:#d5e2f6;--blue-100:#a8c4f0;--blue-200:#79a5ec;--blue-300:#4786eb;--blue-400:#1f65d7;--blue-500:#0a51c2;--blue-600:#043c95;--blue-700:#002766;--blue-800:#001433;--blue-900:#000205;--blue-700-5:rgba(0,39,102,.05);--blue-700-10:rgba(0,39,102,.1);--blue-700-25:rgba(0,39,102,.25);--blue-800-30:rgba(0,20,51,.3);--cyan-50:#cbe9ff;--cyan-100:#9dd7ff;--cyan-200:#70c4ff;--cyan-300:#47b3ff;--cyan-400:#1fa2ff;--cyan-500:#0091f7;--cyan-600:#007ad1;--cyan-700:#0065ad;--cyan-800:#00508a;--cyan-900:#003c66;--cyan-500-15:rgba(0,145,247,.15);--red-00:#ffe0e3;--red-50:#ffb4b4;--red-100:#ff9898;--red-200:#ff7b7b;--red-300:#ff5c5c;--red-400:#ff2020;--red-500:#f30303;--red-600:#d70202;--red-700:#bc0000;--red-800:#970000;--red-900:#700000;--yellow-50:#fffad7;--yellow-100:#fff7b8;--yellow-200:#fff18a;--yellow-300:#ffed72;--yellow-400:#ffea46;--yellow-500:#ffe300;--yellow-600:#e7cc00;--yellow-700:#bea800;--yellow-800:#988600;--yellow-900:#7c6d00;--green-00:#d1ffdf;--green-50:#b7ffc6;--green-100:#93ffaa;--green-200:#6aff8b;--green-300:#36ff62;--green-400:#0bf23e;--green-500:#00dd31;--green-600:#00c92c;--green-700:#00aa25;--green-800:#00851d;--green-900:#006616;--orange-50:#fff6ed;--orange-100:#ffebd6;--orange-200:#ffd4a8;--orange-300:#ffd4a8;--orange-400:#ffa64d;--orange-500:#ff8f1f;--orange-600:#f57a00;--orange-700:#c60;--orange-800:#a35200;--orange-900:#7a3d00;--odx-c-headline:var(--blue-700);--odx-c-text:var(--blue-700);--odx-c-text-inverse:var(--white);--odx-c-text-disabled:var(--gray-500);--odx-c-link:var(--odx-c-highlight);--odx-c-link-hover:var(--odx-c-highlight-hover);--odx-c-link-active:var(--odx-c-highlight-active);--odx-c-link-disabled:var(--odx-c-text-disabled);--odx-c-link-visited:var(--blue-600);--odx-c-error:var(--red-00);--odx-c-error-outline:var(--red-50);--odx-c-error-outline-hover:var(--red-100);--odx-c-error-text:var(--red-600);--odx-c-focus:var(--cyan-500-15);--odx-c-focus-outline:var(--cyan-300);--odx-c-selection:var(--cyan-300);--odx-c-backdrop:var(--white-60);--odx-c-backdrop-dark:var(--blue-800-30);--odx-c-backdrop-box-shadow:var(--blue-800-30);--odx-c-seperator:var(--gray-200);--odx-c-background:var(--gray-50);--odx-c-background-content:var(--white);--odx-c-highlight:var(--cyan-500);--odx-c-highlight-hover:var(--cyan-600);--odx-c-highlight-active:var(--cyan-700);--odx-c-highlight-disabled:var(--odx-c-highlight);--odx-c-highlight-text:var(--odx-c-text-inverse);--odx-c-highlight-text-disabled:var(--cyan-800);--odx-c-primary:var(--blue-700);--odx-c-primary-hover:var(--blue-800);--odx-c-primary-active:var(--blue-900);--odx-c-primary-disabled:var(--odx-c-primary);--odx-c-primary-text:var(--odx-c-text-inverse);--odx-c-primary-text-disabled:var(--blue-400);--odx-c-secondary:var(--gray-300);--odx-c-secondary-hover:var(--gray-400);--odx-c-secondary-active:var(--gray-500);--odx-c-secondary-disabled:var(--gray-300);--odx-c-secondary-text:var(--odx-c-text);--odx-c-secondary-text-disabled:var(--gray-700);--odx-c-success:var(--green-500);--odx-c-success-hover:var(--green-600);--odx-c-success-active:var(--green-700);--odx-c-success-disabled:var(--green-500);--odx-c-success-text:var(--odx-c-text);--odx-c-success-text-disabled:var(--green-800);--odx-c-warning:var(--yellow-500);--odx-c-warning-hover:var(--yellow-600);--odx-c-warning-active:var(--yellow-700);--odx-c-warning-disabled:var(--yellow-500);--odx-c-warning-text:var(--odx-c-text);--odx-c-warning-text-disabled:var(--yellow-800);--odx-c-danger:var(--red-500);--odx-c-danger-hover:var(--red-600);--odx-c-danger-active:var(--red-700);--odx-c-danger-disabled:var(--red-500);--odx-c-danger-text:var(--odx-c-text-inverse);--odx-c-danger-text-disabled:var(--red-800);--odx-c-confirmation:var(--orange-500);--odx-c-confirmation-hover:var(--orange-600);--odx-c-confirmation-active:var(--orange-700);--odx-c-confirmation-disabled:var(--orange-500);--odx-c-confirmation-text:var(--odx-c-text);--odx-c-confirmation-text-disabled:var(--orange-800);--odx-control-color:var(--odx-c-text);--odx-control-background-color:var(--gray-200);--odx-control-outline-color:var(--gray-300);--odx-control-color-hover:var(--odx-c-text);--odx-control-background-color-hover:var(--gray-300);--odx-control-outline-color-hover:var(--gray-400);--odx-control-color-selected:var(--odx-c-highlight-text);--odx-control-background-color-selected:var(--odx-c-highlight);--odx-control-outline-color-selected:var(--odx-c-highlight);--odx-control-color-disabled:var(--gray-600);--odx-control-background-color-disabled:var(--gray-100);--odx-control-outline-color-disabled:transparent;--odx-control-color-readonly:var(--odx-control-color);--odx-control-background-color-readonly:transparent;--odx-control-outline-color-readonly:var(--odx-control-color);--odx-control-color-error:var(--odx-c-error-text);--odx-control-background-color-error:var(--odx-c-error);--odx-control-outline-color-error:var(--odx-c-error-outline);--odx-control-outline-color-error-hover:var(--odx-c-error-outline-hover);--odx-input-control-color:var(--odx-c-text);--odx-input-control-background-color:var(--gray-100);--odx-input-control-outline-color:var(--gray-200);--odx-input-control-placeholder-color:var(--blue-700-25);--odx-input-control-color-hover:var(--odx-c-text);--odx-input-control-background-color-hover:var(--gray-200);--odx-input-control-outline-color-hover:var(--gray-300);--odx-input-control-color-disabled:var(--gray-500);--odx-input-control-background-color-disabled:var(--gray-50);--odx-input-control-outline-color-disabled:transparent;--odx-input-control-color-readonly:var(--odx-control-color);--odx-input-control-background-color-readonly:transparent;--odx-input-control-outline-color-readonly:var(--odx-control-outline-color);--odx-input-control-color-error:var(--odx-c-error-text);--odx-input-control-background-color-error:var(--odx-c-error);--odx-input-control-outline-color-error:var(--odx-c-error-outline);--odx-input-control-outline-color-error-hover:var(--odx-c-error-outline-hover);--odx-typography-base-size:16px;--odx-typography-base-line-height:1.5;--odx-typography-font-weight-normal:normal;--odx-typography-font-weight-normal-letter-spacing:0;--odx-typography-font-weight-medium:500;--odx-typography-font-weight-medium-letter-spacing:-0.19px;--odx-typography-font-weight-bold:bold;--odx-typography-font-weight-bold-letter-spacing:0;--odx-typography-positive-font-scaling-factor:1.125;--odx-typography-negative-font-scaling-factor:1.2}@media (min-width:768px){:root{--odx-typography-positive-font-scaling-factor:1.25}}:root{--odx-vertical-rythm-base-size:calc(var(--odx-typography-base-line-height)*var(--odx-typography-base-size));--odx-v-border-radius:calc(var(--odx-typography-base-size)*0.375);--odx-v-border-radius-controls:calc(var(--odx-typography-base-size)*0.19);--odx-v-backdrop-blur:5px;--odx-v-backdrop-box-shadow-layer-2:0 4px 12px 0 var(--odx-c-backdrop-box-shadow);--odx-v-transition-duration:200ms;--odx-v-transition-easing-fn:ease;--odx-v-outline:1px solid transparent;--odx-v-outline-offset:-1px;--odx-v-scrollbar-track-color:transparent;--odx-v-scrollbar-thumb-color:var(--gray-600);--odx-v-scrollbar-thumb-color-hover:var(--gray-700)}*{box-sizing:border-box}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,button,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,input,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,select,small,span,strike,strong,sub,summary,sup,table,tbody,td,textarea,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;color:inherit;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none}input,select,textarea{background-color:transparent;line-height:inherit;min-height:inherit;outline:none}button,select{cursor:pointer}::-moz-selection{background-color:var(--odx-c-selection)}::selection{background-color:var(--odx-c-selection)}*{scrollbar-color:var(--odx-v-scrollbar-thumb-color) var(--odx-v-scrollbar-track-color)}::-webkit-scrollbar{-webkit-appearance:none;appearance:none;width:12px}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{border:3px solid transparent}::-webkit-scrollbar-track{background-color:var(--odx-v-scrollbar-track-color)}::-webkit-scrollbar-thumb{background-clip:content-box;background-color:var(--odx-v-scrollbar-thumb-color);border-radius:var(--odx-v-border-radius)}@media (hover:hover){::-webkit-scrollbar-thumb:hover{background-color:var(--odx-v-scrollbar-thumb-color-hover)}}:root{--odx-grid-gutter:calc(var(--odx-vertical-rythm-base-size)*1);--odx-grid-gutter-small:calc(var(--odx-vertical-rythm-base-size)*0.3334)}[odxLayout~=flex],[odxLayout~=grid]{gap:var(--odx-grid-gutter)}[odxLayout~=flex][odxLayout~=gap-small],[odxLayout~=grid][odxLayout~=gap-small]{gap:var(--odx-grid-gutter-small)}[odxLayout~=flex][odxLayout~=gap-none],[odxLayout~=grid][odxLayout~=gap-none]{gap:0}[odxLayout~=flex][odxLayout~=gap-row-none],[odxLayout~=grid][odxLayout~=gap-row-none]{row-gap:0}[odxLayout~=flex][odxLayout~=gap-column-none],[odxLayout~=grid][odxLayout~=gap-column-none]{-moz-column-gap:0;column-gap:0}[odxLayout~=flex][odxLayout~=vertical-center],[odxLayout~=grid][odxLayout~=vertical-center]{align-items:center}[odxLayout~=flex][odxLayout~=vertical-start],[odxLayout~=grid][odxLayout~=vertical-start]{align-items:flex-start}[odxLayout~=flex][odxLayout~=vertical-end],[odxLayout~=grid][odxLayout~=vertical-end]{align-items:flex-end}[odxLayout~=flex][odxLayout~=horizontal-center],[odxLayout~=grid][odxLayout~=horizontal-center]{justify-items:center}[odxLayout~=flex][odxLayout~=horizontal-start],[odxLayout~=grid][odxLayout~=horizontal-start]{justify-items:flex-start}[odxLayout~=flex][odxLayout~=horizontal-end],[odxLayout~=grid][odxLayout~=horizontal-end]{justify-items:flex-end}[odxLayout~=flex] [odxLayout~=first],[odxLayout~=grid] [odxLayout~=first]{order:-1}[odxLayout~=flex] [odxLayout~=last],[odxLayout~=grid] [odxLayout~=last]{order:12}[odxLayout~=flex] [odxLayout~=seperator],[odxLayout~=grid] [odxLayout~=seperator]{background-clip:content-box;border-color:var(--odx-c-seperator);border-style:solid}[odxLayout~=flex] [odxLayout~=seperator][odxLayout~=right],[odxLayout~=grid] [odxLayout~=seperator][odxLayout~=right]{border-right-width:1px;margin-right:calc(var(--odx-grid-gutter)*-.5);padding-right:calc(var(--odx-grid-gutter)*.5)}[odxLayout~=flex] [odxLayout~=seperator][odxLayout~=left],[odxLayout~=grid] [odxLayout~=seperator][odxLayout~=left]{border-left-width:1px;margin-left:calc(var(--odx-grid-gutter)*-.5);padding-left:calc(var(--odx-grid-gutter)*.5)}[odxLayout~=flex]{display:flex}[odxLayout~=flex][odxLayout~=inline]{display:inline-flex}[odxLayout~=flex][odxLayout~=wrap]{flex-wrap:wrap}[odxLayout~=flex] [odxLayout~=auto]{flex:1 1 auto}[odxLayout~=grid]{display:grid;grid-template-columns:repeat(12,1fr)}[odxLayout~=grid][odxLayout~=inline]{display:inline-grid}[odxLayout~=grid][odxLayout*="@desktop"],[odxLayout~=grid][odxLayout*="@desktop-s"],[odxLayout~=grid][odxLayout*="@phone"],[odxLayout~=grid][odxLayout*="@phone-s"],[odxLayout~=grid][odxLayout*="@tablet"]{grid-template-columns:12fr}[odxLayout~=grid][odxLayout~="1"]{grid-template-columns:repeat(12,1fr)}[odxLayout~=grid] [odxLayout~="1"]{grid-column:span 1/span 1}[odxLayout~=grid] [odxLayout~=offset-1]{grid-column-start:1!important}[odxLayout~=grid][odxLayout~="2"]{grid-template-columns:repeat(6,1fr)}[odxLayout~=grid] [odxLayout~="2"]{grid-column:span 2/span 2}[odxLayout~=grid] [odxLayout~=offset-2]{grid-column-start:2!important}[odxLayout~=grid][odxLayout~="3"]{grid-template-columns:repeat(4,1fr)}[odxLayout~=grid] [odxLayout~="3"]{grid-column:span 3/span 3}[odxLayout~=grid] [odxLayout~=offset-3]{grid-column-start:3!important}[odxLayout~=grid][odxLayout~="4"]{grid-template-columns:repeat(3,1fr)}[odxLayout~=grid] [odxLayout~="4"]{grid-column:span 4/span 4}[odxLayout~=grid] [odxLayout~=offset-4]{grid-column-start:4!important}[odxLayout~=grid][odxLayout~="5"]{grid-template-columns:repeat(2.4,1fr)}[odxLayout~=grid] [odxLayout~="5"]{grid-column:span 5/span 5}[odxLayout~=grid] [odxLayout~=offset-5]{grid-column-start:5!important}[odxLayout~=grid][odxLayout~="6"]{grid-template-columns:repeat(2,1fr)}[odxLayout~=grid] [odxLayout~="6"]{grid-column:span 6/span 6}[odxLayout~=grid] [odxLayout~=offset-6]{grid-column-start:6!important}[odxLayout~=grid][odxLayout~="7"]{grid-template-columns:repeat(1.7142857143,1fr)}[odxLayout~=grid] [odxLayout~="7"]{grid-column:span 7/span 7}[odxLayout~=grid] [odxLayout~=offset-7]{grid-column-start:7!important}[odxLayout~=grid][odxLayout~="8"]{grid-template-columns:repeat(1.5,1fr)}[odxLayout~=grid] [odxLayout~="8"]{grid-column:span 8/span 8}[odxLayout~=grid] [odxLayout~=offset-8]{grid-column-start:8!important}[odxLayout~=grid][odxLayout~="9"]{grid-template-columns:repeat(1.3333333333,1fr)}[odxLayout~=grid] [odxLayout~="9"]{grid-column:span 9/span 9}[odxLayout~=grid] [odxLayout~=offset-9]{grid-column-start:9!important}[odxLayout~=grid][odxLayout~="10"]{grid-template-columns:repeat(1.2,1fr)}[odxLayout~=grid] [odxLayout~="10"]{grid-column:span 10/span 10}[odxLayout~=grid] [odxLayout~=offset-10]{grid-column-start:10!important}[odxLayout~=grid][odxLayout~="11"]{grid-template-columns:repeat(1.0909090909,1fr)}[odxLayout~=grid] [odxLayout~="11"]{grid-column:span 11/span 11}[odxLayout~=grid] [odxLayout~=offset-11]{grid-column-start:11!important}[odxLayout~=grid][odxLayout~="12"]{grid-template-columns:repeat(1,1fr)}[odxLayout~=grid] [odxLayout~="12"]{grid-column:span 12/span 12}[odxLayout~=grid] [odxLayout~=offset-12]{grid-column-start:12!important}@media (min-width:360px){[odxLayout~=grid][odxLayout~="1@phone-s"]{grid-template-columns:repeat(12,1fr)}[odxLayout~=grid] [odxLayout~="1@phone-s"]{grid-column:span 1/span 1}[odxLayout~=grid] [odxLayout~="offset-1@phone-s"]{grid-column-start:1!important}[odxLayout~=grid][odxLayout~="2@phone-s"]{grid-template-columns:repeat(6,1fr)}[odxLayout~=grid] [odxLayout~="2@phone-s"]{grid-column:span 2/span 2}[odxLayout~=grid] [odxLayout~="offset-2@phone-s"]{grid-column-start:2!important}[odxLayout~=grid][odxLayout~="3@phone-s"]{grid-template-columns:repeat(4,1fr)}[odxLayout~=grid] [odxLayout~="3@phone-s"]{grid-column:span 3/span 3}[odxLayout~=grid] [odxLayout~="offset-3@phone-s"]{grid-column-start:3!important}[odxLayout~=grid][odxLayout~="4@phone-s"]{grid-template-columns:repeat(3,1fr)}[odxLayout~=grid] [odxLayout~="4@phone-s"]{grid-column:span 4/span 4}[odxLayout~=grid] [odxLayout~="offset-4@phone-s"]{grid-column-start:4!important}[odxLayout~=grid][odxLayout~="5@phone-s"]{grid-template-columns:repeat(2.4,1fr)}[odxLayout~=grid] [odxLayout~="5@phone-s"]{grid-column:span 5/span 5}[odxLayout~=grid] [odxLayout~="offset-5@phone-s"]{grid-column-start:5!important}[odxLayout~=grid][odxLayout~="6@phone-s"]{grid-template-columns:repeat(2,1fr)}[odxLayout~=grid] [odxLayout~="6@phone-s"]{grid-column:span 6/span 6}[odxLayout~=grid] [odxLayout~="offset-6@phone-s"]{grid-column-start:6!important}[odxLayout~=grid][odxLayout~="7@phone-s"]{grid-template-columns:repeat(1.7142857143,1fr)}[odxLayout~=grid] [odxLayout~="7@phone-s"]{grid-column:span 7/span 7}[odxLayout~=grid] [odxLayout~="offset-7@phone-s"]{grid-column-start:7!important}[odxLayout~=grid][odxLayout~="8@phone-s"]{grid-template-columns:repeat(1.5,1fr)}[odxLayout~=grid] [odxLayout~="8@phone-s"]{grid-column:span 8/span 8}[odxLayout~=grid] [odxLayout~="offset-8@phone-s"]{grid-column-start:8!important}[odxLayout~=grid][odxLayout~="9@phone-s"]{grid-template-columns:repeat(1.3333333333,1fr)}[odxLayout~=grid] [odxLayout~="9@phone-s"]{grid-column:span 9/span 9}[odxLayout~=grid] [odxLayout~="offset-9@phone-s"]{grid-column-start:9!important}[odxLayout~=grid][odxLayout~="10@phone-s"]{grid-template-columns:repeat(1.2,1fr)}[odxLayout~=grid] [odxLayout~="10@phone-s"]{grid-column:span 10/span 10}[odxLayout~=grid] [odxLayout~="offset-10@phone-s"]{grid-column-start:10!important}[odxLayout~=grid][odxLayout~="11@phone-s"]{grid-template-columns:repeat(1.0909090909,1fr)}[odxLayout~=grid] [odxLayout~="11@phone-s"]{grid-column:span 11/span 11}[odxLayout~=grid] [odxLayout~="offset-11@phone-s"]{grid-column-start:11!important}[odxLayout~=grid][odxLayout~="12@phone-s"]{grid-template-columns:repeat(1,1fr)}[odxLayout~=grid] [odxLayout~="12@phone-s"]{grid-column:span 12/span 12}[odxLayout~=grid] [odxLayout~="offset-12@phone-s"]{grid-column-start:12!important}[odxLayout~=grid] [odxLayout~="first@phone-s"]{order:-1}[odxLayout~=grid] [odxLayout~="last@phone-s"]{order:12}}@media (min-width:420px){[odxLayout~=grid][odxLayout~="1@phone"]{grid-template-columns:repeat(12,1fr)}[odxLayout~=grid] [odxLayout~="1@phone"]{grid-column:span 1/span 1}[odxLayout~=grid] [odxLayout~="offset-1@phone"]{grid-column-start:1!important}[odxLayout~=grid][odxLayout~="2@phone"]{grid-template-columns:repeat(6,1fr)}[odxLayout~=grid] [odxLayout~="2@phone"]{grid-column:span 2/span 2}[odxLayout~=grid] [odxLayout~="offset-2@phone"]{grid-column-start:2!important}[odxLayout~=grid][odxLayout~="3@phone"]{grid-template-columns:repeat(4,1fr)}[odxLayout~=grid] [odxLayout~="3@phone"]{grid-column:span 3/span 3}[odxLayout~=grid] [odxLayout~="offset-3@phone"]{grid-column-start:3!important}[odxLayout~=grid][odxLayout~="4@phone"]{grid-template-columns:repeat(3,1fr)}[odxLayout~=grid] [odxLayout~="4@phone"]{grid-column:span 4/span 4}[odxLayout~=grid] [odxLayout~="offset-4@phone"]{grid-column-start:4!important}[odxLayout~=grid][odxLayout~="5@phone"]{grid-template-columns:repeat(2.4,1fr)}[odxLayout~=grid] [odxLayout~="5@phone"]{grid-column:span 5/span 5}[odxLayout~=grid] [odxLayout~="offset-5@phone"]{grid-column-start:5!important}[odxLayout~=grid][odxLayout~="6@phone"]{grid-template-columns:repeat(2,1fr)}[odxLayout~=grid] [odxLayout~="6@phone"]{grid-column:span 6/span 6}[odxLayout~=grid] [odxLayout~="offset-6@phone"]{grid-column-start:6!important}[odxLayout~=grid][odxLayout~="7@phone"]{grid-template-columns:repeat(1.7142857143,1fr)}[odxLayout~=grid] [odxLayout~="7@phone"]{grid-column:span 7/span 7}[odxLayout~=grid] [odxLayout~="offset-7@phone"]{grid-column-start:7!important}[odxLayout~=grid][odxLayout~="8@phone"]{grid-template-columns:repeat(1.5,1fr)}[odxLayout~=grid] [odxLayout~="8@phone"]{grid-column:span 8/span 8}[odxLayout~=grid] [odxLayout~="offset-8@phone"]{grid-column-start:8!important}[odxLayout~=grid][odxLayout~="9@phone"]{grid-template-columns:repeat(1.3333333333,1fr)}[odxLayout~=grid] [odxLayout~="9@phone"]{grid-column:span 9/span 9}[odxLayout~=grid] [odxLayout~="offset-9@phone"]{grid-column-start:9!important}[odxLayout~=grid][odxLayout~="10@phone"]{grid-template-columns:repeat(1.2,1fr)}[odxLayout~=grid] [odxLayout~="10@phone"]{grid-column:span 10/span 10}[odxLayout~=grid] [odxLayout~="offset-10@phone"]{grid-column-start:10!important}[odxLayout~=grid][odxLayout~="11@phone"]{grid-template-columns:repeat(1.0909090909,1fr)}[odxLayout~=grid] [odxLayout~="11@phone"]{grid-column:span 11/span 11}[odxLayout~=grid] [odxLayout~="offset-11@phone"]{grid-column-start:11!important}[odxLayout~=grid][odxLayout~="12@phone"]{grid-template-columns:repeat(1,1fr)}[odxLayout~=grid] [odxLayout~="12@phone"]{grid-column:span 12/span 12}[odxLayout~=grid] [odxLayout~="offset-12@phone"]{grid-column-start:12!important}[odxLayout~=grid] [odxLayout~="first@phone"]{order:-1}[odxLayout~=grid] [odxLayout~="last@phone"]{order:12}}@media (min-width:768px){[odxLayout~=grid][odxLayout~="1@tablet"]{grid-template-columns:repeat(12,1fr)}[odxLayout~=grid] [odxLayout~="1@tablet"]{grid-column:span 1/span 1}[odxLayout~=grid] [odxLayout~="offset-1@tablet"]{grid-column-start:1!important}[odxLayout~=grid][odxLayout~="2@tablet"]{grid-template-columns:repeat(6,1fr)}[odxLayout~=grid] [odxLayout~="2@tablet"]{grid-column:span 2/span 2}[odxLayout~=grid] [odxLayout~="offset-2@tablet"]{grid-column-start:2!important}[odxLayout~=grid][odxLayout~="3@tablet"]{grid-template-columns:repeat(4,1fr)}[odxLayout~=grid] [odxLayout~="3@tablet"]{grid-column:span 3/span 3}[odxLayout~=grid] [odxLayout~="offset-3@tablet"]{grid-column-start:3!important}[odxLayout~=grid][odxLayout~="4@tablet"]{grid-template-columns:repeat(3,1fr)}[odxLayout~=grid] [odxLayout~="4@tablet"]{grid-column:span 4/span 4}[odxLayout~=grid] [odxLayout~="offset-4@tablet"]{grid-column-start:4!important}[odxLayout~=grid][odxLayout~="5@tablet"]{grid-template-columns:repeat(2.4,1fr)}[odxLayout~=grid] [odxLayout~="5@tablet"]{grid-column:span 5/span 5}[odxLayout~=grid] [odxLayout~="offset-5@tablet"]{grid-column-start:5!important}[odxLayout~=grid][odxLayout~="6@tablet"]{grid-template-columns:repeat(2,1fr)}[odxLayout~=grid] [odxLayout~="6@tablet"]{grid-column:span 6/span 6}[odxLayout~=grid] [odxLayout~="offset-6@tablet"]{grid-column-start:6!important}[odxLayout~=grid][odxLayout~="7@tablet"]{grid-template-columns:repeat(1.7142857143,1fr)}[odxLayout~=grid] [odxLayout~="7@tablet"]{grid-column:span 7/span 7}[odxLayout~=grid] [odxLayout~="offset-7@tablet"]{grid-column-start:7!important}[odxLayout~=grid][odxLayout~="8@tablet"]{grid-template-columns:repeat(1.5,1fr)}[odxLayout~=grid] [odxLayout~="8@tablet"]{grid-column:span 8/span 8}[odxLayout~=grid] [odxLayout~="offset-8@tablet"]{grid-column-start:8!important}[odxLayout~=grid][odxLayout~="9@tablet"]{grid-template-columns:repeat(1.3333333333,1fr)}[odxLayout~=grid] [odxLayout~="9@tablet"]{grid-column:span 9/span 9}[odxLayout~=grid] [odxLayout~="offset-9@tablet"]{grid-column-start:9!important}[odxLayout~=grid][odxLayout~="10@tablet"]{grid-template-columns:repeat(1.2,1fr)}[odxLayout~=grid] [odxLayout~="10@tablet"]{grid-column:span 10/span 10}[odxLayout~=grid] [odxLayout~="offset-10@tablet"]{grid-column-start:10!important}[odxLayout~=grid][odxLayout~="11@tablet"]{grid-template-columns:repeat(1.0909090909,1fr)}[odxLayout~=grid] [odxLayout~="11@tablet"]{grid-column:span 11/span 11}[odxLayout~=grid] [odxLayout~="offset-11@tablet"]{grid-column-start:11!important}[odxLayout~=grid][odxLayout~="12@tablet"]{grid-template-columns:repeat(1,1fr)}[odxLayout~=grid] [odxLayout~="12@tablet"]{grid-column:span 12/span 12}[odxLayout~=grid] [odxLayout~="offset-12@tablet"]{grid-column-start:12!important}[odxLayout~=grid] [odxLayout~="first@tablet"]{order:-1}[odxLayout~=grid] [odxLayout~="last@tablet"]{order:12}}@media (min-width:960px){[odxLayout~=grid][odxLayout~="1@desktop-s"]{grid-template-columns:repeat(12,1fr)}[odxLayout~=grid] [odxLayout~="1@desktop-s"]{grid-column:span 1/span 1}[odxLayout~=grid] [odxLayout~="offset-1@desktop-s"]{grid-column-start:1!important}[odxLayout~=grid][odxLayout~="2@desktop-s"]{grid-template-columns:repeat(6,1fr)}[odxLayout~=grid] [odxLayout~="2@desktop-s"]{grid-column:span 2/span 2}[odxLayout~=grid] [odxLayout~="offset-2@desktop-s"]{grid-column-start:2!important}[odxLayout~=grid][odxLayout~="3@desktop-s"]{grid-template-columns:repeat(4,1fr)}[odxLayout~=grid] [odxLayout~="3@desktop-s"]{grid-column:span 3/span 3}[odxLayout~=grid] [odxLayout~="offset-3@desktop-s"]{grid-column-start:3!important}[odxLayout~=grid][odxLayout~="4@desktop-s"]{grid-template-columns:repeat(3,1fr)}[odxLayout~=grid] [odxLayout~="4@desktop-s"]{grid-column:span 4/span 4}[odxLayout~=grid] [odxLayout~="offset-4@desktop-s"]{grid-column-start:4!important}[odxLayout~=grid][odxLayout~="5@desktop-s"]{grid-template-columns:repeat(2.4,1fr)}[odxLayout~=grid] [odxLayout~="5@desktop-s"]{grid-column:span 5/span 5}[odxLayout~=grid] [odxLayout~="offset-5@desktop-s"]{grid-column-start:5!important}[odxLayout~=grid][odxLayout~="6@desktop-s"]{grid-template-columns:repeat(2,1fr)}[odxLayout~=grid] [odxLayout~="6@desktop-s"]{grid-column:span 6/span 6}[odxLayout~=grid] [odxLayout~="offset-6@desktop-s"]{grid-column-start:6!important}[odxLayout~=grid][odxLayout~="7@desktop-s"]{grid-template-columns:repeat(1.7142857143,1fr)}[odxLayout~=grid] [odxLayout~="7@desktop-s"]{grid-column:span 7/span 7}[odxLayout~=grid] [odxLayout~="offset-7@desktop-s"]{grid-column-start:7!important}[odxLayout~=grid][odxLayout~="8@desktop-s"]{grid-template-columns:repeat(1.5,1fr)}[odxLayout~=grid] [odxLayout~="8@desktop-s"]{grid-column:span 8/span 8}[odxLayout~=grid] [odxLayout~="offset-8@desktop-s"]{grid-column-start:8!important}[odxLayout~=grid][odxLayout~="9@desktop-s"]{grid-template-columns:repeat(1.3333333333,1fr)}[odxLayout~=grid] [odxLayout~="9@desktop-s"]{grid-column:span 9/span 9}[odxLayout~=grid] [odxLayout~="offset-9@desktop-s"]{grid-column-start:9!important}[odxLayout~=grid][odxLayout~="10@desktop-s"]{grid-template-columns:repeat(1.2,1fr)}[odxLayout~=grid] [odxLayout~="10@desktop-s"]{grid-column:span 10/span 10}[odxLayout~=grid] [odxLayout~="offset-10@desktop-s"]{grid-column-start:10!important}[odxLayout~=grid][odxLayout~="11@desktop-s"]{grid-template-columns:repeat(1.0909090909,1fr)}[odxLayout~=grid] [odxLayout~="11@desktop-s"]{grid-column:span 11/span 11}[odxLayout~=grid] [odxLayout~="offset-11@desktop-s"]{grid-column-start:11!important}[odxLayout~=grid][odxLayout~="12@desktop-s"]{grid-template-columns:repeat(1,1fr)}[odxLayout~=grid] [odxLayout~="12@desktop-s"]{grid-column:span 12/span 12}[odxLayout~=grid] [odxLayout~="offset-12@desktop-s"]{grid-column-start:12!important}[odxLayout~=grid] [odxLayout~="first@desktop-s"]{order:-1}[odxLayout~=grid] [odxLayout~="last@desktop-s"]{order:12}}@media (min-width:1200px){[odxLayout~=grid][odxLayout~="1@desktop"]{grid-template-columns:repeat(12,1fr)}[odxLayout~=grid] [odxLayout~="1@desktop"]{grid-column:span 1/span 1}[odxLayout~=grid] [odxLayout~="offset-1@desktop"]{grid-column-start:1!important}[odxLayout~=grid][odxLayout~="2@desktop"]{grid-template-columns:repeat(6,1fr)}[odxLayout~=grid] [odxLayout~="2@desktop"]{grid-column:span 2/span 2}[odxLayout~=grid] [odxLayout~="offset-2@desktop"]{grid-column-start:2!important}[odxLayout~=grid][odxLayout~="3@desktop"]{grid-template-columns:repeat(4,1fr)}[odxLayout~=grid] [odxLayout~="3@desktop"]{grid-column:span 3/span 3}[odxLayout~=grid] [odxLayout~="offset-3@desktop"]{grid-column-start:3!important}[odxLayout~=grid][odxLayout~="4@desktop"]{grid-template-columns:repeat(3,1fr)}[odxLayout~=grid] [odxLayout~="4@desktop"]{grid-column:span 4/span 4}[odxLayout~=grid] [odxLayout~="offset-4@desktop"]{grid-column-start:4!important}[odxLayout~=grid][odxLayout~="5@desktop"]{grid-template-columns:repeat(2.4,1fr)}[odxLayout~=grid] [odxLayout~="5@desktop"]{grid-column:span 5/span 5}[odxLayout~=grid] [odxLayout~="offset-5@desktop"]{grid-column-start:5!important}[odxLayout~=grid][odxLayout~="6@desktop"]{grid-template-columns:repeat(2,1fr)}[odxLayout~=grid] [odxLayout~="6@desktop"]{grid-column:span 6/span 6}[odxLayout~=grid] [odxLayout~="offset-6@desktop"]{grid-column-start:6!important}[odxLayout~=grid][odxLayout~="7@desktop"]{grid-template-columns:repeat(1.7142857143,1fr)}[odxLayout~=grid] [odxLayout~="7@desktop"]{grid-column:span 7/span 7}[odxLayout~=grid] [odxLayout~="offset-7@desktop"]{grid-column-start:7!important}[odxLayout~=grid][odxLayout~="8@desktop"]{grid-template-columns:repeat(1.5,1fr)}[odxLayout~=grid] [odxLayout~="8@desktop"]{grid-column:span 8/span 8}[odxLayout~=grid] [odxLayout~="offset-8@desktop"]{grid-column-start:8!important}[odxLayout~=grid][odxLayout~="9@desktop"]{grid-template-columns:repeat(1.3333333333,1fr)}[odxLayout~=grid] [odxLayout~="9@desktop"]{grid-column:span 9/span 9}[odxLayout~=grid] [odxLayout~="offset-9@desktop"]{grid-column-start:9!important}[odxLayout~=grid][odxLayout~="10@desktop"]{grid-template-columns:repeat(1.2,1fr)}[odxLayout~=grid] [odxLayout~="10@desktop"]{grid-column:span 10/span 10}[odxLayout~=grid] [odxLayout~="offset-10@desktop"]{grid-column-start:10!important}[odxLayout~=grid][odxLayout~="11@desktop"]{grid-template-columns:repeat(1.0909090909,1fr)}[odxLayout~=grid] [odxLayout~="11@desktop"]{grid-column:span 11/span 11}[odxLayout~=grid] [odxLayout~="offset-11@desktop"]{grid-column-start:11!important}[odxLayout~=grid][odxLayout~="12@desktop"]{grid-template-columns:repeat(1,1fr)}[odxLayout~=grid] [odxLayout~="12@desktop"]{grid-column:span 12/span 12}[odxLayout~=grid] [odxLayout~="offset-12@desktop"]{grid-column-start:12!important}[odxLayout~=grid] [odxLayout~="first@desktop"]{order:-1}[odxLayout~=grid] [odxLayout~="last@desktop"]{order:12}}[odxLayout~=grid][odxLayout~=auto]{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;grid-template-columns:unset}html body .odx-margin-top-4{margin-top:calc(var(--odx-vertical-rythm-base-size)*.1667)}html body .odx-margin-right-4{margin-right:calc(var(--odx-vertical-rythm-base-size)*.1667)}html body .odx-margin-bottom-4{margin-bottom:calc(var(--odx-vertical-rythm-base-size)*.1667)}html body .odx-margin-left-4,html body .odx-margin-x-4{margin-left:calc(var(--odx-vertical-rythm-base-size)*.1667)}html body .odx-margin-x-4{margin-right:calc(var(--odx-vertical-rythm-base-size)*.1667)}html body .odx-margin-y-4{margin-bottom:calc(var(--odx-vertical-rythm-base-size)*.1667);margin-top:calc(var(--odx-vertical-rythm-base-size)*.1667)}html body .odx-margin-4{margin:calc(var(--odx-vertical-rythm-base-size)*.1667)}html body .odx-margin-top-8{margin-top:calc(var(--odx-vertical-rythm-base-size)*.3334)}html body .odx-margin-right-8{margin-right:calc(var(--odx-vertical-rythm-base-size)*.3334)}html body .odx-margin-bottom-8{margin-bottom:calc(var(--odx-vertical-rythm-base-size)*.3334)}html body .odx-margin-left-8,html body .odx-margin-x-8{margin-left:calc(var(--odx-vertical-rythm-base-size)*.3334)}html body .odx-margin-x-8{margin-right:calc(var(--odx-vertical-rythm-base-size)*.3334)}html body .odx-margin-y-8{margin-bottom:calc(var(--odx-vertical-rythm-base-size)*.3334);margin-top:calc(var(--odx-vertical-rythm-base-size)*.3334)}html body .odx-margin-8{margin:calc(var(--odx-vertical-rythm-base-size)*.3334)}html body .odx-margin-top-12{margin-top:calc(var(--odx-vertical-rythm-base-size)*.5)}html body .odx-margin-right-12{margin-right:calc(var(--odx-vertical-rythm-base-size)*.5)}html body .odx-margin-bottom-12{margin-bottom:calc(var(--odx-vertical-rythm-base-size)*.5)}html body .odx-margin-left-12,html body .odx-margin-x-12{margin-left:calc(var(--odx-vertical-rythm-base-size)*.5)}html body .odx-margin-x-12{margin-right:calc(var(--odx-vertical-rythm-base-size)*.5)}html body .odx-margin-y-12{margin-bottom:calc(var(--odx-vertical-rythm-base-size)*.5);margin-top:calc(var(--odx-vertical-rythm-base-size)*.5)}html body .odx-margin-12{margin:calc(var(--odx-vertical-rythm-base-size)*.5)}html body .odx-margin-top-16{margin-top:calc(var(--odx-vertical-rythm-base-size)*.6667)}html body .odx-margin-right-16{margin-right:calc(var(--odx-vertical-rythm-base-size)*.6667)}html body .odx-margin-bottom-16{margin-bottom:calc(var(--odx-vertical-rythm-base-size)*.6667)}html body .odx-margin-left-16,html body .odx-margin-x-16{margin-left:calc(var(--odx-vertical-rythm-base-size)*.6667)}html body .odx-margin-x-16{margin-right:calc(var(--odx-vertical-rythm-base-size)*.6667)}html body .odx-margin-y-16{margin-bottom:calc(var(--odx-vertical-rythm-base-size)*.6667);margin-top:calc(var(--odx-vertical-rythm-base-size)*.6667)}html body .odx-margin-16{margin:calc(var(--odx-vertical-rythm-base-size)*.6667)}html body .odx-margin-top-24{margin-top:calc(var(--odx-vertical-rythm-base-size)*1)}html body .odx-margin-right-24{margin-right:calc(var(--odx-vertical-rythm-base-size)*1)}html body .odx-margin-bottom-24{margin-bottom:calc(var(--odx-vertical-rythm-base-size)*1)}html body .odx-margin-left-24,html body .odx-margin-x-24{margin-left:calc(var(--odx-vertical-rythm-base-size)*1)}html body .odx-margin-x-24{margin-right:calc(var(--odx-vertical-rythm-base-size)*1)}html body .odx-margin-y-24{margin-bottom:calc(var(--odx-vertical-rythm-base-size)*1);margin-top:calc(var(--odx-vertical-rythm-base-size)*1)}html body .odx-margin-24{margin:calc(var(--odx-vertical-rythm-base-size)*1)}html body .odx-margin-top-36{margin-top:calc(var(--odx-vertical-rythm-base-size)*1.5)}html body .odx-margin-right-36{margin-right:calc(var(--odx-vertical-rythm-base-size)*1.5)}html body .odx-margin-bottom-36{margin-bottom:calc(var(--odx-vertical-rythm-base-size)*1.5)}html body .odx-margin-left-36,html body .odx-margin-x-36{margin-left:calc(var(--odx-vertical-rythm-base-size)*1.5)}html body .odx-margin-x-36{margin-right:calc(var(--odx-vertical-rythm-base-size)*1.5)}html body .odx-margin-y-36{margin-bottom:calc(var(--odx-vertical-rythm-base-size)*1.5);margin-top:calc(var(--odx-vertical-rythm-base-size)*1.5)}html body .odx-margin-36{margin:calc(var(--odx-vertical-rythm-base-size)*1.5)}html body .odx-margin-top-48{margin-top:calc(var(--odx-vertical-rythm-base-size)*2)}html body .odx-margin-right-48{margin-right:calc(var(--odx-vertical-rythm-base-size)*2)}html body .odx-margin-bottom-48{margin-bottom:calc(var(--odx-vertical-rythm-base-size)*2)}html body .odx-margin-left-48,html body .odx-margin-x-48{margin-left:calc(var(--odx-vertical-rythm-base-size)*2)}html body .odx-margin-x-48{margin-right:calc(var(--odx-vertical-rythm-base-size)*2)}html body .odx-margin-y-48{margin-bottom:calc(var(--odx-vertical-rythm-base-size)*2);margin-top:calc(var(--odx-vertical-rythm-base-size)*2)}html body .odx-margin-48{margin:calc(var(--odx-vertical-rythm-base-size)*2)}html body .odx-padding-top-4{padding-top:calc(var(--odx-vertical-rythm-base-size)*.1667)}html body .odx-padding-right-4{padding-right:calc(var(--odx-vertical-rythm-base-size)*.1667)}html body .odx-padding-bottom-4{padding-bottom:calc(var(--odx-vertical-rythm-base-size)*.1667)}html body .odx-padding-left-4,html body .odx-padding-x-4{padding-left:calc(var(--odx-vertical-rythm-base-size)*.1667)}html body .odx-padding-x-4{padding-right:calc(var(--odx-vertical-rythm-base-size)*.1667)}html body .odx-padding-y-4{padding-bottom:calc(var(--odx-vertical-rythm-base-size)*.1667);padding-top:calc(var(--odx-vertical-rythm-base-size)*.1667)}html body .odx-padding-4{padding:calc(var(--odx-vertical-rythm-base-size)*.1667)}html body .odx-padding-top-8{padding-top:calc(var(--odx-vertical-rythm-base-size)*.3334)}html body .odx-padding-right-8{padding-right:calc(var(--odx-vertical-rythm-base-size)*.3334)}html body .odx-padding-bottom-8{padding-bottom:calc(var(--odx-vertical-rythm-base-size)*.3334)}html body .odx-padding-left-8,html body .odx-padding-x-8{padding-left:calc(var(--odx-vertical-rythm-base-size)*.3334)}html body .odx-padding-x-8{padding-right:calc(var(--odx-vertical-rythm-base-size)*.3334)}html body .odx-padding-y-8{padding-bottom:calc(var(--odx-vertical-rythm-base-size)*.3334);padding-top:calc(var(--odx-vertical-rythm-base-size)*.3334)}html body .odx-padding-8{padding:calc(var(--odx-vertical-rythm-base-size)*.3334)}html body .odx-padding-top-12{padding-top:calc(var(--odx-vertical-rythm-base-size)*.5)}html body .odx-padding-right-12{padding-right:calc(var(--odx-vertical-rythm-base-size)*.5)}html body .odx-padding-bottom-12{padding-bottom:calc(var(--odx-vertical-rythm-base-size)*.5)}html body .odx-padding-left-12,html body .odx-padding-x-12{padding-left:calc(var(--odx-vertical-rythm-base-size)*.5)}html body .odx-padding-x-12{padding-right:calc(var(--odx-vertical-rythm-base-size)*.5)}html body .odx-padding-y-12{padding-bottom:calc(var(--odx-vertical-rythm-base-size)*.5);padding-top:calc(var(--odx-vertical-rythm-base-size)*.5)}html body .odx-padding-12{padding:calc(var(--odx-vertical-rythm-base-size)*.5)}html body .odx-padding-top-16{padding-top:calc(var(--odx-vertical-rythm-base-size)*.6667)}html body .odx-padding-right-16{padding-right:calc(var(--odx-vertical-rythm-base-size)*.6667)}html body .odx-padding-bottom-16{padding-bottom:calc(var(--odx-vertical-rythm-base-size)*.6667)}html body .odx-padding-left-16,html body .odx-padding-x-16{padding-left:calc(var(--odx-vertical-rythm-base-size)*.6667)}html body .odx-padding-x-16{padding-right:calc(var(--odx-vertical-rythm-base-size)*.6667)}html body .odx-padding-y-16{padding-bottom:calc(var(--odx-vertical-rythm-base-size)*.6667);padding-top:calc(var(--odx-vertical-rythm-base-size)*.6667)}html body .odx-padding-16{padding:calc(var(--odx-vertical-rythm-base-size)*.6667)}html body .odx-padding-top-24{padding-top:calc(var(--odx-vertical-rythm-base-size)*1)}html body .odx-padding-right-24{padding-right:calc(var(--odx-vertical-rythm-base-size)*1)}html body .odx-padding-bottom-24{padding-bottom:calc(var(--odx-vertical-rythm-base-size)*1)}html body .odx-padding-left-24,html body .odx-padding-x-24{padding-left:calc(var(--odx-vertical-rythm-base-size)*1)}html body .odx-padding-x-24{padding-right:calc(var(--odx-vertical-rythm-base-size)*1)}html body .odx-padding-y-24{padding-bottom:calc(var(--odx-vertical-rythm-base-size)*1);padding-top:calc(var(--odx-vertical-rythm-base-size)*1)}html body .odx-padding-24{padding:calc(var(--odx-vertical-rythm-base-size)*1)}html body .odx-padding-top-36{padding-top:calc(var(--odx-vertical-rythm-base-size)*1.5)}html body .odx-padding-right-36{padding-right:calc(var(--odx-vertical-rythm-base-size)*1.5)}html body .odx-padding-bottom-36{padding-bottom:calc(var(--odx-vertical-rythm-base-size)*1.5)}html body .odx-padding-left-36,html body .odx-padding-x-36{padding-left:calc(var(--odx-vertical-rythm-base-size)*1.5)}html body .odx-padding-x-36{padding-right:calc(var(--odx-vertical-rythm-base-size)*1.5)}html body .odx-padding-y-36{padding-bottom:calc(var(--odx-vertical-rythm-base-size)*1.5);padding-top:calc(var(--odx-vertical-rythm-base-size)*1.5)}html body .odx-padding-36{padding:calc(var(--odx-vertical-rythm-base-size)*1.5)}html body .odx-padding-top-48{padding-top:calc(var(--odx-vertical-rythm-base-size)*2)}html body .odx-padding-right-48{padding-right:calc(var(--odx-vertical-rythm-base-size)*2)}html body .odx-padding-bottom-48{padding-bottom:calc(var(--odx-vertical-rythm-base-size)*2)}html body .odx-padding-left-48,html body .odx-padding-x-48{padding-left:calc(var(--odx-vertical-rythm-base-size)*2)}html body .odx-padding-x-48{padding-right:calc(var(--odx-vertical-rythm-base-size)*2)}html body .odx-padding-y-48{padding-bottom:calc(var(--odx-vertical-rythm-base-size)*2);padding-top:calc(var(--odx-vertical-rythm-base-size)*2)}html body .odx-padding-48{padding:calc(var(--odx-vertical-rythm-base-size)*2)}html body .odx-visually-hidden{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:0;margin:0;opacity:0;outline:none!important;padding:0;position:absolute;width:0}html body .odx-seperator,html body hr{background-color:var(--odx-c-seperator);border:0;height:calc(var(--odx-vertical-rythm-base-size)*.0417);margin-bottom:calc(var(--odx-vertical-rythm-base-size)*.4792);margin-top:calc(var(--odx-vertical-rythm-base-size)*.4792)}html body .odx-text-list,html body ol,html body ul{margin-bottom:calc(var(--odx-vertical-rythm-base-size)*.5);margin-top:calc(var(--odx-vertical-rythm-base-size)*.5);padding-left:calc(var(--odx-vertical-rythm-base-size)*1)}html body .odx-text-list ol,html body .odx-text-list ul,html body ol ol,html body ol ul,html body ul ol,html body ul ul{margin:calc(var(--odx-vertical-rythm-base-size)*0)}html body .odx-text-list li,html body ol li,html body ul li{margin-left:calc(var(--odx-vertical-rythm-base-size)*-.0416)}html body .odx-fs-normal{font-weight:var(--odx-typography-font-weight-normal);letter-spacing:var(--odx-typography-font-weight-normal-letter-spacing)}html body .odx-fs-medium{font-weight:var(--odx-typography-font-weight-medium);letter-spacing:var(--odx-typography-font-weight-medium-letter-spacing)}html body .odx-fs-bold,html body b,html body strong{font-weight:var(--odx-typography-font-weight-bold);letter-spacing:var(--odx-typography-font-weight-bold-letter-spacing)}html body .odx-fs-italic,html body em{font-style:italic}@font-face{font-family:Pangea;font-style:normal;font-weight:400;src:url(5eabf29514e9649c8c73.woff2) format("woff2")}@font-face{font-family:Pangea;font-style:normal;font-weight:500;src:url(24031beb1b96a58f519c.woff2) format("woff2")}@font-face{font-family:Pangea;font-style:normal;font-weight:700;src:url(eb2051d1f9da906e0b3e.woff2) format("woff2")}html body{color:var(--odx-c-text);font-family:Pangea,sans-serif;font-size:calc(var(--odx-typography-base-size)*1);font-weight:var(--odx-typography-font-weight-normal);line-height:calc(var(--odx-vertical-rythm-base-size)*1);padding-bottom:calc(var(--odx-vertical-rythm-base-size)*0);padding-top:calc(var(--odx-vertical-rythm-base-size)*0)}.odx-area-header__subtitle,.odx-area-header__title,.odx-header__title,.odx-subtitle,.odx-title,h1,h2,h3,h4,h5,h6{color:var(--odx-c-headline);font-weight:var(--odx-typography-font-weight-bold);letter-spacing:var(--odx-typography-font-weight-bold-letter-spacing)}.odx-area-header__subtitle,.odx-subtitle{font-weight:var(--odx-typography-font-weight-normal)}.odx-title--1,h1{font-size:calc(var(--odx-typography-base-size)*(1*var(--odx-typography-positive-font-scaling-factor)*var(--odx-typography-positive-font-scaling-factor)*var(--odx-typography-positive-font-scaling-factor)*var(--odx-typography-positive-font-scaling-factor)*var(--odx-typography-positive-font-scaling-factor)));line-height:calc(var(--odx-vertical-rythm-base-size)*1.6667);padding-bottom:calc(var(--odx-vertical-rythm-base-size)*.1667);padding-top:calc(var(--odx-vertical-rythm-base-size)*.1667)}@media (min-width:768px){.odx-title--1,h1{line-height:calc(var(--odx-vertical-rythm-base-size)*2.6667);padding-bottom:calc(var(--odx-vertical-rythm-base-size)*.1667);padding-top:calc(var(--odx-vertical-rythm-base-size)*.1667)}}.odx-area-header--xlarge .odx-area-header__title,.odx-title--2,h2{font-size:calc(var(--odx-typography-base-size)*(1*var(--odx-typography-positive-font-scaling-factor)*var(--odx-typography-positive-font-scaling-factor)*var(--odx-typography-positive-font-scaling-factor)*var(--odx-typography-positive-font-scaling-factor)));line-height:calc(var(--odx-vertical-rythm-base-size)*1.5);padding-bottom:calc(var(--odx-vertical-rythm-base-size)*.25);padding-top:calc(var(--odx-vertical-rythm-base-size)*.25)}@media (min-width:768px){.odx-area-header--xlarge .odx-area-header__title,.odx-title--2,h2{line-height:calc(var(--odx-vertical-rythm-base-size)*2.25);padding-bottom:calc(var(--odx-vertical-rythm-base-size)*.375);padding-top:calc(var(--odx-vertical-rythm-base-size)*.375)}}.odx-title--3,h3{font-size:calc(var(--odx-typography-base-size)*(1*var(--odx-typography-positive-font-scaling-factor)*var(--odx-typography-positive-font-scaling-factor)*var(--odx-typography-positive-font-scaling-factor)));line-height:calc(var(--odx-vertical-rythm-base-size)*1.3334);padding-bottom:calc(var(--odx-vertical-rythm-base-size)*.3334);padding-top:calc(var(--odx-vertical-rythm-base-size)*.3334)}@media (min-width:768px){.odx-title--3,h3{line-height:calc(var(--odx-vertical-rythm-base-size)*1.75);padding-bottom:calc(var(--odx-vertical-rythm-base-size)*.125);padding-top:calc(var(--odx-vertical-rythm-base-size)*.125)}}.odx-area-header--large .odx-area-header__title,.odx-title--4,h4{font-size:calc(var(--odx-typography-base-size)*(1*var(--odx-typography-positive-font-scaling-factor)*var(--odx-typography-positive-font-scaling-factor)));line-height:calc(var(--odx-vertical-rythm-base-size)*1.25);padding-bottom:calc(var(--odx-vertical-rythm-base-size)*.375);padding-top:calc(var(--odx-vertical-rythm-base-size)*.375)}.odx-area-header--medium .odx-area-header__title,.odx-area-header--xlarge .odx-area-header__subtitle,.odx-title--5,h5{font-size:calc(var(--odx-typography-base-size)*(1*var(--odx-typography-positive-font-scaling-factor)));line-height:calc(var(--odx-vertical-rythm-base-size)*1);padding-bottom:calc(var(--odx-vertical-rythm-base-size)*0);padding-top:calc(var(--odx-vertical-rythm-base-size)*0)}.odx-area-header__subtitle,.odx-area-header__title,.odx-header__title,.odx-title--6,h6{font-size:calc(var(--odx-typography-base-size)*1)}.odx-area-header__subtitle,.odx-area-header__title,.odx-header__title,.odx-text,.odx-title--6,h6,p{line-height:calc(var(--odx-vertical-rythm-base-size)*1);padding-bottom:calc(var(--odx-vertical-rythm-base-size)*0);padding-top:calc(var(--odx-vertical-rythm-base-size)*0)}.odx-text,p{font-weight:var(--odx-typography-font-weight-normal)}.odx-text--small,p--small{font-size:calc(var(--odx-typography-base-size)*(1*1/var(--odx-typography-negative-font-scaling-factor)));line-height:calc(var(--odx-vertical-rythm-base-size)*.8334);padding-bottom:calc(var(--odx-vertical-rythm-base-size)*.0834);padding-top:calc(var(--odx-vertical-rythm-base-size)*.0834)}.odx-text--xsmall,p--xsmall{font-size:calc(var(--odx-typography-base-size)*(1*1/var(--odx-typography-negative-font-scaling-factor)*1/var(--odx-typography-negative-font-scaling-factor)));line-height:calc(var(--odx-vertical-rythm-base-size)*.6667);padding-bottom:calc(var(--odx-vertical-rythm-base-size)*.1667);padding-top:calc(var(--odx-vertical-rythm-base-size)*.1667)}.odx-accordion{display:block}.odx-accordion-item{border-bottom:1px solid var(--odx-input-control-outline-color);display:block;padding-bottom:calc(var(--odx-vertical-rythm-base-size)*.1667)}.odx-accordion-item:not(:last-child){margin-bottom:calc(var(--odx-vertical-rythm-base-size)*1)}.odx-accordion-item__panel{border-radius:var(--odx-v-border-radius-controls);cursor:pointer;display:grid;grid-template-columns:1fr auto;line-height:calc(var(--odx-vertical-rythm-base-size)*1);outline:var(--odx-v-outline);outline-offset:var(--odx-v-outline-offset);padding:calc(var(--odx-vertical-rythm-base-size)*.25) calc(var(--odx-vertical-rythm-base-size)*.1667);transition:all var(--odx-v-transition-duration) 0ms var(--odx-v-transition-easing-fn);transition-property:background-color,outline-color;-webkit-user-select:none;-moz-user-select:none;user-select:none}.odx-accordion-item__panel:focus-visible{outline-color:var(--odx-c-focus-outline)}.odx-accordion-item__panel:focus-visible{background-color:var(--odx-c-focus)}@media (hover:hover){.odx-accordion-item__panel:focus-visible:hover{background-color:var(--odx-c-focus)}}.odx-accordion-item__panel.is-disabled,.odx-accordion-item__panel:disabled{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (hover:hover){.odx-accordion-item__panel:hover{background-color:var(--blue-700-5)}}.odx-accordion-item--expanded .odx-accordion-item__panel{font-weight:var(--odx-typography-font-weight-medium);letter-spacing:var(--odx-typography-font-weight-medium-letter-spacing)}.odx-accordion-item__icon{transform:rotate(0deg);transition:all var(--odx-v-transition-duration) 0ms var(--odx-v-transition-easing-fn);transition-property:transform}.odx-accordion-item--expanded .odx-accordion-item__icon{transform:rotateX(180deg)}.odx-accordion-item__slot{overflow:hidden;padding:calc(var(--odx-vertical-rythm-base-size)*.3334) calc(var(--odx-vertical-rythm-base-size)*.1667)}.odx-accordion-item.is-disabled{color:var(--odx-c-text-disabled);pointer-events:none}.odx-avatar{align-items:center;background-color:var(--blue-700-10);border-radius:50%;color:var(--odx-c-text);display:inline-flex;font-weight:var(--odx-typography-font-weight-medium);justify-content:center;letter-spacing:var(--odx-typography-font-weight-medium-letter-spacing);overflow:hidden;position:relative;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.odx-area-header--medium .odx-avatar,.odx-area-header--small .odx-avatar,.odx-avatar--small{font-size:calc(var(--odx-typography-base-size)*1);height:calc(var(--odx-vertical-rythm-base-size)*1.5);margin-bottom:calc(var(--odx-vertical-rythm-base-size)*.25);margin-top:calc(var(--odx-vertical-rythm-base-size)*.25);width:calc(var(--odx-vertical-rythm-base-size)*1.5)}.odx-area-header--medium .odx-avatar>.odx-icon,.odx-area-header--small .odx-avatar>.odx-icon,.odx-avatar--small>.odx-icon,.odx-avatar--small>.odx-icon[class*=odx-icon--]{font-size:calc(var(--odx-vertical-rythm-base-size)*1);height:calc(var(--odx-vertical-rythm-base-size)*1);margin-bottom:calc(var(--odx-vertical-rythm-base-size)*0);margin-top:calc(var(--odx-vertical-rythm-base-size)*0);width:calc(var(--odx-vertical-rythm-base-size)*1)}.odx-area-header--large .odx-avatar,.odx-avatar--medium{font-size:calc(var(--odx-typography-base-size)*1);height:calc(var(--odx-vertical-rythm-base-size)*1.5);margin-bottom:calc(var(--odx-vertical-rythm-base-size)*.25);margin-top:calc(var(--odx-vertical-rythm-base-size)*.25);width:calc(var(--odx-vertical-rythm-base-size)*1.5)}.odx-area-header--large .odx-avatar>.odx-icon,.odx-avatar--medium>.odx-icon,.odx-avatar--medium>.odx-icon[class*=odx-icon--]{font-size:calc(var(--odx-vertical-rythm-base-size)*1);height:calc(var(--odx-vertical-rythm-base-size)*1);margin-bottom:calc(var(--odx-vertical-rythm-base-size)*0);margin-top:calc(var(--odx-vertical-rythm-base-size)*0);width:calc(var(--odx-vertical-rythm-base-size)*1)}@media (min-width:768px){.odx-area-header--large .odx-avatar,.odx-avatar--medium{font-size:calc(var(--odx-typography-base-size)*(1*var(--odx-typography-positive-font-scaling-factor)*var(--odx-typography-positive-font-scaling-factor)));height:calc(var(--odx-vertical-rythm-base-size)*2.6667);margin-bottom:calc(var(--odx-vertical-rythm-base-size)*.1667);margin-top:calc(var(--odx-vertical-rythm-base-size)*.1667);width:calc(var(--odx-vertical-rythm-base-size)*2.6667)}.odx-area-header--large .odx-avatar>.odx-icon,.odx-avatar--medium>.odx-icon,.odx-avatar--medium>.odx-icon[class*=odx-icon--]{font-size:calc(var(--odx-vertical-rythm-base-size)*1.5);height:calc(var(--odx-vertical-rythm-base-size)*1.5);margin-bottom:calc(var(--odx-vertical-rythm-base-size)*0);margin-top:calc(var(--odx-vertical-rythm-base-size)*0);width:calc(var(--odx-vertical-rythm-base-size)*1.5)}}.odx-area-header--xlarge .odx-avatar,.odx-avatar--large{font-size:calc(var(--odx-typography-base-size)*(1*var(--odx-typography-positive-font-scaling-factor)*var(--odx-typography-positive-font-scaling-factor)));height:calc(var(--odx-vertical-rythm-base-size)*2.6667);margin-bottom:calc(var(--odx-vertical-rythm-base-size)*.1667);margin-top:calc(var(--odx-vertical-rythm-base-size)*.1667);width:calc(var(--odx-vertical-rythm-base-size)*2.6667)}.odx-area-header--xlarge .odx-avatar>.odx-icon,.odx-avatar--large>.odx-icon,.odx-avatar--large>.odx-icon[class*=odx-icon--]{font-size:calc(var(--odx-vertical-rythm-base-size)*1.5);height:calc(var(--odx-vertical-rythm-base-size)*1.5);margin-bottom:calc(var(--odx-vertical-rythm-base-size)*0);margin-top:calc(var(--odx-vertical-rythm-base-size)*0);width:calc(var(--odx-vertical-rythm-base-size)*1.5)}@media (min-width:768px){.odx-area-header--xlarge .odx-avatar,.odx-avatar--large{font-size:calc(var(--odx-typography-base-size)*(1*var(--odx-typography-positive-font-scaling-factor)*var(--odx-typography-positive-font-scaling-factor)*var(--odx-typography-positive-font-scaling-factor)*var(--odx-typography-positive-font-scaling-factor)));height:calc(var(--odx-vertical-rythm-base-size)*4);margin-bottom:calc(var(--odx-vertical-rythm-base-size)*0);margin-top:calc(var(--odx-vertical-rythm-base-size)*0);width:calc(var(--odx-vertical-rythm-base-size)*4)}.odx-area-header--xlarge .odx-avatar>.odx-icon,.odx-avatar--large>.odx-icon,.odx-avatar--large>.odx-icon[class*=odx-icon--]{font-size:calc(var(--odx-vertical-rythm-base-size)*2.25);height:calc(var(--odx-vertical-rythm-base-size)*2.25);margin-bottom:calc(var(--odx-vertical-rythm-base-size)*0);margin-top:calc(var(--odx-vertical-rythm-base-size)*0);width:calc(var(--odx-vertical-rythm-base-size)*2.25)}}.odx-avatar img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%;z-index:2}.odx-icon{align-items:center;direction:ltr;display:inline-flex;font-size:calc(var(--odx-vertical-rythm-base-size)*1);height:calc(var(--odx-vertical-rythm-base-size)*1);justify-content:center;margin-bottom:calc(var(--odx-vertical-rythm-base-size)*0);margin-top:calc(var(--odx-vertical-rythm-base-size)*0);text-rendering:auto;text-transform:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;width:calc(var(--odx-vertical-rythm-base-size)*1)}.odx-icon--small{font-size:calc(var(--odx-vertical-rythm-base-size)*.6667);height:calc(var(--odx-vertical-rythm-base-size)*.6667);margin-bottom:calc(var(--odx-vertical-rythm-base-size)*.1667);margin-top:calc(var(--odx-vertical-rythm-base-size)*.1667);width:calc(var(--odx-vertical-rythm-base-size)*.6667)}.odx-icon--large{font-size:calc(var(--odx-vertical-rythm-base-size)*1.3334);height:calc(var(--odx-vertical-rythm-base-size)*1.3334);margin-bottom:calc(var(--odx-vertical-rythm-base-size)*.3334);margin-top:calc(var(--odx-vertical-rythm-base-size)*.3334);width:calc(var(--odx-vertical-rythm-base-size)*1.3334)}.odx-icon--inline{font-size:inherit;height:auto;line-height:inherit;margin-bottom:calc(var(--odx-vertical-rythm-base-size)*0);margin-top:calc(var(--odx-vertical-rythm-base-size)*0);vertical-align:-.15em;width:auto}.odx-button{align-items:center;border-radius:var(--odx-v-border-radius-controls);cursor:pointer;display:inline-flex;font-size:calc(var(--odx-typography-base-size)*1);font-weight:var(--odx-typography-font-weight-medium);height:calc(var(--odx-vertical-rythm-base-size)*1.5);justify-content:center;letter-spacing:var(--odx-typography-font-weight-medium-letter-spacing);margin-bottom:calc(var(--odx-vertical-rythm-base-size)*.25);margin-top:calc(var(--odx-vertical-rythm-base-size)*.25);min-width:calc(var(--odx-vertical-rythm-base-size)*1.5);outline:var(--odx-v-outline);outline-offset:var(--odx-v-outline-offset);overflow:hidden;padding-left:calc(var(--odx-vertical-rythm-base-size)*.5);padding-right:calc(var(--odx-vertical-rythm-base-size)*.5);text-overflow:ellipsis;transition:all var(--odx-v-transition-duration) 0ms var(--odx-v-transition-easing-fn);transition-property:background-color,color,outline;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.odx-button:focus-visible{outline-color:var(--odx-c-focus-outline)}.odx-button.is-disabled,.odx-button:disabled{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.odx-button:not(:has(>.odx-icon,>.odx-avatar)){min-width:calc(var(--odx-vertical-rythm-base-size)*3)}.odx-button>.odx-icon{margin-left:calc(var(--odx-vertical-rythm-base-size)*-.25);margin-right:calc(var(--odx-vertical-rythm-base-size)*-.25)}.odx-button>.odx-icon[alignLeft]{margin-right:calc(var(--odx-vertical-rythm-base-size)*.25)}.odx-button>.odx-icon[alignRight]{margin-left:calc(var(--odx-vertical-rythm-base-size)*.25)}.odx-button>.odx-avatar{font-size:calc(var(--odx-typography-base-size)*1);height:calc(var(--odx-vertical-rythm-base-size)*1.3334);margin:calc(var(--odx-vertical-rythm-base-size)*.0834) calc(var(--odx-vertical-rythm-base-size)*-.5);width:calc(var(--odx-vertical-rythm-base-size)*1.3334)}.odx-button>.odx-avatar>.odx-icon,.odx-button>.odx-avatar>.odx-icon[class*=odx-icon--]{font-size:calc(var(--odx-vertical-rythm-base-size)*1);height:calc(var(--odx-vertical-rythm-base-size)*1);margin-bottom:calc(var(--odx-vertical-rythm-base-size)*0);margin-top:calc(var(--odx-vertical-rythm-base-size)*0);width:calc(var(--odx-vertical-rythm-base-size)*1)}.odx-button--highlight:focus-visible{outline-color:var(--blue-400)}.odx-button,.odx-button--secondary{background-color:var(--odx-c-secondary);color:var(--odx-c-secondary-text)}@media (hover:hover){.odx-button--secondary:hover,.odx-button:hover{background-color:var(--odx-c-secondary-hover)}}.odx-button--secondary:active,.odx-button:active{background-color:var(--odx-c-secondary-active)}.is-disabled.odx-button,.odx-button--secondary.is-disabled,.odx-button--secondary:disabled,.odx-button:disabled{background-color:var(--odx-c-secondary-disabled);color:var(--odx-c-secondary-text-disabled)}.odx-button--primary{background-color:var(--odx-c-primary);color:var(--odx-c-primary-text)}@media (hover:hover){.odx-button--primary:hover{background-color:var(--odx-c-primary-hover)}}.odx-button--primary:active{background-color:var(--odx-c-primary-active)}.odx-button--primary.is-disabled,.odx-button--primary:disabled{background-color:var(--odx-c-primary-disabled);color:var(--odx-c-primary-text-disabled)}.odx-button--highlight{background-color:var(--odx-c-highlight);color:var(--odx-c-highlight-text)}@media (hover:hover){.odx-button--highlight:hover{background-color:var(--odx-c-highlight-hover)}}.odx-button--highlight:active{background-color:var(--odx-c-highlight-active)}.odx-button--highlight.is-disabled,.odx-button--highlight:disabled{background-color:var(--odx-c-highlight-disabled);color:var(--odx-c-highlight-text-disabled)}.odx-button--success{background-color:var(--odx-c-success);color:var(--odx-c-success-text)}@media (hover:hover){.odx-button--success:hover{background-color:var(--odx-c-success-hover)}}.odx-button--success:active{background-color:var(--odx-c-success-active)}.odx-button--success.is-disabled,.odx-button--success:disabled{background-color:var(--odx-c-success-disabled);color:var(--odx-c-success-text-disabled)}.odx-button--danger{background-color:var(--odx-c-danger);color:var(--odx-c-danger-text)}@media (hover:hover){.odx-button--danger:hover{background-color:var(--odx-c-danger-hover)}}.odx-button--danger:active{background-color:var(--odx-c-danger-active)}.odx-button--danger.is-disabled,.odx-button--danger:disabled{background-color:var(--odx-c-danger-disabled);color:var(--odx-c-danger-text-disabled)}.odx-button--confirmation{background-color:var(--odx-c-confirmation);color:var(--odx-c-confirmation-text)}@media (hover:hover){.odx-button--confirmation:hover{background-color:var(--odx-c-confirmation-hover)}}.odx-button--confirmation:active{background-color:var(--odx-c-confirmation-active)}.odx-button--confirmation.is-disabled,.odx-button--confirmation:disabled{background-color:var(--odx-c-confirmation-disabled);color:var(--odx-c-confirmation-text-disabled)}.odx-action-group>.odx-button:not(.odx-button--success,.odx-button--danger,.odx-button--confirmation),.odx-button--ghost,.odx-main-menu-button,.odx-main-menu__close{background-color:transparent;color:var(--odx-c-link);outline-width:1px}@media (hover:hover){.odx-action-group>.odx-button:hover:not(.odx-button--success,.odx-button--danger,.odx-button--confirmation),.odx-button--ghost:hover,.odx-main-menu-button:hover,.odx-main-menu__close:hover{background-color:var(--blue-700-5);color:var(--odx-c-link-hover)}}.odx-action-group>.odx-button:active:not(.odx-button--success,.odx-button--danger,.odx-button--confirmation),.odx-button--ghost:active,.odx-main-menu-button:active,.odx-main-menu__close:active{color:var(--odx-c-link-active)}.odx-action-group>.odx-button:active:not(.odx-button--success,.odx-button--danger,.odx-button--confirmation),.odx-action-group>.odx-button:focus-visible:not(.odx-button--success,.odx-button--danger,.odx-button--confirmation),.odx-button--ghost:active,.odx-button--ghost:focus-visible,.odx-main-menu-button:active,.odx-main-menu-button:focus-visible,.odx-main-menu__close:active,.odx-main-menu__close:focus-visible{background-color:var(--odx-c-focus)}.is-disabled.odx-main-menu-button,.is-disabled.odx-main-menu__close,.odx-action-group>.is-disabled.odx-button:not(.odx-button--success,.odx-button--danger,.odx-button--confirmation),.odx-action-group>.odx-button:disabled:not(.odx-button--success,.odx-button--danger,.odx-button--confirmation),.odx-button--ghost.is-disabled,.odx-button--ghost:disabled,.odx-main-menu-button:disabled,.odx-main-menu__close:disabled{background-color:transparent;color:var(--odx-c-link-disabled)}.odx-button--small{font-size:calc(var(--odx-typography-base-size)*(1*1/var(--odx-typography-negative-font-scaling-factor)));height:calc(var(--odx-vertical-rythm-base-size)*1);margin-bottom:calc(var(--odx-vertical-rythm-base-size)*0);margin-top:calc(var(--odx-vertical-rythm-base-size)*0);min-width:calc(var(--odx-vertical-rythm-base-size)*1);padding-left:calc(var(--odx-vertical-rythm-base-size)*.25);padding-right:calc(var(--odx-vertical-rythm-base-size)*.25)}.odx-button--small:not(:has(>.odx-icon,>.odx-avatar)){min-width:calc(var(--odx-vertical-rythm-base-size)*2)}.odx-button--small>.odx-icon{margin-left:calc(var(--odx-vertical-rythm-base-size)*-.25);margin-right:calc(var(--odx-vertical-rythm-base-size)*-.25)}.odx-button--small>.odx-icon[alignLeft]{margin-right:calc(var(--odx-vertical-rythm-base-size)*.125)}.odx-button--small>.odx-icon[alignRight]{margin-left:calc(var(--odx-vertical-rythm-base-size)*.125)}.odx-action-group{align-items:center;display:inline-flex;gap:calc(var(--odx-vertical-rythm-base-size)*.25);height:calc(var(--odx-vertical-rythm-base-size)*1.5);margin-bottom:calc(var(--odx-vertical-rythm-base-size)*.25);margin-top:calc(var(--odx-vertical-rythm-base-size)*.25)}.odx-action-group--reverse{flex-direction:row-reverse}.odx-action-group>.odx-button:not(.odx-button--success,.odx-button--danger,.odx-button--confirmation){color:var(--odx-c-control-text)}@media (hover:hover){.odx-action-group>.odx-button:not(.odx-button--success,.odx-button--danger,.odx-button--confirmation):hover{color:var(--odx-c-control-text)}}.odx-action-group>.odx-button:not(.odx-button--success,.odx-button--danger,.odx-button--confirmation):focus-visible{outline-color:var(--odx-c-focus-outline)}:root{--odx-area-header-title-color:var(--odx-c-headline);--odx-area-header-subtitle-color:var(--odx-c-headline)}.odx-area-header{padding-left:calc(var(--odx-vertical-rythm-base-size)*1);padding-right:calc(var(--odx-vertical-rythm-base-size)*1)}.odx-area-header,.odx-area-header__container{-moz-column-gap:calc(var(--odx-vertical-rythm-base-size)*.8334);column-gap:calc(var(--odx-vertical-rythm-base-size)*.8334);display:flex}.odx-area-header *{flex:0 0 auto}.odx-area-header__container,.odx-area-header__inner,.odx-area-header__subtitle,.odx-area-header__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.odx-area-header__subtitle,.odx-area-header__title{display:block}.odx-area-header__container{display:flex;flex:1 1 auto}.odx-area-header__inner{align-self:center;flex:1 1 auto}.odx-area-header__title{color:var(--odx-area-header-title-color)}.odx-area-header__subtitle{color:var(--odx-area-header-subtitle-color)}.odx-area-header .odx-avatar,.odx-area-header__content{align-self:center}.odx-area-header__content{align-items:center;display:flex;flex-wrap:wrap;min-height:calc(var(--odx-vertical-rythm-base-size)*2)}.odx-area-header--medium .odx-area-header__subtitle,.odx-area-header--small .odx-area-header__subtitle{display:none}@media (max-width:767px){.odx-area-header--large,.odx-area-header--xlarge{flex-wrap:wrap}.odx-area-header--large .odx-area-header__content,.odx-area-header--xlarge .odx-area-header__content{flex-basis:100%;justify-content:flex-end}}@media (min-width:768px){.odx-area-header--medium{padding-bottom:calc(var(--odx-vertical-rythm-base-size)*.5);padding-top:calc(var(--odx-vertical-rythm-base-size)*.5)}}.odx-area-header--large{padding-bottom:calc(var(--odx-vertical-rythm-base-size)*.25);padding-top:calc(var(--odx-vertical-rythm-base-size)*.25)}@media (min-width:768px){.odx-area-header--large{padding-bottom:calc(var(--odx-vertical-rythm-base-size)*.5);padding-top:calc(var(--odx-vertical-rythm-base-size)*.5)}}@media (max-width:767px){.odx-area-header--large .odx-area-header__title{line-height:calc(var(--odx-vertical-rythm-base-size)*1);padding-bottom:calc(var(--odx-vertical-rythm-base-size)*0);padding-top:calc(var(--odx-vertical-rythm-base-size)*0)}}.odx-area-header--xlarge{padding-bottom:calc(var(--odx-vertical-rythm-base-size)*.5);padding-top:calc(var(--odx-vertical-rythm-base-size)*.5)}@media (min-width:768px){.odx-area-header--xlarge{gap:calc(var(--odx-vertical-rythm-base-size)*1);padding-bottom:calc(var(--odx-vertical-rythm-base-size)*1)}.odx-area-header--xlarge,.odx-area-header--xlarge .odx-area-header__container{padding-top:calc(var(--odx-vertical-rythm-base-size)*1)}.odx-area-header--xlarge .odx-avatar{margin-top:calc(var(--odx-vertical-rythm-base-size)*-.5)}}.odx-area-header--xlarge .odx-area-header__content{align-self:flex-end}@media (min-width:768px){.odx-area-header--xlarge .odx-area-header__content{margin-bottom:calc(var(--odx-vertical-rythm-base-size)*-.5)}}:root{--odx-badge-contrast-color:var(--odx-c-background-content)}.odx-badge{align-items:center;border-radius:calc(var(--odx-vertical-rythm-base-size)*.6667);display:inline-flex;font-size:calc(var(--odx-typography-base-size)*(1*1/var(--odx-typography-negative-font-scaling-factor)*1/var(--odx-typography-negative-font-scaling-factor)));font-weight:var(--odx-typography-font-weight-medium);height:calc(var(--odx-vertical-rythm-base-size)*.6667);justify-content:center;left:0;letter-spacing:var(--odx-typography-font-weight-medium-letter-spacing);min-width:calc(var(--odx-vertical-rythm-base-size)*.6667);outline:1px solid transparent;padding-left:calc(var(--odx-vertical-rythm-base-size)*.125);padding-right:calc(var(--odx-vertical-rythm-base-size)*.125);pointer-events:none;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;z-index:9999}.odx-badge:before{content:attr(data-value)}.odx-badge[data-value="0"]{display:none}.odx-badge[data-value^="-"]:before{content:""}.odx-badge,.odx-badge--highlight{background-color:var(--odx-c-highlight);color:var(--odx-c-highlight-text)}.odx-badge--danger{background-color:var(--odx-c-danger);color:var(--odx-c-danger-text)}.odx-badge--confirmation{background-color:var(--odx-c-confirmation);color:var(--odx-c-confirmation-text)}.odx-badge--contrast{outline-color:var(--odx-badge-contrast-color)}.odx-button-group{display:inline-flex;flex-wrap:wrap;gap:calc(var(--odx-vertical-rythm-base-size)*.0834)}.odx-button-group--reverse{flex-direction:row-reverse;justify-content:flex-end}.odx-button-group--reverse.odx-button-group--vertical.odx-button-group--block{flex-direction:column-reverse;justify-content:flex-end}.odx-button-group--block{display:flex;width:100%}.odx-button-group:not(.odx-button-group--vertical).odx-button-group--align-right{justify-content:flex-end}.odx-button-group:not(.odx-button-group--vertical).odx-button-group--align-right.odx-button-group--reverse{justify-content:flex-start}.odx-button-group:not(.odx-button-group--vertical,.odx-button-group--reverse) .odx-button:first-child{border-bottom-right-radius:0;border-top-right-radius:0}.odx-button-group:not(.odx-button-group--vertical,.odx-button-group--reverse) .odx-button:last-child{border-bottom-left-radius:0;border-top-left-radius:0}.odx-button-group:not(.odx-button-group--vertical,.odx-button-group--reverse) .odx-button:not(:first-child,:last-child){border-radius:0}.odx-button-group:not(.odx-button-group--vertical).odx-button-group--reverse .odx-button:last-child{border-bottom-right-radius:0;border-top-right-radius:0}.odx-button-group:not(.odx-button-group--vertical).odx-button-group--reverse .odx-button:first-child{border-bottom-left-radius:0;border-top-left-radius:0}.odx-button-group:not(.odx-button-group--vertical).odx-button-group--reverse .odx-button:not(:first-child,:last-child){border-radius:0}.odx-button-group--vertical{flex-direction:column;margin-bottom:calc(var(--odx-vertical-rythm-base-size)*.4167);margin-top:calc(var(--odx-vertical-rythm-base-size)*.4167)}.odx-button-group--vertical .odx-button{height:calc(var(--odx-vertical-rythm-base-size)*1.4584);margin-bottom:calc(var(--odx-vertical-rythm-base-size)*0);margin-top:calc(var(--odx-vertical-rythm-base-size)*0)}.odx-button-group:not(.odx-button-group--reverse).odx-button-group--vertical .odx-button{margin:0}.odx-button-group:not(.odx-button-group--reverse).odx-button-group--vertical .odx-button:first-child{border-bottom-left-radius:0;border-bottom-right-radius:0}.odx-button-group:not(.odx-button-group--reverse).odx-button-group--vertical .odx-button:last-child{border-top-left-radius:0;border-top-right-radius:0}.odx-button-group:not(.odx-button-group--reverse).odx-button-group--vertical .odx-button:not(:first-child,:last-child){border-radius:0}.odx-button-group.odx-button-group--reverse.odx-button-group--vertical .odx-button{margin:0}.odx-button-group.odx-button-group--reverse.odx-button-group--vertical .odx-button:last-child{border-bottom-left-radius:0;border-bottom-right-radius:0}.odx-button-group.odx-button-group--reverse.odx-button-group--vertical .odx-button:first-child{border-top-left-radius:0;border-top-right-radius:0}.odx-button-group.odx-button-group--reverse.odx-button-group--vertical .odx-button:not(:first-child,:last-child){border-radius:0}.odx-checkbox{color:var(--odx-c-text);display:inline-block}.odx-checkbox.is-disabled{color:var(--odx-input-control-color-disabled)}.odx-checkbox.is-readonly{pointer-events:none}.odx-checkbox.is-readonly,.odx-checkbox__label{-webkit-user-select:none;-moz-user-select:none;user-select:none}.odx-checkbox__label{border-radius:var(--odx-v-border-radius-controls);color:inherit;cursor:pointer;display:inline-flex;font-size:calc(var(--odx-typography-base-size)*1);line-height:calc(var(--odx-vertical-rythm-base-size)*1);min-height:calc(var(--odx-vertical-rythm-base-size)*1);outline:var(--odx-v-outline);outline-offset:var(--odx-v-outline-offset);padding:0 2px;transition:all var(--odx-v-transition-duration) 0ms var(--odx-v-transition-easing-fn);transition-property:background-color,color,outline-color;-webkit-user-select:auto;-moz-user-select:auto;user-select:auto;vertical-align:top}.odx-checkbox__label:focus-within:has(:focus-visible){outline-color:var(--odx-c-focus-outline)}.odx-checkbox__label:focus-within:has(:focus-visible){background-color:var(--odx-c-focus)}@media (hover:hover){.odx-checkbox__label:focus-within:has(:focus-visible):hover{background-color:var(--odx-c-focus)}}.odx-checkbox__label.is-disabled,.odx-checkbox__label:disabled{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.odx-checkbox.is-disabled .odx-checkbox__label{cursor:default}.odx-checkbox__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:0;margin:0;opacity:0;outline:none!important;padding:0;position:absolute;width:0}.odx-checkbox__indicator{align-items:center;background-color:var(--odx-control-background-color);border-radius:var(--odx-v-border-radius-controls);color:var(--odx-control-color-selected);display:inline-flex;flex:0 0 auto;height:calc(var(--odx-vertical-rythm-base-size)*.8334);justify-content:center;margin-bottom:calc(var(--odx-vertical-rythm-base-size)*.0834);margin-top:calc(var(--odx-vertical-rythm-base-size)*.0834);outline:var(--odx-v-outline);outline-color:var(--odx-control-outline-color);outline-offset:var(--odx-v-outline-offset);padding:1px;transition:all var(--odx-v-transition-duration) 0ms var(--odx-v-transition-easing-fn);transition-property:background-color,color,outline-color;width:calc(var(--odx-vertical-rythm-base-size)*.8334)}.odx-checkbox__indicator>.odx-icon{font-size:calc(var(--odx-vertical-rythm-base-size)*.75);height:calc(var(--odx-vertical-rythm-base-size)*.75);margin-bottom:calc(var(--odx-vertical-rythm-base-size)*0);margin-top:calc(var(--odx-vertical-rythm-base-size)*0);opacity:0;transition:all var(--odx-v-transition-duration) 0ms var(--odx-v-transition-easing-fn);transition-property:opacity;width:calc(var(--odx-vertical-rythm-base-size)*.75)}@media (hover:hover){.odx-checkbox:hover .odx-checkbox__indicator{background-color:var(--odx-control-background-color-hover);outline-color:var(--odx-control-outline-color-hover)}}.odx-checkbox.is-active .odx-checkbox__indicator,.odx-checkbox__input:checked~.odx-checkbox__indicator,.odx-checkbox__input:indeterminate~.odx-checkbox__indicator{background-color:var(--odx-control-background-color-selected);outline-color:var(--odx-control-outline-color-selected)}.odx-checkbox.is-active .odx-checkbox__indicator>.odx-icon,.odx-checkbox__input:checked~.odx-checkbox__indicator>.odx-icon,.odx-checkbox__input:indeterminate~.odx-checkbox__indicator>.odx-icon{opacity:1}.odx-checkbox.has-error .odx-checkbox__indicator{background-color:var(--odx-control-background-color-error);color:var(--odx-control-color-error);outline-color:var(--odx-control-outline-color-error)}@media (hover:hover){.odx-checkbox.has-error:hover .odx-checkbox__indicator{outline-color:var(--odx-control-outline-color-error-hover)}}.odx-checkbox.is-disabled .odx-checkbox__indicator{background-color:var(--odx-control-background-color-disabled);color:var(--odx-control-color-disabled);outline-color:var(--odx-control-outline-color-disabled)}.odx-checkbox.is-readonly .odx-checkbox__indicator{background-color:var(--odx-control-background-color-readonly);color:var(--odx-control-color-readonly);outline-color:var(--odx-control-outline-color-readonly)}.odx-checkbox__content{margin-left:calc(var(--odx-vertical-rythm-base-size)*.5);padding-left:2px}.odx-checkbox__content:empty{margin:0;padding:0}.odx-content-box{background-color:var(--odx-c-background-content);display:block}.odx-content-box__footer,.odx-content-box__header{align-items:center;display:flex;flex-wrap:wrap}.odx-content-box__footer>*,.odx-content-box__header>*{flex:1 1 auto}.odx-content-box__header{padding-left:calc(var(--odx-vertical-rythm-base-size)*1);padding-right:calc(var(--odx-vertical-rythm-base-size)*1);padding-top:calc(var(--odx-vertical-rythm-base-size)*1)}@media (max-width:419px){.odx-content-box__header{padding-left:calc(var(--odx-vertical-rythm-base-size)*.5);padding-right:calc(var(--odx-vertical-rythm-base-size)*.5);padding-top:calc(var(--odx-vertical-rythm-base-size)*.5)}}.odx-content-box__footer{padding-bottom:calc(var(--odx-vertical-rythm-base-size)*1);padding-left:calc(var(--odx-vertical-rythm-base-size)*1);padding-right:calc(var(--odx-vertical-rythm-base-size)*1)}@media (max-width:419px){.odx-content-box__footer{padding-bottom:calc(var(--odx-vertical-rythm-base-size)*.5);padding-left:calc(var(--odx-vertical-rythm-base-size)*.5);padding-right:calc(var(--odx-vertical-rythm-base-size)*.5)}}.odx-content-box__content{padding:calc(var(--odx-vertical-rythm-base-size)*1)}@media (max-width:419px){.odx-content-box__content{padding:calc(var(--odx-vertical-rythm-base-size)*.5)}}.odx-area-header~.odx-content-box__content{padding-top:0}.odx-content-box .odx-area-header{padding-bottom:calc(var(--odx-vertical-rythm-base-size)*1);padding-top:calc(var(--odx-vertical-rythm-base-size)*1)}@media (max-width:419px){.odx-content-box .odx-area-header{padding-bottom:calc(var(--odx-vertical-rythm-base-size)*.5);padding-top:calc(var(--odx-vertical-rythm-base-size)*.5)}}:root{--odx-form-field-hint-color:var(--gray-500)}.odx-form,.odx-form-group{--odx-grid-gutter:calc(var(--odx-vertical-rythm-base-size)*0.5);row-gap:0}.odx-form-field{color:var(--odx-input-control-color);display:flex;flex-direction:column;padding-top:calc(var(--odx-vertical-rythm-base-size)*.8334);vertical-align:top}.odx-form-field__info,.odx-form-field__label{display:block;flex:1 1 auto;padding-left:calc(var(--odx-vertical-rythm-base-size)*.3334);padding-right:calc(var(--odx-vertical-rythm-base-size)*.3334)}.odx-form-field__prefix,.odx-form-field__suffix{align-items:center;display:inline-flex;flex:0 0 auto;height:calc(var(--odx-vertical-rythm-base-size)*1.5);margin-bottom:calc(var(--odx-vertical-rythm-base-size)*0);margin-top:calc(var(--odx-vertical-rythm-base-size)*0);transition:all var(--odx-v-transition-duration) 0ms var(--odx-v-transition-easing-fn);transition-property:color}.odx-form-field.is-disabled .odx-form-field__prefix,.odx-form-field.is-disabled .odx-form-field__suffix{color:var(--odx-input-control-color-disabled)}.odx-form-field__prefix:not(:empty){padding-left:calc(var(--odx-vertical-rythm-base-size)*.3334)}.odx-form-field__suffix:not(:empty){padding-right:calc(var(--odx-vertical-rythm-base-size)*.3334)}.odx-form-field-label{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.odx-form-field__label{display:flex;font-size:calc(var(--odx-typography-base-size)*(1*1/var(--odx-typography-negative-font-scaling-factor)));line-height:calc(var(--odx-vertical-rythm-base-size)*.8334);margin-top:calc(var(--odx-vertical-rythm-base-size)*-.8333);padding-bottom:calc(var(--odx-vertical-rythm-base-size)*0);padding-top:calc(var(--odx-vertical-rythm-base-size)*0);-webkit-user-select:none;-moz-user-select:none;user-select:none}.odx-form-field--required:not(.is-readonly,.is-disabled) .odx-form-field__label:after{color:var(--odx-c-error-text);content:"*";font-size:calc(var(--odx-typography-base-size)*1);margin-left:2px;vertical-align:top}.odx-form-field__control{background-color:var(--odx-input-control-background-color);border-radius:var(--odx-v-border-radius-controls);display:flex;margin-bottom:calc(var(--odx-vertical-rythm-base-size)*0);margin-top:calc(var(--odx-vertical-rythm-base-size)*0);min-height:calc(var(--odx-vertical-rythm-base-size)*1.5);outline:var(--odx-v-outline);outline-color:var(--odx-input-control-outline-color);outline-offset:var(--odx-v-outline-offset);overflow:hidden;position:relative;transition:all var(--odx-v-transition-duration) 0ms var(--odx-v-transition-easing-fn);transition-property:background-color,color,outline-color}.odx-form-field__control:focus-within:has(>:not(.odx-form-field__prefix,.odx-form-field__suffix):focus-visible){outline-color:var(--odx-c-focus-outline)}.odx-form-field__control:focus-within:has(>:not(.odx-form-field__prefix,.odx-form-field__suffix):focus-visible){background-color:var(--odx-c-focus)}@media (hover:hover){.odx-form-field__control:focus-within:has(>:not(.odx-form-field__prefix,.odx-form-field__suffix):focus-visible):hover{background-color:var(--odx-c-focus)}}.odx-form-field__control:after{background-color:transparent;bottom:0;content:"";display:block;height:1px;left:0;position:absolute;transition:all var(--odx-v-transition-duration) 0ms var(--odx-v-transition-easing-fn);transition-property:background-color;width:100%;z-index:1}.odx-form-field__control>:not(.odx-form-field__prefix,.odx-form-field__suffix){font-weight:var(--odx-typography-font-weight-medium);letter-spacing:var(--odx-typography-font-weight-medium-letter-spacing);padding-left:calc(var(--odx-vertical-rythm-base-size)*.3334);padding-right:calc(var(--odx-vertical-rythm-base-size)*.3334);vertical-align:middle;width:100%}.odx-form-field__control>:not(.odx-form-field__prefix,.odx-form-field__suffix)::-moz-placeholder{color:var(--odx-input-control-placeholder-color);font-weight:var(--odx-typography-font-weight-normal);letter-spacing:var(--odx-typography-font-weight-normal-letter-spacing);opacity:1}.odx-form-field__control>:not(.odx-form-field__prefix,.odx-form-field__suffix)::placeholder{color:var(--odx-input-control-placeholder-color);font-weight:var(--odx-typography-font-weight-normal);letter-spacing:var(--odx-typography-font-weight-normal-letter-spacing);opacity:1}.odx-form-field__control>textarea{height:calc(var(--odx-vertical-rythm-base-size)*3);padding-top:calc(var(--odx-vertical-rythm-base-size)*.25);resize:vertical}.odx-form-field__control>select{border-right:calc(var(--odx-vertical-rythm-base-size)*.25) solid transparent}@media (hover:hover){.odx-form-field__control:hover{background-color:var(--odx-input-control-background-color-hover);outline-color:var(--odx-input-control-outline-color-hover)}}.odx-form-field.has-error .odx-form-field__control{background-color:var(--odx-input-control-background-color-error);outline-color:var(--odx-input-control-outline-color-error)}@media (hover:hover){.odx-form-field.has-error .odx-form-field__control:hover{background-color:var(--odx-input-control-background-color)}}.odx-form-field.has-error .odx-form-field__control:after{background-color:var(--odx-input-control-color-error)}.odx-form-field.is-disabled .odx-form-field__control:after,.odx-form-field.is-readonly .odx-form-field__control:after{background-color:transparent}.odx-form-field.is-disabled .odx-form-field__control{background-color:var(--odx-input-control-background-color-disabled);color:var(--odx-input-control-color-disabled);outline-color:var(--odx-input-control-outline-color-disabled)}.odx-form-field.is-disabled .odx-form-field__control>:not(.odx-form-field__prefix,.odx-form-field__suffix){pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.odx-form-field.is-readonly .odx-form-field__control{background-color:var(--odx-input-control-background-color-readonly);color:var(--odx-input-control-color-readonly);outline-color:var(--odx-input-control-outline-color-readonly)}.odx-form-field__info{color:var(--odx-form-field-hint-color);font-size:calc(var(--odx-typography-base-size)*(1*1/var(--odx-typography-negative-font-scaling-factor)*1/var(--odx-typography-negative-font-scaling-factor)));line-height:calc(var(--odx-vertical-rythm-base-size)*.6667);margin-bottom:calc(var(--odx-vertical-rythm-base-size)*0);margin-top:calc(var(--odx-vertical-rythm-base-size)*0);min-height:calc(var(--odx-vertical-rythm-base-size)*.6667);padding-bottom:calc(var(--odx-vertical-rythm-base-size)*0);padding-top:calc(var(--odx-vertical-rythm-base-size)*0);text-align:right;transition:all var(--odx-v-transition-duration) 0ms var(--odx-v-transition-easing-fn);transition-property:opacity}.odx-form-field.is-readonly .odx-form-field__info,.odx-form-group.is-readonly .odx-form-field__info{opacity:0;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.odx-form-field-error{color:var(--odx-input-control-color-error)}.odx-header{align-items:center;background-color:var(--odx-c-background-content);display:flex;height:calc(var(--odx-vertical-rythm-base-size)*2);margin-bottom:calc(var(--odx-vertical-rythm-base-size)*0);margin-top:calc(var(--odx-vertical-rythm-base-size)*0);padding-left:calc(var(--odx-vertical-rythm-base-size)*.8334);padding-right:calc(var(--odx-vertical-rythm-base-size)*.5)}.odx-header .odx-main-menu-button{margin-left:calc(var(--odx-vertical-rythm-base-size)*-.3333);margin-right:calc(var(--odx-vertical-rythm-base-size)*.5)}.odx-header .odx-logo,.odx-header__title{margin-right:auto}.odx-header__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.odx-header .odx-action-group:not(:last-child){border-right:1px solid var(--odx-c-seperator);margin-right:calc(var(--odx-vertical-rythm-base-size)*.5);padding-right:calc(var(--odx-vertical-rythm-base-size)*.5)}.odx-header__title~.odx-logo{display:none}.odx-link{border-radius:var(--odx-v-border-radius-controls);color:var(--odx-c-link);cursor:pointer;outline:var(--odx-v-outline);outline-offset:var(--odx-v-outline-offset);padding:0 2px;position:relative;transition:all var(--odx-v-transition-duration) 0ms var(--odx-v-transition-easing-fn);transition-property:color,background-color,outline;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}.odx-link:focus-visible{outline-color:var(--odx-c-focus-outline)}.odx-link:focus-visible{background-color:var(--odx-c-focus)}@media (hover:hover){.odx-link:focus-visible:hover{background-color:var(--odx-c-focus)}}.odx-link.is-disabled,.odx-link:disabled{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.odx-link:before{background-color:currentcolor;bottom:1px;content:"";height:1px;left:50%;position:absolute;transform:translateX(-50%);transition:all var(--odx-v-transition-duration) 0ms var(--odx-v-transition-easing-fn);transition-property:width;width:0}.odx-link:visited{color:var(--odx-c-link-visited)}@media (hover:hover){.odx-link:hover{color:var(--odx-c-link-hover)}.odx-link:hover:before{width:98%}}.odx-link:active{color:var(--odx-c-link-active)}.odx-link.is-disabled{color:var(--odx-c-link-disabled);pointer-events:none;text-decoration:none}.odx-link.is-disabled:before{content:none}:root{--odx-logo-color:var(--odx-c-primary);--odx-logo-color-inverse:var(--odx-c-text-inverse)}.odx-logo{aspect-ratio:2.5/1;background-color:var(--odx-logo-color);display:inline-block;height:calc(var(--odx-vertical-rythm-base-size)*1);margin-bottom:calc(var(--odx-vertical-rythm-base-size)*0);margin-top:calc(var(--odx-vertical-rythm-base-size)*0);-webkit-mask-image:url(323d385340fb9fee6450.svg);mask-image:url(323d385340fb9fee6450.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.odx-logo--inverse{background-color:var(--odx-logo-color-inverse)}.odx-logo--medium{height:calc(var(--odx-vertical-rythm-base-size)*1.5)}.odx-logo--large,.odx-logo--medium{margin-bottom:calc(var(--odx-vertical-rythm-base-size)*.25);margin-top:calc(var(--odx-vertical-rythm-base-size)*.25)}.odx-logo--large{height:calc(var(--odx-vertical-rythm-base-size)*2.5)}.odx-main-menu-button{color:inherit}:root{--odx-main-menu-item-background-color:transparent;--odx-main-menu-item-background-color-hover:var(--white-5);--odx-main-menu-item-background-color-active:var(--odx-c-focus);--odx-main-menu-item-text-color:inherit;--odx-main-menu-item-text-color-disabled:var(--odx-c-primary-text-disabled)}.odx-main-menu-item{align-items:center;background-color:transparent;border-radius:var(--odx-v-border-radius);color:var(--odx-main-menu-item-text-color);cursor:pointer;display:flex;font-weight:var(--odx-typography-font-weight-medium);height:calc(var(--odx-vertical-rythm-base-size)*2.3334);letter-spacing:var(--odx-typography-font-weight-medium-letter-spacing);margin-bottom:calc(var(--odx-vertical-rythm-base-size)*.3334);margin-top:calc(var(--odx-vertical-rythm-base-size)*.3334);outline:var(--odx-v-outline);outline-offset:var(--odx-v-outline-offset);overflow:hidden;padding-left:calc(var(--odx-vertical-rythm-base-size)*.6667);padding-right:calc(var(--odx-vertical-rythm-base-size)*.6667);text-overflow:ellipsis;transition:all var(--odx-v-transition-duration) 0ms var(--odx-v-transition-easing-fn);transition-property:color,background-color,outline;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.odx-main-menu-item:focus-visible{outline-color:var(--odx-c-focus-outline)}.odx-main-menu-item:focus-visible{background-color:var(--odx-c-focus)}@media (hover:hover){.odx-main-menu-item:focus-visible:hover{background-color:var(--odx-c-focus)}}.odx-main-menu-item.is-disabled,.odx-main-menu-item:disabled{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (hover:hover){.odx-main-menu-item:hover{background-color:var(--odx-main-menu-item-background-color-hover)}}.odx-main-menu-item:active{background-color:var(--odx-main-menu-item-background-color-active)}.odx-main-menu-item.is-disabled,.odx-main-menu-item:disabled{background-color:transparent;color:var(--odx-main-menu-item-text-color-disabled)}.odx-main-menu-item>.odx-icon{margin-left:calc(var(--odx-vertical-rythm-base-size)*-.3333);margin-right:calc(var(--odx-vertical-rythm-base-size)*.3334)}:root{--odx-main-menu-max-width:100vw;--odx-main-menu-background-color:var(--odx-c-primary);--odx-main-menu-text-color:var(--odx-c-primary-text);--odx-main-menu-highlight-color:var(--odx-c-highlight)}@media (min-width:420px){:root{--odx-main-menu-max-width:min(100vw,384px)}}.odx-main-menu{--odx-area-header-title-color:var(--odx-main-menu-highlight-color);--odx-area-header-subtitle-color:var(--odx-c-text-inverse)}.odx-main-menu__inner{background-color:var(--odx-main-menu-background-color);color:var(--odx-main-menu-text-color);display:grid;grid-template-rows:auto auto 1fr auto auto;height:100%;left:0;max-height:100vh;max-width:var(--odx-main-menu-max-width);position:fixed;top:0;z-index:9000}.odx-main-menu__overlay{-webkit-backdrop-filter:blur(var(--odx-v-backdrop-blur));backdrop-filter:blur(var(--odx-v-backdrop-blur));background-color:var(--odx-c-backdrop);height:100%;left:0;position:absolute;top:0;width:100%;z-index:8999}.odx-main-menu__actions{height:calc(var(--odx-vertical-rythm-base-size)*2);margin:calc(var(--odx-vertical-rythm-base-size)*0) calc(var(--odx-vertical-rythm-base-size)*.5)}.odx-main-menu__footer,.odx-main-menu__header{max-width:inherit}.odx-main-menu__close{align-self:flex-start;color:inherit}.odx-main-menu__content{--odx-v-scrollbar-thumb-color:var(--blue-400);--odx-v-scrollbar-thumb-color-hover:var(--blue-500);display:flex;flex-direction:column;max-width:calc(var(--odx-main-menu-max-width) + var(--odx-vertical-rythm-base-size)*2);min-height:calc(var(--odx-vertical-rythm-base-size)*5);overflow:auto;padding-left:calc(var(--odx-vertical-rythm-base-size)*.5);padding-right:calc(var(--odx-vertical-rythm-base-size)*.5)}.odx-main-menu__content>*{flex:0 0 auto}.odx-main-menu__info{-moz-column-gap:calc(var(--odx-vertical-rythm-base-size)*1);column-gap:calc(var(--odx-vertical-rythm-base-size)*1);display:flex;flex-wrap:wrap;padding:calc(var(--odx-vertical-rythm-base-size)*.5) calc(var(--odx-vertical-rythm-base-size)*1)}@media (min-width:768px){.odx-main-menu__info{padding-bottom:calc(var(--odx-vertical-rythm-base-size)*1);padding-top:calc(var(--odx-vertical-rythm-base-size)*1)}}.odx-main-menu__footer{align-items:center;display:flex;display:grid;gap:calc(var(--odx-vertical-rythm-base-size)*.5);grid-template-columns:1fr auto;height:calc(var(--odx-vertical-rythm-base-size)*1);justify-content:center;margin-bottom:calc(var(--odx-vertical-rythm-base-size)*0);margin-top:calc(var(--odx-vertical-rythm-base-size)*0);padding:calc(var(--odx-vertical-rythm-base-size)*.6667) calc(var(--odx-vertical-rythm-base-size)*1) calc(var(--odx-vertical-rythm-base-size)*1.3334);-webkit-user-select:none;-moz-user-select:none;user-select:none}.odx-main-menu__footer>.odx-main-menu__info,.odx-main-menu__footer>.odx-text{word-wrap:break-word;line-height:calc(var(--odx-vertical-rythm-base-size)*.5);opacity:.3;padding-bottom:calc(var(--odx-vertical-rythm-base-size)*0);padding-top:calc(var(--odx-vertical-rythm-base-size)*0)}.odx-main-menu .odx-link:visited{color:var(--odx-c-link)}@media (hover:hover){.odx-main-menu .odx-link:hover{color:var(--odx-c-link)}}.odx-modal{--odx-modal-margin-y:calc(var(--odx-vertical-rythm-base-size)*2);--odx-modal-margin-x:calc(var(--odx-vertical-rythm-base-size)*0.3334);--odx-modal-max-width:calc(var(--odx-vertical-rythm-base-size)*20);-webkit-backdrop-filter:blur(var(--odx-v-backdrop-blur));backdrop-filter:blur(var(--odx-v-backdrop-blur));background-color:var(--odx-c-backdrop-dark);display:block;height:100%;left:0;overflow:auto;overscroll-behavior:contain;position:fixed;top:0;width:100%;z-index:1000}@media (min-width:420px){.odx-modal{--odx-modal-margin-y:calc(var(--odx-vertical-rythm-base-size)*3);--odx-modal-margin-x:calc(var(--odx-vertical-rythm-base-size)*1)}}.odx-modal__container{background-color:var(--odx-c-background-content);border-radius:var(--odx-v-border-radius);box-shadow:var(--odx-v-backdrop-box-shadow-layer-2);display:flex;flex-direction:column;margin:var(--odx-modal-margin-y) auto 0;max-height:calc(100vh - var(--odx-modal-margin-y)*2);min-height:calc(var(--odx-vertical-rythm-base-size)*7);padding-left:calc(var(--odx-vertical-rythm-base-size)*.6667);padding-right:calc(var(--odx-vertical-rythm-base-size)*.6667);width:min(var(--odx-modal-max-width),100vw - 2 * var(--odx-modal-margin-x))}.odx-modal--medium .odx-modal__container{--odx-modal-max-width:calc(var(--odx-vertical-rythm-base-size)*30)}.odx-modal--large .odx-modal__container{--odx-modal-max-width:calc(var(--odx-vertical-rythm-base-size)*50)}.odx-modal__footer,.odx-modal__header{display:flex;flex:0 0 auto}.odx-modal__header{margin-bottom:calc(var(--odx-vertical-rythm-base-size)*0);margin-top:calc(var(--odx-vertical-rythm-base-size)*0);min-height:calc(var(--odx-vertical-rythm-base-size)*1);padding-top:calc(var(--odx-vertical-rythm-base-size)*.5)}.odx-modal__header>.odx-area-header{flex:1 1 auto;margin-left:calc(var(--odx-vertical-rythm-base-size)*-1);margin-right:calc(var(--odx-vertical-rythm-base-size)*-.5);max-width:100%}.odx-modal__content{display:block;overflow:auto;padding-top:calc(var(--odx-vertical-rythm-base-size)*.5)}.odx-modal__content,.odx-modal__footer{padding-bottom:calc(var(--odx-vertical-rythm-base-size)*.5)}.odx-modal__footer{--odx-grid-gutter:calc(var(--odx-vertical-rythm-base-size)*0.6667);height:calc(var(--odx-vertical-rythm-base-size)*2.5);justify-content:flex-end;margin-bottom:calc(var(--odx-vertical-rythm-base-size)*0);margin-top:calc(var(--odx-vertical-rythm-base-size)*0)}.odx-radio-button{color:var(--odx-control-color);display:block}.odx-radio-button.is-disabled{color:var(--odx-input-control-color-disabled)}.odx-radio-button.is-readonly{pointer-events:none}.odx-radio-button.is-readonly,.odx-radio-button__label{-webkit-user-select:none;-moz-user-select:none;user-select:none}.odx-radio-button__label{border-radius:calc(var(--odx-vertical-rythm-base-size)*1);color:inherit;cursor:pointer;display:inline-flex;font-size:calc(var(--odx-typography-base-size)*1);line-height:calc(var(--odx-vertical-rythm-base-size)*1);min-height:calc(var(--odx-vertical-rythm-base-size)*1);outline:var(--odx-v-outline);outline-offset:var(--odx-v-outline-offset);padding:0 2px;transition:all var(--odx-v-transition-duration) 0ms var(--odx-v-transition-easing-fn);transition-property:background-color,color,outline;-webkit-user-select:auto;-moz-user-select:auto;user-select:auto;vertical-align:top}.odx-radio-button__label:focus-within:has(:focus-visible){outline-color:var(--odx-c-focus-outline)}.odx-radio-button__label:focus-within:has(:focus-visible){background-color:var(--odx-c-focus)}@media (hover:hover){.odx-radio-button__label:focus-within:has(:focus-visible):hover{background-color:var(--odx-c-focus)}}.odx-radio-button__label.is-disabled,.odx-radio-button__label:disabled{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.odx-radio-button--with-label .odx-radio-button__label{border-bottom-right-radius:calc(var(--odx-v-border-radius-controls)*2);border-top-right-radius:calc(var(--odx-v-border-radius-controls)*2)}.odx-radio-button.is-disabled .odx-radio-button__label{cursor:default}.odx-radio-button__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:0;margin:0;opacity:0;outline:none!important;padding:0;position:absolute;width:0}.odx-radio-button__indicator{align-items:center;background-color:var(--odx-control-background-color);border-radius:50%;color:var(--odx-control-color-selected);display:flex;flex:0 0 auto;height:calc(var(--odx-vertical-rythm-base-size)*.8334);justify-content:center;margin-bottom:calc(var(--odx-vertical-rythm-base-size)*.0834);margin-top:calc(var(--odx-vertical-rythm-base-size)*.0834);outline:var(--odx-v-outline);outline-color:var(--odx-control-outline-color);outline-offset:var(--odx-v-outline-offset);padding:1px;transition:all var(--odx-v-transition-duration) 0ms var(--odx-v-transition-easing-fn);transition-property:background-color,color,outline-color;width:calc(var(--odx-vertical-rythm-base-size)*.8334)}.odx-radio-button__indicator:before{background-color:currentcolor;border-radius:50%;content:"";height:calc(var(--odx-vertical-rythm-base-size)*.1667);margin-bottom:calc(var(--odx-vertical-rythm-base-size)*0);margin-top:calc(var(--odx-vertical-rythm-base-size)*0);transform:scale(0);transition:all var(--odx-v-transition-duration) 0ms var(--odx-v-transition-easing-fn);transition-property:transform;width:calc(var(--odx-vertical-rythm-base-size)*.1667)}@media (hover:hover){.odx-radio-button:hover .odx-radio-button__indicator{background-color:var(--odx-control-background-color-hover);outline-color:var(--odx-control-outline-color-hover)}}.odx-radio-button.is-active .odx-radio-button__indicator,.odx-radio-button__input:checked~.odx-radio-button__indicator{background-color:var(--odx-control-background-color-selected);outline-color:var(--odx-control-outline-color-selected)}.odx-radio-button.is-active .odx-radio-button__indicator:before,.odx-radio-button__input:checked~.odx-radio-button__indicator:before{transform:scale(1)}.odx-radio-button.has-error .odx-radio-button__indicator{background-color:var(--odx-control-background-color-error);color:var(--odx-control-color-error);outline-color:var(--odx-control-outline-color-error)}@media (hover:hover){.odx-radio-button.has-error:hover .odx-radio-button__indicator{outline-color:var(--odx-control-outline-color-error-hover)}}.odx-radio-button.is-disabled .odx-radio-button__indicator{background-color:var(--odx-control-background-color-disabled);color:var(--odx-control-color-disabled);outline-color:var(--odx-control-outline-color-disabled)}.odx-radio-button.is-readonly .odx-radio-button__indicator{background-color:var(--odx-control-background-color-readonly);color:var(--odx-control-color-readonly);outline-color:var(--odx-control-outline-color-readonly)}.odx-radio-button__content{margin-left:calc(var(--odx-vertical-rythm-base-size)*.5);padding-left:2px}.odx-radio-button__content:empty{margin:0;padding:0}.odx-radio-group{align-items:flex-start;display:flex;flex-direction:column;padding-bottom:calc(var(--odx-vertical-rythm-base-size)*.5);padding-top:calc(var(--odx-vertical-rythm-base-size)*.5)}.odx-radio-group--horizontal{-moz-column-gap:calc(var(--odx-vertical-rythm-base-size)*.5);column-gap:calc(var(--odx-vertical-rythm-base-size)*.5);flex-flow:row wrap}.odx-switch{color:var(--odx-c-text);display:inline-block}.odx-switch.is-disabled{color:var(--odx-input-control-color-disabled)}.odx-switch.is-readonly{pointer-events:none;user-select:none}.odx-switch.is-readonly,.odx-switch__label{-webkit-user-select:none;-moz-user-select:none}.odx-switch__label{align-items:center;border-radius:calc(var(--odx-vertical-rythm-base-size)*.5);color:inherit;cursor:pointer;display:inline-flex;font-size:calc(var(--odx-typography-base-size)*1);line-height:calc(var(--odx-vertical-rythm-base-size)*1);min-height:calc(var(--odx-vertical-rythm-base-size)*1);outline:var(--odx-v-outline);outline-offset:var(--odx-v-outline-offset);padding:0 2px;transition:all var(--odx-v-transition-duration) 0ms var(--odx-v-transition-easing-fn);transition-property:background-color,color,outline-color;-webkit-user-select:auto;-moz-user-select:auto;user-select:auto;user-select:none;vertical-align:top}.odx-switch__label:focus-within:has(:focus-visible){outline-color:var(--odx-c-focus-outline)}.odx-switch__label:focus-within:has(:focus-visible){background-color:var(--odx-c-focus)}@media (hover:hover){.odx-switch__label:focus-within:has(:focus-visible):hover{background-color:var(--odx-c-focus)}}.odx-switch__label.is-disabled,.odx-switch__label:disabled{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.odx-switch.is-disabled .odx-switch__label{cursor:default}.odx-switch__label:has(.odx-switch__content:not(:empty)){border-bottom-right-radius:var(--odx-v-border-radius-controls);border-top-right-radius:var(--odx-v-border-radius-controls)}.odx-switch__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:0;margin:0;opacity:0;outline:none!important;padding:0;position:absolute;width:0}.odx-switch__input:focus-visible~.odx-switch__indicator:before{box-shadow:0 0 0 1px var(--odx-c-background-content);outline-color:var(--odx-c-focus)}.odx-switch__indicator{background-color:var(--odx-control-background-color);border:1px solid var(--odx-control-outline-color);border-radius:calc(var(--odx-vertical-rythm-base-size)*.1667/2);color:var(--odx-control-color-selected);height:calc(var(--odx-vertical-rythm-base-size)*.1667);position:relative;transition:all var(--odx-v-transition-duration) 0ms var(--odx-v-transition-easing-fn);transition-property:background-color,color,outline-color;width:calc(var(--odx-vertical-rythm-base-size)*1.5)}.odx-switch__indicator:before{background-color:var(--odx-control-background-color);border:1px solid var(--odx-control-outline-color);border-radius:50%;box-sizing:border-box;content:"";display:block;height:calc(var(--odx-vertical-rythm-base-size)*.8334);outline:var(--odx-v-outline);outline-color:var(--odx-c-background-content);position:absolute;top:calc(var(--odx-vertical-rythm-base-size)*.8334/-2 + 50%);transform:translateX(-1px);transition:all var(--odx-v-transition-duration) 0ms var(--odx-v-transition-easing-fn);transition-property:background-color,transform,border-color,outline-color;width:calc(var(--odx-vertical-rythm-base-size)*.8334)}@media (hover:hover){.odx-switch:hover .odx-switch__indicator:before{background-color:var(--odx-control-background-color-hover)}.odx-switch.is-active:hover .odx-switch__indicator:before{background-color:var(--odx-c-highlight-hover);border-color:var(--odx-c-highlight-hover)}}.odx-switch.is-active .odx-switch__indicator,.odx-switch__input:checked~.odx-switch__indicator,.odx-switch__input:indeterminate~.odx-switch__indicator{background-color:var(--odx-control-background-color-selected);border-color:var(--odx-control-background-color-selected)}.odx-switch.is-active .odx-switch__indicator:before,.odx-switch__input:checked~.odx-switch__indicator:before,.odx-switch__input:indeterminate~.odx-switch__indicator:before{background-color:var(--odx-control-background-color-selected);border-color:var(--odx-control-background-color-selected);transform:translateX(calc(var(--odx-vertical-rythm-base-size)*1.5 - var(--odx-vertical-rythm-base-size)*.8334 - 1px))}.odx-switch.has-error .odx-switch__indicator,.odx-switch.has-error .odx-switch__indicator:before{background-color:var(--odx-control-background-color-error);border-color:var(--odx-control-background-color-error)}@media (hover:hover){.odx-switch.has-error:hover .odx-switch__indicator{outline-color:var(--odx-control-outline-color-error-hover)}}.odx-switch.is-disabled .odx-switch__indicator,.odx-switch.is-disabled .odx-switch__indicator:before{background-color:var(--odx-c-secondary-disabled);border-color:var(--odx-c-secondary-disabled)}.odx-switch.is-disabled .odx-switch__indicator:before{outline-color:transparent}.odx-switch.is-disabled:not(.is-active) .odx-switch__indicator,.odx-switch.is-disabled:not(.is-active) .odx-switch__indicator:before{background-color:var(--odx-control-background-color-disabled);border-color:var(--odx-control-background-color-disabled)}.odx-switch__content{margin-left:calc(var(--odx-vertical-rythm-base-size)*.5);padding-left:2px}.odx-switch__content:empty{margin:0;padding:0}.odx-toggle-button{border-radius:1px;color:var(--odx-control-color);cursor:pointer;display:block;display:inline-flex;font-size:calc(var(--odx-typography-base-size)*1);height:calc(var(--odx-vertical-rythm-base-size)*1);margin-bottom:calc(var(--odx-vertical-rythm-base-size)*0);margin-top:calc(var(--odx-vertical-rythm-base-size)*0);outline:var(--odx-v-outline);outline-offset:var(--odx-v-outline-offset);overflow:hidden;transition:all var(--odx-v-transition-duration) 0ms var(--odx-v-transition-easing-fn);transition-property:background-color,color,outline;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:top}.odx-toggle-button:focus-within:has(:focus-visible){outline-color:var(--odx-c-focus-outline)}.odx-toggle-button:focus-within:has(:focus-visible){background-color:var(--odx-c-focus)}@media (hover:hover){.odx-toggle-button:focus-within:has(:focus-visible):hover{background-color:var(--odx-c-focus)}}.odx-toggle-button.is-disabled,.odx-toggle-button:disabled{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.odx-toggle-button.is-active,.odx-toggle-button.is-active:focus-within{--odx-c-focus-outline:var(--cyan-700);background-color:var(--odx-control-background-color-selected);color:var(--odx-control-color-selected)}.odx-toggle-button.is-disabled{background-color:transparent;color:var(--odx-input-control-color-disabled)}.odx-toggle-button.is-readonly{background-color:var(--odx-control-background-color-readonly);color:var(--odx-control-color-readonly);cursor:default}.odx-toggle-button.is-active.is-disabled{background-color:var(--odx-control-background-color-disabled);color:var(--odx-control-color-disabled)}.odx-toggle-button.is-active.is-readonly{background-color:var(--odx-control-background-color-readonly);color:var(--odx-control-color-readonly);outline-color:var(--odx-control-outline-color-readonly)}.odx-toggle-button__label{cursor:inherit;padding-left:calc(var(--odx-vertical-rythm-base-size)*.3334);padding-right:calc(var(--odx-vertical-rythm-base-size)*.3334)}.odx-toggle-button-group{align-items:center;border-radius:var(--odx-v-border-radius-controls);-moz-column-gap:calc(var(--odx-vertical-rythm-base-size)*.25);column-gap:calc(var(--odx-vertical-rythm-base-size)*.25);display:inline-flex;height:calc(var(--odx-vertical-rythm-base-size)*1.5);justify-content:center;margin-bottom:calc(var(--odx-vertical-rythm-base-size)*.25);margin-top:calc(var(--odx-vertical-rythm-base-size)*.25);outline:var(--odx-v-outline);outline-offset:var(--odx-v-outline-offset);padding-left:calc(var(--odx-vertical-rythm-base-size)*.25);padding-right:calc(var(--odx-vertical-rythm-base-size)*.25);transition:all var(--odx-v-transition-duration) 0ms var(--odx-v-transition-easing-fn);transition-property:background-color}.odx-toggle-button-group.has-error:not(.is-disabled,.is-readonly){background-color:var(--odx-c-error);outline-color:var(--odx-c-error-outline)}.odx-toggle-button-group:focus-within:has(:focus-visible){background-color:var(--blue-700-5)}@media (hover:hover){.odx-toggle-button-group:not(.is-disabled,.is-readonly):hover{background-color:var(--blue-700-5)}}
package/package.json CHANGED
@@ -1,16 +1,15 @@
1
1
  {
2
2
  "name": "@odx/ui",
3
- "publishConfig": {
4
- "access": "public"
5
- },
6
- "description": "TODO: add description",
7
- "version": "1.0.0-rc.1",
8
- "bugs": "TODO: add url",
3
+ "version": "1.0.0-rc.3",
9
4
  "author": "Drägerwerk AG & Co.KGaA",
5
+ "license": "SEE LICENSE IN LICENSE",
10
6
  "files": [
11
- "README.md",
12
7
  "*.css",
13
8
  "*.woff2",
9
+ "*.svg",
14
10
  "scss"
15
- ]
11
+ ],
12
+ "publishConfig": {
13
+ "access": "public"
14
+ }
16
15
  }
package/scss/{modules → abstract}/_breakpoints.scss RENAMED
@@ -8,7 +8,7 @@ $breakpoints: () !default;
8
8
  @return map.keys($breakpoints);
9
9
  }
10
10
 
11
- @function get-value($breakpoint) {
11
+ @function _get-value($breakpoint) {
12
12
  @if $breakpoint and not map.has-key($breakpoints, $breakpoint) {
13
13
  @error "Invalid breakpoint, `#{$breakpoint}` doesn't exist. Choose one of #{map.keys(breakpoints.$values)}.";
14
14
  }
@@ -16,7 +16,7 @@ $breakpoints: () !default;
16
16
  @return map.get($breakpoints, $breakpoint);
17
17
  }
18
18
 
19
- @function get-next-value($breakpoint) {
19
+ @function _get-next-value($breakpoint) {
20
20
  @if $breakpoint and not map.has-key($breakpoints, $breakpoint) {
21
21
  @error "Invalid breakpoint, `#{$breakpoint}` doesn't exist. Choose one of #{map.keys(breakpoints.$values)}.";
22
22
  }
@@ -27,20 +27,20 @@ $breakpoints: () !default;
27
27
  @return if($index < length($keys), list.nth($keys, $index + 1), null);
28
28
  }
29
29
 
30
- @function get-min-value($breakpoint) {
31
- $value: get-value($breakpoint);
30
+ @function _get-min-value($breakpoint) {
31
+ $value: _get-value($breakpoint);
32
32
 
33
33
  @return if($value != 0, $value, null);
34
34
  }
35
35
 
36
- @function get-max-value($breakpoint) {
37
- $value: get-value($breakpoint);
36
+ @function _get-max-value($breakpoint) {
37
+ $value: _get-value($breakpoint);
38
38
 
39
39
  @return if($value > 0, $value - 1, null);
40
40
  }
41
41
 
42
42
  @mixin up($breakpoint) {
43
- $min: get-min-value($breakpoint);
43
+ $min: _get-min-value($breakpoint);
44
44
 
45
45
  @if $min {
46
46
  @media (min-width: $min) {
@@ -52,7 +52,7 @@ $breakpoints: () !default;
52
52
  }
53
53
 
54
54
  @mixin down($breakpoint) {
55
- $max: get-max-value($breakpoint);
55
+ $max: _get-max-value($breakpoint);
56
56
 
57
57
  @if $max {
58
58
  @media (max-width: $max) {
@@ -64,9 +64,9 @@ $breakpoints: () !default;
64
64
  }
65
65
 
66
66
  @mixin only($breakpoint) {
67
- $min: get-min-value($breakpoint);
68
- $next: get-next-value($breakpoint);
69
- $max: get-max-value($breakpoint);
67
+ $min: _get-min-value($breakpoint);
68
+ $next: _get-next-value($breakpoint);
69
+ $max: _get-max-value($breakpoint);
70
70
 
71
71
  @if $min != null and $max != null {
72
72
  @media (min-width: $min) and (max-width: $max) {