@odx/ui 1.0.0-rc.1

package/core-icons.css

@@ -0,0 +1,13 @@
+
+@font-face {
+  font-family: core-icons;
+  src:
+    url("assets/core-icons.woff2?1665475579389") format("woff2"),
+    url("assets/core-icons.svg?1665475579389#core-icons") format("svg");
+  font-style: normal;
+  font-weight: normal;
+}
+
+.odx-icon {
+  font-family: core-icons;
+}

package/core-theme.css

@@ -0,0 +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)}

package/package.json

@@ -0,0 +1,16 @@
+{
+  "name": "@odx/ui",
+  "publishConfig": {
+    "access": "public"
+  },
+  "description": "TODO: add description",
+  "version": "1.0.0-rc.1",
+  "bugs": "TODO: add url",
+  "author": "Drägerwerk AG & Co.KGaA",
+  "files": [
+    "README.md",
+    "*.css",
+    "*.woff2",
+    "scss"
+  ]
+}

package/scss/_helpers.scss

@@ -0,0 +1,15 @@
+@use 'sass:math';
+@use 'base/mixins' as mx;
+@use 'modules/vertical-rythm' as vr;
+
+.visually-hidden {
+  @include mx.visually-hidden();
+}
+
+.seperator,
+hr {
+  @include vr.height(1, math.div(1, 24));
+
+  background-color: var(--odx-c-seperator);
+  border: 0;
+}

package/scss/base/_mixins.scss

@@ -0,0 +1,3 @@
+@forward 'mixins/container';
+@forward 'mixins/control';
+@forward 'mixins/transition';

package/scss/base/_reset.scss

@@ -0,0 +1,136 @@
+/* http://meyerweb.com/eric/tools/css/reset/
+   v2.0 | 20110126
+   License: none (public domain)
+*/
+
+html,
+body,
+div,
+span,
+applet,
+object,
+iframe,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+button,
+blockquote,
+pre,
+a,
+abbr,
+acronym,
+address,
+big,
+cite,
+code,
+del,
+dfn,
+em,
+img,
+ins,
+kbd,
+q,
+s,
+samp,
+small,
+strike,
+strong,
+sub,
+sup,
+tt,
+var,
+b,
+u,
+i,
+center,
+dl,
+dt,
+dd,
+ol,
+ul,
+li,
+fieldset,
+form,
+label,
+legend,
+table,
+caption,
+tbody,
+tfoot,
+thead,
+tr,
+th,
+td,
+article,
+aside,
+canvas,
+details,
+embed,
+figure,
+figcaption,
+footer,
+header,
+hgroup,
+menu,
+nav,
+output,
+ruby,
+section,
+summary,
+time,
+mark,
+audio,
+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::before,
+blockquote::after,
+q::before,
+q::after {
+  content: '';
+  content: none;
+}
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+
+a {
+  text-decoration: none;
+}

package/scss/base/_utils.scss

@@ -0,0 +1,19 @@
+@use 'sass:math';
+
+@function css-pow($value, $exponent) {
+  $css-value: 1;
+
+  @if $exponent < 0 {
+    @for $i from 1 through math.abs($exponent) {
+      $css-value: $css-value + '*1/#{$value}';
+    }
+  }
+
+  @if $exponent > 0 {
+    @for $i from 1 through $exponent {
+      $css-value: $css-value + '*#{$value}';
+    }
+  }
+
+  @return calc(#{$css-value});
+}

package/scss/base/mixins/_container.scss

@@ -0,0 +1,31 @@
+/* stylelint-disable block-closing-brace-newline-after */
+@mixin center-content($inline: false) {
+  @if $inline {
+    display: inline-flex;
+  } @else {
+    display: flex;
+  }
+
+  align-items: center;
+  justify-content: center;
+}
+
+@mixin vertical-center-content($inline: false) {
+  @if $inline {
+    display: inline-flex;
+  } @else {
+    display: flex;
+  }
+
+  align-items: center;
+}
+
+@mixin horizontal-center-content($inline: false) {
+  @if $inline {
+    display: inline-flex;
+  } @else {
+    display: flex;
+  }
+
+  justify-content: center;
+}

package/scss/base/mixins/_control.scss

@@ -0,0 +1,50 @@
+@mixin focus-state($with-background: true) {
+  outline-color: var(--odx-c-focus-outline);
+
+  @if $with-background {
+    background-color: var(--odx-c-focus);
+  }
+}
+
+@mixin interactive($with-background: true, $focus-within: false) {
+  cursor: pointer;
+  outline: var(--odx-v-focus-outline);
+  outline-color: transparent;
+  outline-offset: -1px;
+  user-select: none;
+
+  &:disabled,
+  &.is-disabled {
+    cursor: not-allowed;
+  }
+
+  @if $focus-within {
+    &.has-focus {
+      @include focus-state($with-background);
+    }
+
+    &:focus-within:has(:focus-visible) {
+      @include focus-state($with-background);
+    }
+  } @else {
+    &:focus-visible {
+      @include focus-state($with-background);
+    }
+  }
+}
+
+@mixin non-interactive() {
+  pointer-events: none;
+  user-select: none;
+}
+
+@mixin visually-hidden() {
+  appearance: none;
+  height: 0;
+  margin: 0;
+  opacity: 0;
+  outline: none !important;
+  padding: 0;
+  position: absolute;
+  width: 0;
+}

package/scss/base/mixins/_transition.scss

@@ -0,0 +1,10 @@
+@mixin transition($properties, $delay: 0ms) {
+  $props: ();
+
+  @each $prop in $properties {
+    $props: append($props, $prop, comma);
+  }
+
+  transition: all var(--odx-v-transition-duration) $delay var(--odx-v-transition-easing-fn);
+  transition-property: $props;
+}

package/scss/components/action-group/action-group.component.scss

@@ -0,0 +1,25 @@
+@use '../../modules/vertical-rythm' as vr;
+@use '../../base/mixins' as mx;
+@use '../button/button.component';
+
+.odx-action-group {
+  @include vr.height(2, 1.5);
+  @include mx.vertical-center-content(true);
+
+  gap: vr.get-size(0.25);
+
+  &--reverse {
+    flex-direction: row-reverse;
+  }
+
+  > .odx-button:not(.odx-button--success, .odx-button--danger, .odx-button--confirmation) {
+    /* stylelint-disable-next-line scss/at-extend-no-missing-placeholder */
+    @extend .odx-button--ghost;
+
+    color: var(--odx-c-control-text);
+
+    &:focus-visible {
+      outline-color: var(--odx-c-focus-outline);
+    }
+  }
+}

package/scss/components/area-header/area-header.component.scss

@@ -0,0 +1,164 @@
+@use 'sass:math';
+@use '../../modules/breakpoints' as br;
+@use '../../modules/vertical-rythm' as vr;
+@use '../../modules/typography' as t;
+@use '../avatar/avatar.component';
+@use '../../base/mixins' as mx;
+
+:root {
+  --odx-area-header-title-color: var(--odx-c-headline);
+  --odx-area-header-subtitle-color: var(--odx-c-headline);
+}
+
+.odx-area-header {
+  @include vr.padding-x(1);
+
+  &,
+  &__container {
+    column-gap: vr.get-size(math.div(20, 24));
+    display: flex;
+  }
+
+  * {
+    flex: 0 0 auto;
+  }
+
+  &__container,
+  &__inner,
+  &__title,
+  &__subtitle {
+    @include t.prevent-text-overflow();
+  }
+
+  &__title,
+  &__subtitle {
+    display: block;
+  }
+
+  &__container {
+    display: flex;
+    flex: 1 1 auto;
+  }
+
+  &__inner {
+    align-self: center;
+    flex: 1 1 auto;
+  }
+
+  &__title {
+    @extend .odx-title;
+    @extend .odx-title--6;
+
+    color: var(--odx-area-header-title-color);
+  }
+
+  &__subtitle {
+    @extend .odx-subtitle;
+    @extend .odx-title--6;
+
+    color: var(--odx-area-header-subtitle-color);
+  }
+
+  .odx-avatar,
+  &__content {
+    align-self: center;
+  }
+
+  &__content {
+    @include mx.vertical-center-content();
+
+    flex-wrap: wrap;
+    min-height: vr.get-size(2);
+  }
+
+  &--small,
+  &--medium {
+    .odx-area-header__subtitle {
+      display: none;
+    }
+
+    .odx-avatar {
+      @extend .odx-avatar--small;
+    }
+  }
+
+  &--large,
+  &--xlarge {
+    @include br.down(tablet) {
+      flex-wrap: wrap;
+
+      .odx-area-header__content {
+        flex-basis: 100%;
+        justify-content: flex-end;
+      }
+    }
+  }
+
+  &--medium {
+    @include br.up(tablet) {
+      @include vr.padding-y(0.5);
+    }
+
+    .odx-area-header__title {
+      @extend .odx-title--5;
+    }
+  }
+
+  &--large {
+    @include vr.padding-y(0.25);
+
+    @include br.up(tablet) {
+      @include vr.padding-y(0.5);
+    }
+
+    .odx-area-header__title {
+      @extend .odx-title--4;
+
+      @include br.down(tablet) {
+        @include vr.line-height(1);
+      }
+    }
+
+    .odx-avatar {
+      @extend .odx-avatar--medium;
+    }
+  }
+
+  &--xlarge {
+    @include vr.padding-y(0.5);
+
+    @include br.up(tablet) {
+      @include vr.padding-y(1);
+
+      gap: vr.get-size(1);
+
+      .odx-area-header__container {
+        @include vr.padding(1, top);
+      }
+    }
+
+    .odx-area-header__title {
+      @extend .odx-title--2;
+    }
+
+    .odx-area-header__subtitle {
+      @extend .odx-title--5;
+    }
+
+    .odx-avatar {
+      @extend .odx-avatar--large;
+
+      @include br.up(tablet) {
+        @include vr.margin(-0.5, top);
+      }
+    }
+
+    .odx-area-header__content {
+      align-self: flex-end;
+
+      @include br.up(tablet) {
+        @include vr.margin(-0.5, bottom);
+      }
+    }
+  }
+}