@odx/ui 1.0.0-rc.5 → 1.0.0-rc.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/core-theme.css CHANGED
@@ -1 +1 @@
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-15:rgba(0,39,102,.15);--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);--cyan-500-20:rgba(0,145,247,.2);--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-selected:var(--cyan-500-15);--odx-c-selected-hover:var(--cyan-500-20);--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-outline-color-selected-focus:var(--odx-c-highlight-active);--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-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:3px;--odx-v-backdrop-box-shadow-layer-2:0 4px 12px 0 var(--odx-c-backdrop-box-shadow);--odx-v-transition-duration:250ms;--odx-v-transition-easing-fn:ease;--odx-v-outline-width:1px;--odx-v-outline-width-bold:2px;--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}:focus-visible{outline:none}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)}.odx-root,body,html{background-color:var(--odx-c-background)}*{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{clip:rect(0 0 0 0);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;height:1px;left:0;margin:-1px;outline:0;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}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-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-content h1,.odx-content h2,.odx-content h3,.odx-content h4,.odx-content h5,.odx-content h6,.odx-header__title,.odx-subtitle,.odx-title,[class*=odx-subtitle-],[class*=odx-title-]{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,[class*=odx-subtitle-]{font-weight:var(--odx-typography-font-weight-normal);letter-spacing:var(--odx-typography-font-weight-normal-letter-spacing)}.odx-content h1,.odx-subtitle-1,.odx-title-1{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-content h1,.odx-subtitle-1,.odx-title-1{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-content h2,.odx-subtitle-2,.odx-title-2{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-content h2,.odx-subtitle-2,.odx-title-2{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-content h3,.odx-subtitle-3,.odx-title-3{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-content h3,.odx-subtitle-3,.odx-title-3{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-content h4,.odx-subtitle-4,.odx-title-4{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-content h5,.odx-subtitle-5,.odx-title-5{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-content h6,.odx-header__title,.odx-subtitle-6,.odx-title-6{font-size:calc(var(--odx-typography-base-size)*1)}.odx-area-header__subtitle,.odx-area-header__title,.odx-content h6,.odx-content p,.odx-header__title,.odx-subtitle-6,.odx-text,.odx-title-6{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-content p,.odx-text{font-weight:var(--odx-typography-font-weight-normal)}.odx-text--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{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-content ol,.odx-content ul,.odx-text-list,.odx-text-list ol,.odx-text-list 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)}.odx-content ol ol,.odx-content ol ul,.odx-content ul ol,.odx-content ul ul,.odx-text-list ol,.odx-text-list ol ol,.odx-text-list ol ul,.odx-text-list ul,.odx-text-list ul ol,.odx-text-list ul ul{margin:calc(var(--odx-vertical-rythm-base-size)*0)}.odx-content ol li,.odx-content ul li,.odx-text-list li,.odx-text-list ol li,.odx-text-list ul li{margin-left:calc(var(--odx-vertical-rythm-base-size)*-.0416)}.odx-cdk-active-indicator{opacity:0;pointer-events:none;position:absolute;transform-origin:0 0;transition:all var(--odx-v-transition-duration) 0ms var(--odx-v-transition-easing-fn);transition-property:all;z-index:0}.odx-cdk-active-indicator--horizontal{left:0;width:0}.odx-cdk-active-indicator--vertical{height:0;top:0}.odx-cdk-active-indicator--is-active{opacity:1}.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-width) solid transparent;outline-offset:calc(var(--odx-v-outline-width)*-1);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-width) solid transparent;outline-offset:calc(var(--odx-v-outline-width)*-1);outline-offset:calc(var(--odx-v-outline-width-bold)*-1);outline-width:var(--odx-v-outline-width-bold);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__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-width) solid transparent;outline-offset:calc(var(--odx-v-outline-width)*-1);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{clip:rect(0 0 0 0);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;height:1px;left:0;margin:-1px;outline:0;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.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-width) solid transparent;outline-color:var(--odx-control-outline-color);outline-offset:calc(var(--odx-v-outline-width)*-1);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-chip{display:inline-flex;font-weight:var(--odx-typography-font-weight-medium);gap:calc(var(--odx-vertical-rythm-base-size)*.1667);letter-spacing:var(--odx-typography-font-weight-medium-letter-spacing);transition:all var(--odx-v-transition-duration) 0ms var(--odx-v-transition-easing-fn);transition-property:background-color,color;-webkit-user-select:none;-moz-user-select:none;user-select:none}.odx-chip__content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.odx-chip__action{align-items:center;border-radius:50%;display:flex;justify-content:center;margin:0;transition:all var(--odx-v-transition-duration) 0ms var(--odx-v-transition-easing-fn);transition-property:background-color,color,outline}.odx-chip--small{border-radius:calc(var(--odx-vertical-rythm-base-size)*.5);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)*1);padding:calc(var(--odx-vertical-rythm-base-size)*0) calc(var(--odx-vertical-rythm-base-size)*.3334)}.odx-chip--small .odx-chip__action{margin-right:calc(var(--odx-vertical-rythm-base-size)*-.3333)}.odx-chip--medium{border-radius:calc(var(--odx-vertical-rythm-base-size)*.75);font-size:calc(var(--odx-typography-base-size)*1);line-height:calc(var(--odx-vertical-rythm-base-size)*1.5);padding:calc(var(--odx-vertical-rythm-base-size)*0) calc(var(--odx-vertical-rythm-base-size)*.5)}.odx-chip--medium .odx-chip__action{margin-right:calc(var(--odx-vertical-rythm-base-size)*-.5)}.odx-chip--secondary{background-color:var(--odx-c-secondary);color:var(--odx-c-secondary-text)}.odx-chip--highlight{background-color:var(--odx-c-highlight);color:var(--odx-c-highlight-text)}.odx-chip--success{background-color:var(--odx-c-success);color:var(--odx-c-success-text)}.odx-chip--danger{background-color:var(--odx-c-danger);color:var(--odx-c-danger-text)}@keyframes odx-circular-progress-indicator-animation{0%{stroke-dashoffset:100}25%{stroke-dashoffset:250;transform:rotate(180deg)}to{stroke-dashoffset:100;transform:rotate(270deg)}}@keyframes odx-circular-progress-inner-animation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.odx-circular-progress{aspect-ratio:1;display:inline-block;height:100%}.odx-circular-progress__indicator,.odx-circular-progress__track{fill:transparent}.odx-circular-progress__track{stroke:var(--gray-100)}.odx-circular-progress__indicator{stroke:var(--odx-c-highlight);transform:rotate(-90deg);transform-origin:50% 50%;transition:all var(--odx-v-transition-duration) 0ms var(--odx-v-transition-easing-fn);transition-property:stroke-dashoffset}.odx-circular-progress--indeterminate .odx-circular-progress__inner{animation:odx-circular-progress-inner-animation 1.75s linear infinite}.odx-circular-progress--indeterminate .odx-circular-progress__indicator{animation:odx-circular-progress-indicator-animation 1.75s ease infinite both}.odx-circular-progress--small{height:calc(var(--odx-vertical-rythm-base-size)*1.5)}.odx-circular-progress--medium,.odx-circular-progress--small{margin-bottom:calc(var(--odx-vertical-rythm-base-size)*.25);margin-top:calc(var(--odx-vertical-rythm-base-size)*.25)}.odx-circular-progress--medium{height:calc(var(--odx-vertical-rythm-base-size)*2.5)}.odx-circular-progress--large{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)}.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-width) solid transparent;outline-color:var(--odx-input-control-outline-color);outline-offset:calc(var(--odx-v-outline-width)*-1);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(.odx-form-field-control:focus-visible){outline-color:var(--odx-c-focus-outline)}.odx-form-field__control:focus-within:has(.odx-form-field-control:focus-visible){background-color:var(--odx-c-focus)}@media (hover:hover){.odx-form-field__control:focus-within:has(.odx-form-field-control: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 .odx-form-field-control{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 .odx-form-field-control::-moz-placeholder{color:var(--odx-input-control-color);font-weight:var(--odx-typography-font-weight-normal);letter-spacing:var(--odx-typography-font-weight-normal-letter-spacing);opacity:.65}.odx-form-field__control .odx-form-field-control::placeholder{color:var(--odx-input-control-color);font-weight:var(--odx-typography-font-weight-normal);letter-spacing:var(--odx-typography-font-weight-normal-letter-spacing);opacity:.65}.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 .odx-form-field-control{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.odx-form-field.is-disabled .odx-form-field__control .odx-form-field-control::-moz-placeholder{color:var(--odx-input-control-color-disabled)}.odx-form-field.is-disabled .odx-form-field__control .odx-form-field-control::placeholder{color:var(--odx-input-control-color-disabled)}.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:has(.odx-form-field.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-width) solid transparent;outline-offset:calc(var(--odx-v-outline-width)*-1);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}.odx-list{display:block}.odx-list-item{align-items:center;border-radius:var(--odx-v-border-radius);cursor:pointer;display:flex;gap:calc(var(--odx-vertical-rythm-base-size)*.3334);line-height:calc(var(--odx-vertical-rythm-base-size)*1);outline:var(--odx-v-outline-width) solid transparent;outline-offset:calc(var(--odx-v-outline-width)*-1);overflow:hidden;padding:calc(var(--odx-vertical-rythm-base-size)*.5) calc(var(--odx-vertical-rythm-base-size)*.3334);position:relative;text-overflow:ellipsis;transition:all var(--odx-v-transition-duration) 0ms var(--odx-v-transition-easing-fn);transition-property:border-bottom-color,background-color,outline-color,color;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.odx-list-item:focus-visible{outline-color:var(--odx-c-focus-outline)}.odx-list-item.is-disabled,.odx-list-item:disabled{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.odx-list-item>[odxListSuffix]{margin-left:auto}.odx-list-item:not(.is-disabled){cursor:pointer}.odx-list-item:before{border-bottom:1px solid var(--gray-200);bottom:0;content:"";display:block;position:absolute;transition:all var(--odx-v-transition-duration) 0ms var(--odx-v-transition-easing-fn);transition-property:border-color;width:calc(100% - var(--odx-vertical-rythm-base-size)*.6667)}.odx-list-item:focus-visible:before,.odx-list-item:last-child:before{border-bottom-color:transparent}@media (hover:hover){.odx-list-item:hover:before{border-bottom-color:transparent}.odx-list-item:hover{background-color:var(--blue-700-5)}}.odx-list-item.is-disabled{color:var(--odx-input-control-color-disabled);pointer-events:none}.odx-list-item--danger{--odx-c-focus:var(--odx-c-danger);background-color:var(--odx-c-danger);color:var(--odx-c-danger-text);outline-offset:calc(var(--odx-v-outline-width-bold)*-1);outline-width:var(--odx-v-outline-width-bold)}.odx-list-item--danger:before{border-bottom-color:transparent}@media (hover:hover){.odx-list-item--danger:hover{background-color:var(--odx-c-danger-hover)}}.odx-list-item--danger.is-disabled{color:var(--odx-c-danger-text-disabled)}.odx-list-item--selected{background-color:var(--odx-c-selected)}.odx-list-item--selected:before{border-bottom-color:transparent}@media (hover:hover){.odx-list-item--selected:hover{background-color:var(--odx-c-selected-hover)}}.odx-list-item--selected.odx-list-item--danger{background-color:var(--odx-c-danger-active)}@media (hover:hover){.odx-list-item--selected.odx-list-item--danger:hover{background-color:var(--red-800)}}.odx-list-item--selected.odx-list-item--danger.is-disabled{color:var(--odx-c-danger-text)}.odx-loading-spinner{-webkit-backdrop-filter:blur(var(--odx-v-backdrop-blur));backdrop-filter:blur(var(--odx-v-backdrop-blur))}.odx-loading-spinner,.odx-loading-spinner__backdrop{height:100%;left:0;position:absolute;scroll-behavior:contain;top:0;width:100%;z-index:1}.odx-loading-spinner__backdrop{background-color:transparent;opacity:.8;transition:all var(--odx-v-transition-duration) 0ms var(--odx-v-transition-easing-fn);transition-property:background-color}.odx-loading-spinner .odx-circular-progress{height:66.67%;left:50%;max-height:40px;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}.odx-loading-spinner .odx-circular-progress__track{stroke:var(--blue-700-15)}.odx-loading-spinner--auto-color .odx-circular-progress__indicator{stroke:currentcolor}.odx-loading-spinner-parent{-webkit-user-select:none;-moz-user-select:none;user-select: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-width) solid transparent;outline-offset:calc(var(--odx-v-outline-width)*-1);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.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.is-selected,.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;width:100%;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;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--sidesheet{-webkit-backdrop-filter:unset;backdrop-filter:unset;background-color:unset}.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)*1);padding-right:calc(var(--odx-vertical-rythm-base-size)*1);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--sidesheet .odx-modal__container{height:100%;left:unset;margin-right:calc(var(--odx-vertical-rythm-base-size)*.5);max-height:calc(100vh - var(--odx-modal-margin-y) - var(--odx-vertical-rythm-base-size)*1);right:0}.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-bottom:calc(var(--odx-vertical-rythm-base-size)*.5);padding-top:calc(var(--odx-vertical-rythm-base-size)*.5)}.odx-modal--sidesheet .odx-modal__content{flex:1}.odx-modal__footer{gap:calc(var(--odx-vertical-rythm-base-size)*.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);padding-bottom:calc(var(--odx-vertical-rythm-base-size)*.5)}@keyframes progress-indeterminate-animation{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.odx-progress{background:var(--gray-100);display:block;height:calc(var(--odx-vertical-rythm-base-size)*.1667);margin-bottom:calc(var(--odx-vertical-rythm-base-size)*.4167);margin-top:calc(var(--odx-vertical-rythm-base-size)*.4167);outline:1px solid var(--gray-200);outline-offset:-1px;overflow:hidden;position:relative}.odx-progress__indicator{background-color:var(--odx-c-highlight);display:block;height:100%;left:0;position:absolute;top:0;transform-origin:0 0;transition:all var(--odx-v-transition-duration) 0ms var(--odx-v-transition-easing-fn);transition-property:transform;width:100%}.odx-progress--indeterminate .odx-progress__indicator{animation:progress-indeterminate-animation 2s ease-in-out infinite}.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-width) solid transparent;outline-offset:calc(var(--odx-v-outline-width)*-1);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{clip:rect(0 0 0 0);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;height:1px;left:0;margin:-1px;outline:0;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.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-width) solid transparent;outline-color:var(--odx-control-outline-color);outline-offset:calc(var(--odx-v-outline-width)*-1);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-rail-navigation{--odx-rail-navigation-max-width:230px;align-items:flex-start;display:inline-flex;flex-direction:column;height:100%;justify-content:space-between;padding:calc(var(--odx-vertical-rythm-base-size)*1) calc(var(--odx-vertical-rythm-base-size)*.3334);transition:all var(--odx-v-transition-duration) 0ms var(--odx-v-transition-easing-fn);transition-property:max-width}.odx-rail-navigation__expand>.odx-icon{transition:all var(--odx-v-transition-duration) 0ms var(--odx-v-transition-easing-fn);transition-property:transform}.odx-rail-navigation__content{display:flex;flex-direction:column;gap:calc(var(--odx-vertical-rythm-base-size)*.5);overflow:auto}.odx-rail-navigation.is-open .odx-rail-navigation__expand>.odx-icon{transform:rotateY(180deg)}.odx-rail-navigation-item{align-items:center;background-color:unset;border-radius:calc(var(--odx-vertical-rythm-base-size)*.125);box-sizing:border-box;cursor:pointer;display:flex;outline:var(--odx-v-outline-width) solid transparent;outline-offset:calc(var(--odx-v-outline-width)*-1);padding:calc(var(--odx-vertical-rythm-base-size)*.3334);text-align:left;transition:all var(--odx-v-transition-duration) 0ms var(--odx-v-transition-easing-fn);transition-property:outline-color,background-color,color;-webkit-user-select:none;-moz-user-select:none;user-select:none}.odx-rail-navigation-item:focus-visible{outline-color:var(--odx-c-focus-outline)}.odx-rail-navigation-item.is-disabled,.odx-rail-navigation-item:disabled{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (hover:hover){.odx-rail-navigation-item:hover{background-color:var(--blue-700-5)}}.odx-rail-navigation-item.is-selected{background-color:var(--odx-c-selected)}@media (hover:hover){.odx-rail-navigation-item.is-selected:hover{background-color:var(--odx-c-selected-hover)}}.odx-rail-navigation-item.is-disabled{background-color:transparent;color:var(--odx-input-control-color-disabled);pointer-events:none}.odx-rail-navigation-item__container{opacity:0;overflow:hidden;padding-left:0;text-overflow:ellipsis;transition:all var(--odx-v-transition-duration) 0ms var(--odx-v-transition-easing-fn);transition-property:width,padding-left,opacity;white-space:nowrap;width:0}.odx-rail-navigation.is-open .odx-rail-navigation-item__container:not(:empty){opacity:1;padding-left:calc(var(--odx-vertical-rythm-base-size)*.3334);width:calc(var(--odx-rail-navigation-max-width) - var(--odx-vertical-rythm-base-size)*2.6667)}.odx-rail-navigation-item>.odx-icon{margin:0}.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-width) solid transparent;outline-offset:calc(var(--odx-v-outline-width)*-1);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{clip:rect(0 0 0 0);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;height:1px;left:0;margin:-1px;outline:0;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.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:1px solid 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{align-items:center;color:currentcolor;cursor:pointer;display:flex;font-size:calc(var(--odx-typography-base-size)*1);line-height:calc(var(--odx-vertical-rythm-base-size)*1);overflow:hidden;padding-bottom:calc(var(--odx-vertical-rythm-base-size)*.25);padding-top: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,color;-webkit-user-select:none;-moz-user-select:none;user-select:none}.odx-toggle-button.is-active{color:var(--odx-control-color-selected)}.odx-toggle-button.is-readonly{color:var(--odx-control-color-readonly)}.odx-toggle-button.is-disabled{color:var(--odx-control-color-disabled)}.odx-toggle-button.is-disabled,.odx-toggle-button.is-readonly{pointer-events:none}.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);color:var(--odx-control-color);-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);padding-left:calc(var(--odx-vertical-rythm-base-size)*.25);padding-right:calc(var(--odx-vertical-rythm-base-size)*.25);position:relative;transition:all var(--odx-v-transition-duration) 0ms var(--odx-v-transition-easing-fn);transition-property:background-color}.odx-toggle-button-group,.odx-toggle-button-group__indicator{outline:var(--odx-v-outline-width) solid transparent;outline-offset:calc(var(--odx-v-outline-width)*-1)}.odx-toggle-button-group__indicator{background-color:var(--odx-c-highlight);border-radius:2px;height:calc(var(--odx-vertical-rythm-base-size)*1);margin-bottom:calc(var(--odx-vertical-rythm-base-size)*.5);margin-top:calc(var(--odx-vertical-rythm-base-size)*.5)}.odx-toggle-button-group.is-disabled .odx-toggle-button-group__indicator{background-color:var(--odx-control-background-color-disabled)}.odx-toggle-button-group.is-readonly .odx-toggle-button-group__indicator{background-color:var(--odx-control-background-color-readonly);outline-color:var(--odx-control-outline-color-readonly)}.odx-toggle-button-group.is-readonly.is-disabled .odx-toggle-button-group__indicator{background-color:transparent;outline-color:var(--odx-control-color-disabled)}.odx-toggle-button-group:focus-within:has(:focus-visible) .odx-toggle-button-group__indicator{outline-color:var(--odx-control-outline-color-selected-focus)}.odx-toggle-button-group .odx-toggle-button{z-index:1}.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)}}
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-15:rgba(0,39,102,.15);--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);--cyan-500-20:rgba(0,145,247,.2);--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-selected:var(--cyan-500-15);--odx-c-selected-hover:var(--cyan-500-20);--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-500);--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-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:3px;--odx-v-backdrop-box-shadow-layer-2:0 4px 12px 0 var(--odx-c-backdrop-box-shadow);--odx-v-transition-duration:250ms;--odx-v-transition-easing-fn:ease;--odx-v-outline-width:1px;--odx-v-outline-width-bold:2px;--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}:focus-visible{outline:none}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)}.odx-root,body,html{background-color:var(--odx-c-background)}*{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{clip:rect(0 0 0 0);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;height:1px;left:0;margin:-1px;outline:0;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}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-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-content h1,.odx-content h2,.odx-content h3,.odx-content h4,.odx-content h5,.odx-content h6,.odx-header__title,.odx-subtitle,.odx-title,[class*=odx-subtitle-],[class*=odx-title-]{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,[class*=odx-subtitle-]{font-weight:var(--odx-typography-font-weight-normal);letter-spacing:var(--odx-typography-font-weight-normal-letter-spacing)}.odx-content h1,.odx-subtitle-1,.odx-title-1{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-content h1,.odx-subtitle-1,.odx-title-1{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-content h2,.odx-subtitle-2,.odx-title-2{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-content h2,.odx-subtitle-2,.odx-title-2{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-content h3,.odx-subtitle-3,.odx-title-3{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-content h3,.odx-subtitle-3,.odx-title-3{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-content h4,.odx-subtitle-4,.odx-title-4{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-content h5,.odx-subtitle-5,.odx-title-5{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-content h6,.odx-header__title,.odx-subtitle-6,.odx-title-6{font-size:calc(var(--odx-typography-base-size)*1)}.odx-area-header__subtitle,.odx-area-header__title,.odx-content h6,.odx-content p,.odx-header__title,.odx-subtitle-6,.odx-text,.odx-title-6{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-content p,.odx-text{font-weight:var(--odx-typography-font-weight-normal)}.odx-text--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{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-content ol,.odx-content ul,.odx-text-list,.odx-text-list ol,.odx-text-list 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)}.odx-content ol ol,.odx-content ol ul,.odx-content ul ol,.odx-content ul ul,.odx-text-list ol,.odx-text-list ol ol,.odx-text-list ol ul,.odx-text-list ul,.odx-text-list ul ol,.odx-text-list ul ul{margin:calc(var(--odx-vertical-rythm-base-size)*0)}.odx-content ol li,.odx-content ul li,.odx-text-list li,.odx-text-list ol li,.odx-text-list ul li{margin-left:calc(var(--odx-vertical-rythm-base-size)*-.0416)}.odx-cdk-active-indicator{opacity:0;pointer-events:none;position:absolute;transform-origin:0 0;transition:all var(--odx-v-transition-duration) 0ms var(--odx-v-transition-easing-fn);transition-property:all;z-index:0}.odx-cdk-active-indicator--horizontal{left:0;width:0}.odx-cdk-active-indicator--vertical{height:0;top:0}.odx-cdk-active-indicator--is-active{opacity:1}.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)*.2084);padding-top:calc(var(--odx-vertical-rythm-base-size)*.25);transition:all var(--odx-v-transition-duration) 0ms var(--odx-v-transition-easing-fn);transition-property:color}.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-width) solid transparent;outline-offset:calc(var(--odx-v-outline-width)*-1);padding:calc(var(--odx-vertical-rythm-base-size)*.25) calc(var(--odx-vertical-rythm-base-size)*.3334);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)}.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-width) solid transparent;outline-offset:calc(var(--odx-v-outline-width)*-1);outline-offset:calc(var(--odx-v-outline-width-bold)*-1);outline-width:var(--odx-v-outline-width-bold);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:var(--odx-v-outline-width) solid transparent;outline-offset:calc(var(--odx-v-outline-width)*-1)}@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__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-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-width) solid transparent;outline-offset:calc(var(--odx-v-outline-width)*-1);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{clip:rect(0 0 0 0);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;height:1px;left:0;margin:-1px;outline:0;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.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-width) solid transparent;outline-color:var(--odx-control-outline-color);outline-offset:calc(var(--odx-v-outline-width)*-1);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-chip{display:inline-flex;font-weight:var(--odx-typography-font-weight-medium);gap:calc(var(--odx-vertical-rythm-base-size)*.1667);letter-spacing:var(--odx-typography-font-weight-medium-letter-spacing);transition:all var(--odx-v-transition-duration) 0ms var(--odx-v-transition-easing-fn);transition-property:background-color,color;-webkit-user-select:none;-moz-user-select:none;user-select:none}.odx-chip__content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.odx-chip__action{align-items:center;border-radius:50%;display:flex;justify-content:center;margin:0;transition:all var(--odx-v-transition-duration) 0ms var(--odx-v-transition-easing-fn);transition-property:background-color,color,outline}.odx-chip--small{border-radius:calc(var(--odx-vertical-rythm-base-size)*.5);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)*1);padding:calc(var(--odx-vertical-rythm-base-size)*0) calc(var(--odx-vertical-rythm-base-size)*.3334)}.odx-chip--small .odx-chip__action{margin-right:calc(var(--odx-vertical-rythm-base-size)*-.3333)}.odx-chip--medium{border-radius:calc(var(--odx-vertical-rythm-base-size)*.75);font-size:calc(var(--odx-typography-base-size)*1);line-height:calc(var(--odx-vertical-rythm-base-size)*1.5);padding:calc(var(--odx-vertical-rythm-base-size)*0) calc(var(--odx-vertical-rythm-base-size)*.5)}.odx-chip--medium .odx-chip__action{margin-right:calc(var(--odx-vertical-rythm-base-size)*-.5)}.odx-chip--secondary{background-color:var(--odx-c-secondary);color:var(--odx-c-secondary-text)}.odx-chip--highlight{background-color:var(--odx-c-highlight);color:var(--odx-c-highlight-text)}.odx-chip--success{background-color:var(--odx-c-success);color:var(--odx-c-success-text)}.odx-chip--danger{background-color:var(--odx-c-danger);color:var(--odx-c-danger-text)}@keyframes odx-circular-progress-indicator-animation{0%{stroke-dashoffset:100}25%{stroke-dashoffset:250;transform:rotate(180deg)}to{stroke-dashoffset:100;transform:rotate(270deg)}}@keyframes odx-circular-progress-inner-animation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.odx-circular-progress{aspect-ratio:1;display:inline-block;height:100%}.odx-circular-progress__indicator,.odx-circular-progress__track{fill:transparent}.odx-circular-progress__track{stroke:var(--gray-100)}.odx-circular-progress__indicator{stroke:var(--odx-c-highlight);transform:rotate(-90deg);transform-origin:50% 50%;transition:all var(--odx-v-transition-duration) 0ms var(--odx-v-transition-easing-fn);transition-property:stroke-dashoffset}.odx-circular-progress--indeterminate .odx-circular-progress__inner{animation:odx-circular-progress-inner-animation 1.75s linear infinite}.odx-circular-progress--indeterminate .odx-circular-progress__indicator{animation:odx-circular-progress-indicator-animation 1.75s ease infinite both}.odx-circular-progress--small{height:calc(var(--odx-vertical-rythm-base-size)*1.5)}.odx-circular-progress--medium,.odx-circular-progress--small{margin-bottom:calc(var(--odx-vertical-rythm-base-size)*.25);margin-top:calc(var(--odx-vertical-rythm-base-size)*.25)}.odx-circular-progress--medium{height:calc(var(--odx-vertical-rythm-base-size)*2.5)}.odx-circular-progress--large{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)}.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-width) solid transparent;outline-color:var(--odx-input-control-outline-color);outline-offset:calc(var(--odx-v-outline-width)*-1);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(.odx-form-field-control:focus-visible){outline-color:var(--odx-c-focus-outline)}.odx-form-field__control:focus-within:has(.odx-form-field-control:focus-visible){background-color:var(--odx-c-focus)}@media (hover:hover){.odx-form-field__control:focus-within:has(.odx-form-field-control: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 .odx-form-field-control{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 .odx-form-field-control::-moz-placeholder{color:var(--odx-input-control-color);font-weight:var(--odx-typography-font-weight-normal);letter-spacing:var(--odx-typography-font-weight-normal-letter-spacing);opacity:.65}.odx-form-field__control .odx-form-field-control::placeholder{color:var(--odx-input-control-color);font-weight:var(--odx-typography-font-weight-normal);letter-spacing:var(--odx-typography-font-weight-normal-letter-spacing);opacity:.65}.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 .odx-form-field-control{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.odx-form-field.is-disabled .odx-form-field__control .odx-form-field-control::-moz-placeholder{color:var(--odx-input-control-color-disabled)}.odx-form-field.is-disabled .odx-form-field__control .odx-form-field-control::placeholder{color:var(--odx-input-control-color-disabled)}.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:has(.odx-form-field.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-width) solid transparent;outline-offset:calc(var(--odx-v-outline-width)*-1);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}.odx-list{display:block}.odx-list-item{align-items:center;border-radius:var(--odx-v-border-radius-controls);cursor:pointer;display:flex;gap:calc(var(--odx-vertical-rythm-base-size)*.3334);line-height:calc(var(--odx-vertical-rythm-base-size)*1);outline:var(--odx-v-outline-width) solid transparent;outline-offset:calc(var(--odx-v-outline-width)*-1);padding:calc(var(--odx-vertical-rythm-base-size)*.5) calc(var(--odx-vertical-rythm-base-size)*.3334);position:relative;transition:all var(--odx-v-transition-duration) 0ms var(--odx-v-transition-easing-fn);transition-property:border-bottom-color,background-color,outline-color,color;-webkit-user-select:none;-moz-user-select:none;user-select:none}.odx-list-item:focus-visible{outline-color:var(--odx-c-focus-outline)}.odx-list-item.is-disabled,.odx-list-item:disabled{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.odx-list-item>[odxListSuffix]{margin-left:auto}.odx-list-item:not(.is-disabled){cursor:pointer}.odx-list-item:before{border-bottom:1px solid var(--gray-200);content:"";display:block;position:absolute;top:0;transition:all var(--odx-v-transition-duration) 0ms var(--odx-v-transition-easing-fn);transition-property:border-color;width:calc(100% - var(--odx-vertical-rythm-base-size)*.5834)}.odx-list-item:first-child:before,.odx-list-item:focus-visible:before{border-bottom-color:transparent}@media (hover:hover){.odx-list-item:hover:before{border-bottom-color:transparent}.odx-list-item:hover{background-color:var(--blue-700-5)}}.odx-list-item--danger+.odx-list-item:before,.odx-list-item--selected+.odx-list-item:before{border-color:transparent}@media (hover:hover){.odx-list-item:hover+.odx-list-item:before{border-color:transparent}}.odx-list-item.is-disabled{color:var(--odx-control-color-disabled);pointer-events:none}.odx-list-item--danger{--odx-c-focus:var(--odx-c-danger);background-color:var(--odx-c-danger);color:var(--odx-c-danger-text);outline-offset:calc(var(--odx-v-outline-width-bold)*-1);outline-width:var(--odx-v-outline-width-bold)}.odx-list-item--danger:before{border-bottom-color:transparent}@media (hover:hover){.odx-list-item--danger:hover{background-color:var(--odx-c-danger-hover)}}.odx-list-item--danger.is-disabled{color:var(--odx-c-danger-text-disabled)}.odx-list-item--selected{background-color:var(--odx-c-selected)}.odx-list-item--selected:before{border-bottom-color:transparent}@media (hover:hover){.odx-list-item--selected:hover{background-color:var(--odx-c-selected-hover)}}.odx-list-item--selected.odx-list-item--danger{background-color:var(--odx-c-danger-active)}@media (hover:hover){.odx-list-item--selected.odx-list-item--danger:hover{background-color:var(--red-800)}}.odx-list-item--selected.odx-list-item--danger.is-disabled{color:var(--odx-c-danger-text)}.odx-loading-spinner{-webkit-backdrop-filter:blur(var(--odx-v-backdrop-blur));backdrop-filter:blur(var(--odx-v-backdrop-blur))}.odx-loading-spinner,.odx-loading-spinner__backdrop{height:100%;left:0;position:absolute;scroll-behavior:contain;top:0;width:100%;z-index:1}.odx-loading-spinner__backdrop{background-color:transparent;opacity:.8;transition:all var(--odx-v-transition-duration) 0ms var(--odx-v-transition-easing-fn);transition-property:background-color}.odx-loading-spinner .odx-circular-progress{height:66.67%;left:50%;max-height:40px;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}.odx-loading-spinner .odx-circular-progress__track{stroke:var(--blue-700-15)}.odx-loading-spinner--auto-color .odx-circular-progress__indicator{stroke:currentcolor}.odx-loading-spinner-parent{-webkit-user-select:none;-moz-user-select:none;user-select: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-width) solid transparent;outline-offset:calc(var(--odx-v-outline-width)*-1);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.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.is-selected,.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;width:100%;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;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--sidesheet{-webkit-backdrop-filter:unset;backdrop-filter:unset;background-color:unset}.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)*1);padding-right:calc(var(--odx-vertical-rythm-base-size)*1);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--sidesheet .odx-modal__container{height:100%;left:unset;margin-right:calc(var(--odx-vertical-rythm-base-size)*.5);max-height:calc(100vh - var(--odx-modal-margin-y) - var(--odx-vertical-rythm-base-size)*1);right:0}.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-bottom:calc(var(--odx-vertical-rythm-base-size)*.5);padding-top:calc(var(--odx-vertical-rythm-base-size)*.5)}.odx-modal--sidesheet .odx-modal__content{flex:1}.odx-modal__footer{gap:calc(var(--odx-vertical-rythm-base-size)*.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);padding-bottom:calc(var(--odx-vertical-rythm-base-size)*.5)}@keyframes progress-indeterminate-animation{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.odx-progress{background:var(--gray-100);display:block;height:calc(var(--odx-vertical-rythm-base-size)*.1667);margin-bottom:calc(var(--odx-vertical-rythm-base-size)*.4167);margin-top:calc(var(--odx-vertical-rythm-base-size)*.4167);outline:1px solid var(--gray-200);outline-offset:-1px;overflow:hidden;position:relative}.odx-progress__indicator{background-color:var(--odx-c-highlight);display:block;height:100%;left:0;position:absolute;top:0;transform-origin:0 0;transition:all var(--odx-v-transition-duration) 0ms var(--odx-v-transition-easing-fn);transition-property:transform;width:100%}.odx-progress--indeterminate .odx-progress__indicator{animation:progress-indeterminate-animation 2s ease-in-out infinite}.odx-radio-button{color:var(--odx-control-color);display:block}.odx-radio-button.is-disabled{color:var(--odx-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-width) solid transparent;outline-offset:calc(var(--odx-v-outline-width)*-1);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{clip:rect(0 0 0 0);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;height:1px;left:0;margin:-1px;outline:0;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.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-width) solid transparent;outline-color:var(--odx-control-outline-color);outline-offset:calc(var(--odx-v-outline-width)*-1);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-rail-navigation{--odx-rail-navigation-max-width:230px;align-items:flex-start;display:inline-flex;flex-direction:column;height:100%;justify-content:space-between;padding:calc(var(--odx-vertical-rythm-base-size)*1) calc(var(--odx-vertical-rythm-base-size)*.3334);transition:all var(--odx-v-transition-duration) 0ms var(--odx-v-transition-easing-fn);transition-property:max-width}.odx-rail-navigation__expand>.odx-icon{transition:all var(--odx-v-transition-duration) 0ms var(--odx-v-transition-easing-fn);transition-property:transform}.odx-rail-navigation__content{display:flex;flex-direction:column;gap:calc(var(--odx-vertical-rythm-base-size)*.5);overflow:auto}.odx-rail-navigation.is-open .odx-rail-navigation__expand>.odx-icon{transform:rotateY(180deg)}.odx-rail-navigation-item{align-items:center;background-color:unset;border-radius:calc(var(--odx-vertical-rythm-base-size)*.125);box-sizing:border-box;cursor:pointer;display:flex;outline:var(--odx-v-outline-width) solid transparent;outline-offset:calc(var(--odx-v-outline-width)*-1);padding:calc(var(--odx-vertical-rythm-base-size)*.3334);text-align:left;transition:all var(--odx-v-transition-duration) 0ms var(--odx-v-transition-easing-fn);transition-property:outline-color,background-color,color;-webkit-user-select:none;-moz-user-select:none;user-select:none}.odx-rail-navigation-item:focus-visible{outline-color:var(--odx-c-focus-outline)}.odx-rail-navigation-item.is-disabled,.odx-rail-navigation-item:disabled{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (hover:hover){.odx-rail-navigation-item:hover{background-color:var(--blue-700-5)}}.odx-rail-navigation-item.is-selected{background-color:var(--odx-c-selected)}@media (hover:hover){.odx-rail-navigation-item.is-selected:hover{background-color:var(--odx-c-selected-hover)}}.odx-rail-navigation-item.is-disabled{background-color:transparent;color:var(--odx-control-color-disabled);pointer-events:none}.odx-rail-navigation-item__container{opacity:0;overflow:hidden;padding-left:0;text-overflow:ellipsis;transition:all var(--odx-v-transition-duration) 0ms var(--odx-v-transition-easing-fn);transition-property:width,padding-left,opacity;white-space:nowrap;width:0}.odx-rail-navigation.is-open .odx-rail-navigation-item__container:not(:empty){opacity:1;padding-left:calc(var(--odx-vertical-rythm-base-size)*.3334);width:calc(var(--odx-rail-navigation-max-width) - var(--odx-vertical-rythm-base-size)*2.6667)}.odx-rail-navigation-item>.odx-icon{margin:0}.odx-slider{--odx-control-outline-color:var(--gray-200);--odx-control-background-color:var(--gray-100);--odx-control-background-color-hover:var(--cyan-600);-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;display:block;width:100%}.odx-slider::-webkit-slider-container{background-color:var(--odx-control-background-color);border-radius:2px;margin:calc(var(--odx-vertical-rythm-base-size)*.8334/2 - var(--odx-vertical-rythm-base-size)*.1667/2) 0;outline:1px solid var(--odx-control-outline-color);outline-offset:-1px}.odx-slider::-moz-range-track{background-color:var(--odx-control-background-color);border-radius:2px;height:calc(var(--odx-vertical-rythm-base-size)*.1667);outline:1px solid var(--odx-control-outline-color);outline-offset:-1px}.odx-slider::-webkit-slider-runnable-track{background:linear-gradient(var(--odx-control-background-color-selected),var(--odx-control-background-color-selected)) 0/var(--odx-slider-filled) 100% no-repeat,transparent;border-radius:2px;height:calc(var(--odx-vertical-rythm-base-size)*.1667);position:relative}.odx-slider::-moz-range-progress{background:var(--odx-control-background-color-selected);border-radius:2px;height:calc(var(--odx-vertical-rythm-base-size)*.1667);position:relative}.odx-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:var(--odx-control-background-color-selected);border-radius:50%;height:calc(var(--odx-vertical-rythm-base-size)*.8334);margin-top:calc(var(--odx-vertical-rythm-base-size)*.8334/-2 + var(--odx-vertical-rythm-base-size)*.1667/2);outline:1px solid var(--white);position:relative;-webkit-transition:all var(--odx-v-transition-duration) 0ms var(--odx-v-transition-easing-fn);transition:all var(--odx-v-transition-duration) 0ms var(--odx-v-transition-easing-fn);-webkit-transition-property:background-color,outline-color;transition-property:background-color,outline-color;width:calc(var(--odx-vertical-rythm-base-size)*.8334)}.odx-slider::-moz-range-thumb{-moz-appearance:none;appearance:none;background-color:var(--odx-control-background-color-selected);border:unset;border-radius:50%;height:calc(var(--odx-vertical-rythm-base-size)*.8334);margin-top:calc(var(--odx-vertical-rythm-base-size)*.8334/-2 + var(--odx-vertical-rythm-base-size)*.1667/2);outline:1px solid var(--white);-moz-transition:all var(--odx-v-transition-duration) 0ms var(--odx-v-transition-easing-fn);transition:all var(--odx-v-transition-duration) 0ms var(--odx-v-transition-easing-fn);-moz-transition-property:background-color,outline-color;transition-property:background-color,outline-color;width:calc(var(--odx-vertical-rythm-base-size)*.8334)}.odx-slider.is-disabled::-webkit-slider-container{background-color:var(--odx-control-background-color-disabled);outline:1px solid transparent}.odx-slider.is-disabled::-moz-range-track{background-color:var(--odx-control-background-color-disabled);outline:1px solid transparent}.odx-slider.is-disabled::-webkit-slider-thumb{background-color:var(--odx-c-text-disabled);outline:1px solid transparent}.odx-slider.is-disabled::-moz-range-thumb{background-color:var(--odx-c-text-disabled);outline:1px solid transparent}.odx-slider.is-disabled::-webkit-slider-runnable-track{background-image:linear-gradient(var(--odx-c-text-disabled),var(--odx-c-text-disabled))}.odx-slider.is-disabled::-moz-range-progress{background-image:linear-gradient(var(--odx-c-text-disabled),var(--odx-c-text-disabled))}.odx-slider:focus-visible::-webkit-slider-thumb{outline:2px solid var(--odx-c-highlight-active)}.odx-slider:focus-visible::-moz-range-thumb{outline:2px solid var(--odx-c-highlight-active)}@media (hover:hover){.odx-slider:hover:not(.is-disabled)::-webkit-slider-thumb{background-color:var(--odx-control-background-color-hover)}}@media (hover:hover){.odx-slider:hover:not(.is-disabled)::-moz-range-thumb{background-color:var(--odx-control-background-color-hover)}}.odx-switch{color:var(--odx-c-text);display:inline-block}.odx-switch.is-disabled{color:var(--odx-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-width) solid transparent;outline-offset:calc(var(--odx-v-outline-width)*-1);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{clip:rect(0 0 0 0);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;height:1px;left:0;margin:-1px;outline:0;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.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:1px solid 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{align-items:center;color:currentcolor;display:flex;font-size:calc(var(--odx-typography-base-size)*1);font-weight:var(--odx-typography-font-weight-medium);letter-spacing:var(--odx-typography-font-weight-medium-letter-spacing);line-height:calc(var(--odx-vertical-rythm-base-size)*1);overflow:hidden;padding-bottom:calc(var(--odx-vertical-rythm-base-size)*.25);padding-top:calc(var(--odx-vertical-rythm-base-size)*.25);transition:all var(--odx-v-transition-duration) 0ms var(--odx-v-transition-easing-fn);transition-property:color;-webkit-user-select:none;-moz-user-select:none;user-select:none}.odx-toggle-button.is-active{color:var(--odx-c-highlight-text)}.odx-toggle-button.is-readonly{color:inherit}.odx-toggle-button.is-disabled{color:var(--odx-control-color-disabled)}.odx-toggle-button.is-active.is-disabled{color:var(--odx-c-secondary-text-disabled)}.odx-toggle-button.is-disabled,.odx-toggle-button.is-readonly{pointer-events:none}.odx-toggle-button__label{border-radius:var(--odx-toggle-button-border-radius);cursor:pointer;padding-left:calc(var(--odx-vertical-rythm-base-size)*.3334);padding-right:calc(var(--odx-vertical-rythm-base-size)*.3334);transition:all var(--odx-v-transition-duration) 0ms var(--odx-v-transition-easing-fn);transition-property:background-color,outline-color}.odx-toggle-button-group:not(.is-active) .odx-toggle-button__label{background-color:var(--blue-700-5);cursor:pointer;outline:var(--odx-v-outline-width) solid transparent;outline-offset:calc(var(--odx-v-outline-width)*-1);-webkit-user-select:none;-moz-user-select:none;user-select:none}.odx-toggle-button-group:not(.is-active) .odx-toggle-button__label:focus-within:has(:focus-visible){outline-color:var(--odx-c-focus-outline)}.odx-toggle-button-group:not(.is-active) .odx-toggle-button__label:focus-within:has(:focus-visible){background-color:var(--odx-c-focus)}@media (hover:hover){.odx-toggle-button-group:not(.is-active) .odx-toggle-button__label:focus-within:has(:focus-visible):hover{background-color:var(--odx-c-focus)}}.odx-toggle-button-group:not(.is-active) .odx-toggle-button__label.is-disabled,.odx-toggle-button-group:not(.is-active) .odx-toggle-button__label:disabled{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (hover:hover){.odx-toggle-button-group:not(.is-active) .odx-toggle-button__label:hover{background-color:var(--blue-700-10)}.odx-toggle-button-group.is-active .odx-toggle-button__label:hover{background-color:var(--blue-700-5)}}.odx-toggle-button-group.has-error .odx-toggle-button__label,.odx-toggle-button-group.is-active .odx-toggle-button__label,.odx-toggle-button.is-disabled .odx-toggle-button__label,.odx-toggle-button.is-readonly .odx-toggle-button__label{background-color:transparent}.odx-toggle-button-group{--odx-toggle-button-border-radius:2px;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);padding-left:calc(var(--odx-vertical-rythm-base-size)*.25);padding-right:calc(var(--odx-vertical-rythm-base-size)*.25);position:relative;transition:all var(--odx-v-transition-duration) 0ms var(--odx-v-transition-easing-fn);transition-property:background-color,outline-color}.odx-toggle-button-group,.odx-toggle-button-group__indicator{outline:var(--odx-v-outline-width) solid transparent;outline-offset:calc(var(--odx-v-outline-width)*-1)}.odx-toggle-button-group__indicator{background-color:var(--odx-c-highlight);border-radius:var(--odx-toggle-button-border-radius);height:calc(var(--odx-vertical-rythm-base-size)*1);margin-bottom:calc(var(--odx-vertical-rythm-base-size)*.5);margin-top:calc(var(--odx-vertical-rythm-base-size)*.5)}.odx-toggle-button-group.is-disabled .odx-toggle-button-group__indicator{background-color:var(--odx-c-secondary-disabled)}.odx-toggle-button-group.is-readonly .odx-toggle-button-group__indicator{background-color:transparent;outline-color:currentcolor}.odx-toggle-button-group.is-readonly.is-disabled .odx-toggle-button-group__indicator{background-color:transparent;outline-color:var(--odx-c-secondary-disabled)}.odx-toggle-button-group:focus-within:has(:focus-visible) .odx-toggle-button-group__indicator{outline-color:var(--odx-c-highlight-active)}.odx-toggle-button-group .odx-toggle-button{z-index:1}.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.is-active:focus-within:has(:focus-visible){outline-color:var(--odx-c-focus-outline)}.odx-toggle-button-group.is-active:focus-within:has(:focus-visible){background-color:var(--odx-c-focus)}@media (hover:hover){.odx-toggle-button-group.is-active:focus-within:has(:focus-visible):hover{background-color:var(--odx-c-focus)}}@media (hover:hover){.odx-toggle-button-group.is-active:not(.is-disabled,.is-readonly):hover{background-color:var(--blue-700-5)}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@odx/ui",
3
- "version": "1.0.0-rc.5",
3
+ "version": "1.0.0-rc.6",
4
4
  "author": "Drägerwerk AG & Co.KGaA",
5
5
  "license": "SEE LICENSE IN LICENSE",
6
6
  "files": [
@@ -7,17 +7,15 @@
7
7
  .odx-accordion-item {
8
8
  $root: &;
9
9
 
10
- @include dimensions.padding(math.div(1, 6), 'bottom');
10
+ @include motion.transition(color);
11
+ @include dimensions.padding(math.div(6, 24), top);
12
+ @include dimensions.padding(math.div(5, 24), bottom);
11
13
 
12
14
  border-bottom: 1px solid var(--odx-input-control-outline-color);
13
15
  display: block;
14
16
 
15
- &:not(:last-child) {
16
- @include dimensions.margin(1, 'bottom');
17
- }
18
-
19
17
  &__panel {
20
- @include dimensions.padding-x(math.div(4, 24));
18
+ @include dimensions.padding-x(math.div(8, 24));
21
19
  @include dimensions.line-height(1.5, 1);
22
20
  @include motion.transition(background-color outline-color);
23
21
  @include utils.interactive(true);
@@ -46,8 +44,7 @@
46
44
  }
47
45
 
48
46
  &__slot {
49
- @include dimensions.padding-x(math.div(4, 24));
50
- @include dimensions.padding-y(math.div(8, 24));
47
+ @include dimensions.padding(math.div(8, 24));
51
48
 
52
49
  overflow: hidden;
53
50
  }
@@ -72,9 +72,10 @@
72
72
  }
73
73
 
74
74
  &--ghost {
75
+ @include utils.with-outline;
76
+
75
77
  background-color: transparent;
76
78
  color: var(--odx-c-link);
77
- outline-width: 1px;
78
79
 
79
80
  &:hover {
80
81
  background-color: var(--blue-700-5);
@@ -12,7 +12,7 @@
12
12
  display: inline-block;
13
13
 
14
14
  &.is-disabled {
15
- color: var(--odx-input-control-color-disabled);
15
+ color: var(--odx-control-color-disabled);
16
16
  }
17
17
 
18
18
  &.is-readonly {
@@ -10,11 +10,10 @@
10
10
  @include dimensions.padding-x(math.div(1, 3));
11
11
  @include dimensions.line-height(2, 1);
12
12
  @include motion.transition(border-bottom-color background-color outline-color color);
13
- @include typography.prevent-text-overflow();
14
13
  @include utils.interactive(false);
15
14
  @include utils.vertical-center-content();
16
15
 
17
- border-radius: var(--odx-v-border-radius);
16
+ border-radius: var(--odx-v-border-radius-controls);
18
17
  gap: dimensions.get-size(math.div(1, 3));
19
18
  position: relative;
20
19
 
@@ -30,16 +29,16 @@
30
29
  @include motion.transition(border-color);
31
30
 
32
31
  border-bottom: 1px solid var(--gray-200);
33
- bottom: 0;
34
32
  content: '';
35
33
  display: block;
36
34
  position: absolute;
37
- width: calc(100% - #{dimensions.get-size(math.div(2, 3))});
35
+ top: 0;
36
+ width: calc(100% - #{dimensions.get-size(math.div(14, 24))});
38
37
  }
39
38
 
40
39
  &:hover,
41
40
  &:focus-visible,
42
- &:last-child {
41
+ &:first-child {
43
42
  &::before {
44
43
  border-bottom-color: transparent;
45
44
  }
@@ -49,8 +48,14 @@
49
48
  background-color: var(--blue-700-5);
50
49
  }
51
50
 
51
+ &--danger + &::before,
52
+ &--selected + &::before,
53
+ &:hover + &::before {
54
+ border-color: transparent;
55
+ }
56
+
52
57
  &.is-disabled {
53
- color: var(--odx-input-control-color-disabled);
58
+ color: var(--odx-control-color-disabled);
54
59
  pointer-events: none;
55
60
  }
56
61
 
@@ -11,7 +11,7 @@
11
11
  display: block;
12
12
 
13
13
  &.is-disabled {
14
- color: var(--odx-input-control-color-disabled);
14
+ color: var(--odx-control-color-disabled);
15
15
  }
16
16
 
17
17
  &.is-readonly {
@@ -31,7 +31,7 @@
31
31
 
32
32
  &.is-disabled {
33
33
  background-color: transparent;
34
- color: var(--odx-input-control-color-disabled);
34
+ color: var(--odx-control-color-disabled);
35
35
  pointer-events: none;
36
36
  }
37
37
 
@@ -0,0 +1,130 @@
1
+ @use 'sass:math';
2
+ @use '../abstract/dimensions';
3
+ @use '../abstract/motion';
4
+
5
+ .odx-slider {
6
+ --odx-control-outline-color: var(--gray-200);
7
+ --odx-control-background-color: var(--gray-100);
8
+ --odx-control-background-color-hover: var(--cyan-600);
9
+ $root: &;
10
+ $thumb-size: dimensions.get-size(math.div(20, 24));
11
+ $track-height: dimensions.get-size(math.div(4, 24));
12
+
13
+ appearance: none;
14
+ box-sizing: border-box;
15
+ display: block;
16
+ width: 100%;
17
+
18
+ @mixin track-container() {
19
+ background-color: var(--odx-control-background-color);
20
+ border-radius: 2px;
21
+ outline: 1px solid var(--odx-control-outline-color);
22
+ outline-offset: -1px;
23
+ }
24
+
25
+ @mixin track-progress() {
26
+ border-radius: 2px;
27
+ height: $track-height;
28
+ position: relative;
29
+ }
30
+
31
+ @mixin thumb() {
32
+ @include motion.transition(background-color outline-color);
33
+
34
+ appearance: none;
35
+ background-color: var(--odx-control-background-color-selected);
36
+ border-radius: 50%;
37
+ height: $thumb-size;
38
+ margin-top: calc(#{$thumb-size} / -2 + #{$track-height} / 2);
39
+ outline: 1px solid var(--white);
40
+ width: $thumb-size;
41
+ }
42
+
43
+ &::-webkit-slider-container {
44
+ @include track-container();
45
+
46
+ margin: calc((#{$thumb-size} - #{$track-height}) / 2) 0;
47
+ }
48
+
49
+ &::-moz-range-track {
50
+ @include track-container();
51
+
52
+ height: $track-height;
53
+ }
54
+
55
+ &::-webkit-slider-runnable-track {
56
+ @include track-progress();
57
+
58
+ background: linear-gradient(var(--odx-control-background-color-selected), var(--odx-control-background-color-selected)) 0 / var(--odx-slider-filled) 100%
59
+ no-repeat,
60
+ transparent;
61
+ }
62
+
63
+ &::-moz-range-progress {
64
+ @include track-progress();
65
+
66
+ background: var(--odx-control-background-color-selected);
67
+ }
68
+
69
+ &::-webkit-slider-thumb {
70
+ @include thumb();
71
+
72
+ position: relative;
73
+ }
74
+
75
+ &::-moz-range-thumb {
76
+ @include thumb();
77
+
78
+ border: unset;
79
+ }
80
+
81
+ &.is-disabled {
82
+ &::-webkit-slider-container {
83
+ background-color: var(--odx-control-background-color-disabled);
84
+ outline: 1px solid transparent;
85
+ }
86
+
87
+ &::-moz-range-track {
88
+ background-color: var(--odx-control-background-color-disabled);
89
+ outline: 1px solid transparent;
90
+ }
91
+
92
+ &::-webkit-slider-thumb {
93
+ background-color: var(--odx-c-text-disabled);
94
+ outline: 1px solid transparent;
95
+ }
96
+
97
+ &::-moz-range-thumb {
98
+ background-color: var(--odx-c-text-disabled);
99
+ outline: 1px solid transparent;
100
+ }
101
+
102
+ &::-webkit-slider-runnable-track {
103
+ background-image: linear-gradient(var(--odx-c-text-disabled), var(--odx-c-text-disabled));
104
+ }
105
+
106
+ &::-moz-range-progress {
107
+ background-image: linear-gradient(var(--odx-c-text-disabled), var(--odx-c-text-disabled));
108
+ }
109
+ }
110
+
111
+ &:focus-visible {
112
+ &::-webkit-slider-thumb {
113
+ outline: 2px solid var(--odx-c-highlight-active);
114
+ }
115
+
116
+ &::-moz-range-thumb {
117
+ outline: 2px solid var(--odx-c-highlight-active);
118
+ }
119
+ }
120
+
121
+ &:hover:not(.is-disabled) {
122
+ &::-webkit-slider-thumb {
123
+ background-color: var(--odx-control-background-color-hover);
124
+ }
125
+
126
+ &::-moz-range-thumb {
127
+ background-color: var(--odx-control-background-color-hover);
128
+ }
129
+ }
130
+ }
@@ -21,7 +21,7 @@
21
21
  display: inline-block;
22
22
 
23
23
  &.is-disabled {
24
- color: var(--odx-input-control-color-disabled);
24
+ color: var(--odx-control-color-disabled);
25
25
  }
26
26
 
27
27
  &.is-readonly {
@@ -4,41 +4,42 @@
4
4
  @use '../abstract/utils';
5
5
 
6
6
  .odx-toggle-button-group {
7
+ --odx-toggle-button-border-radius: 2px;
8
+
7
9
  $root: &;
8
10
  @include dimensions.height(2, 1.5);
9
11
  @include dimensions.padding-x(math.div(6, 24));
10
- @include motion.transition(background-color);
12
+ @include motion.transition(background-color outline-color);
11
13
  @include utils.center-content(true);
12
- @include utils.with-outline();
14
+ @include utils.with-outline;
13
15
 
14
16
  border-radius: var(--odx-v-border-radius-controls);
15
- color: var(--odx-control-color);
16
17
  column-gap: dimensions.get-size(math.div(6, 24));
17
18
  position: relative;
18
19
 
19
20
  &__indicator {
20
21
  @include dimensions.height(2, 1);
21
- @include utils.with-outline();
22
+ @include utils.with-outline;
22
23
 
23
24
  background-color: var(--odx-c-highlight);
24
- border-radius: 2px;
25
+ border-radius: var(--odx-toggle-button-border-radius);
25
26
 
26
27
  #{$root}.is-disabled & {
27
- background-color: var(--odx-control-background-color-disabled);
28
+ background-color: var(--odx-c-secondary-disabled);
28
29
  }
29
30
 
30
31
  #{$root}.is-readonly & {
31
- background-color: var(--odx-control-background-color-readonly);
32
- outline-color: var(--odx-control-outline-color-readonly);
32
+ background-color: transparent;
33
+ outline-color: currentcolor;
33
34
  }
34
35
 
35
36
  #{$root}.is-readonly.is-disabled & {
36
37
  background-color: transparent;
37
- outline-color: var(--odx-control-color-disabled);
38
+ outline-color: var(--odx-c-secondary-disabled);
38
39
  }
39
40
 
40
41
  #{$root}:focus-within:has(:focus-visible) & {
41
- outline-color: var(--odx-control-outline-color-selected-focus);
42
+ outline-color: var(--odx-c-highlight-active);
42
43
  }
43
44
  }
44
45
 
@@ -51,8 +52,11 @@
51
52
  outline-color: var(--odx-c-error-outline);
52
53
  }
53
54
 
54
- &:not(.is-disabled, .is-readonly):hover,
55
- &:focus-within:has(:focus-visible) {
56
- background-color: var(--blue-700-5);
55
+ &.is-active {
56
+ @include utils.focus-state($focus-within: true);
57
+
58
+ &:not(.is-disabled, .is-readonly):hover {
59
+ background-color: var(--blue-700-5);
60
+ }
57
61
  }
58
62
  }
@@ -5,36 +5,65 @@
5
5
  @use '../abstract/utils';
6
6
 
7
7
  .odx-toggle-button {
8
+ $root: &;
9
+
8
10
  @include dimensions.line-height(1.5, 1);
9
- @include motion.transition(background-color color);
11
+ @include motion.transition(color);
10
12
  @include typography.font-size(0);
13
+ @include typography.font-weight(medium);
11
14
  @include utils.vertical-center-content();
12
15
 
13
16
  color: currentcolor;
14
- cursor: pointer;
15
17
  overflow: hidden;
16
18
  user-select: none;
17
19
 
18
20
  &.is-active {
19
- color: var(--odx-control-color-selected);
21
+ color: var(--odx-c-highlight-text);
20
22
  }
21
23
 
22
24
  &.is-readonly {
23
- color: var(--odx-control-color-readonly);
25
+ color: inherit;
24
26
  }
25
27
 
26
28
  &.is-disabled {
27
29
  color: var(--odx-control-color-disabled);
28
30
  }
29
31
 
32
+ &.is-active.is-disabled {
33
+ color: var(--odx-c-secondary-text-disabled);
34
+ }
35
+
30
36
  &.is-disabled,
31
37
  &.is-readonly {
32
38
  pointer-events: none;
33
39
  }
34
40
 
35
41
  &__label {
42
+ @include motion.transition(background-color outline-color);
36
43
  @include dimensions.padding-x(math.div(1, 3));
37
44
 
38
- cursor: inherit;
45
+ border-radius: var(--odx-toggle-button-border-radius);
46
+ cursor: pointer;
47
+
48
+ #{$root}-group:not(.is-active) & {
49
+ @include utils.interactive($focus-within: true);
50
+
51
+ background-color: var(--blue-700-5);
52
+
53
+ &:hover {
54
+ background-color: var(--blue-700-10);
55
+ }
56
+ }
57
+
58
+ #{$root}-group.is-active &:hover {
59
+ background-color: var(--blue-700-5);
60
+ }
61
+
62
+ #{$root}.is-readonly &,
63
+ #{$root}.is-disabled &,
64
+ #{$root}-group.is-active &,
65
+ #{$root}-group.has-error & {
66
+ background-color: transparent;
67
+ }
39
68
  }
40
69
  }
package/scss/core.scss CHANGED
@@ -57,6 +57,7 @@ Layout
57
57
  @use 'components/radio-group.component';
58
58
  @use 'components/rail-navigation.component';
59
59
  @use 'components/rail-navigation-item.component';
60
+ @use 'components/slider.component.scss';
60
61
  @use 'components/switch.component.scss';
61
62
  @use 'components/toggle-button.component';
62
63
  @use 'components/toggle-button-group.component';
@@ -30,7 +30,6 @@
30
30
  --blue-700-5: #{rgba(#002766, 5%)};
31
31
  --blue-700-10: #{rgba(#002766, 10%)};
32
32
  --blue-700-15: #{rgba(#002766, 15%)};
33
- --blue-700-25: #{rgba(#002766, 25%)};
34
33
  --blue-800-30: #{rgba(#001433, 30%)};
35
34
 
36
35
  --cyan-50: #cbe9ff;
@@ -10,9 +10,8 @@
10
10
  --odx-control-color-selected: var(--odx-c-highlight-text);
11
11
  --odx-control-background-color-selected: var(--odx-c-highlight);
12
12
  --odx-control-outline-color-selected: var(--odx-c-highlight);
13
- --odx-control-outline-color-selected-focus: var(--odx-c-highlight-active);
14
13
 
15
- --odx-control-color-disabled: var(--gray-600);
14
+ --odx-control-color-disabled: var(--gray-500);
16
15
  --odx-control-background-color-disabled: var(--gray-100);
17
16
  --odx-control-outline-color-disabled: transparent;
18
17