diff --git a/dist/components/c-nav.css b/dist/components/c-nav.css index 5801323ca..a6acfef33 100644 --- a/dist/components/c-nav.css +++ b/dist/components/c-nav.css @@ -1 +1 @@ -/*! @tacc/core-styles 2.12.0+ | MIT | github.com/TACC/Core-Styles */nav.c-nav{--link-padding:0.5em}nav.c-nav--boxed{--indent-small:calc(var(--global-space--list-indent)/4);--indent-medium:calc(var(--global-space--list-indent)/2);--indent-large:var(--global-space--list-indent);border:var(--global-border--normal);width:-moz-fit-content;width:fit-content}nav.c-nav--boxed :is(ul,ol){margin:0}nav.c-nav--boxed ul{list-style-type:none;padding-left:var(--indent-medium);padding-right:var(--indent-large)}@media (min-width:992px){nav.c-nav--boxed{padding-block:var(--indent-medium)}nav.c-nav--boxed ol{padding-left:var(--indent-large);padding-right:calc(var(--indent-large) - var(--link-padding))}}@media (max-width:991px){nav.c-nav--boxed{padding-block:var(--indent-small)}nav.c-nav--boxed ol{padding-left:calc(var(--indent-medium) - var(--link-padding));padding-right:calc(var(--indent-large) - var(--link-padding))}}nav.c-nav--boxed.c-nav--no-list{padding-left:var(--indent-medium);padding-right:var(--indent-large)}nav.c-nav--piped{--pipe-style:var(--global-border--normal)}.c-nav--piped--after :is(ul,ol)>*,.c-nav--piped--after>:not(ul,ol),.c-nav--piped--before :is(ul,ol)>*,.c-nav--piped--before>:not(ul,ol),nav.c-nav--piped:not([class*=c-nav--piped--]) :is(ul,ol)>*,nav.c-nav--piped:not([class*=c-nav--piped--])>:not(ul,ol){position:relative}.c-nav--piped--after :is(ul,ol)>:after,.c-nav--piped--after>:not(ul,ol):after,.c-nav--piped--before :is(ul,ol)>:before,.c-nav--piped--before>:not(ul,ol):before,nav.c-nav--piped:not([class*=c-nav--piped--]) :is(ul,ol)>:after,nav.c-nav--piped:not([class*=c-nav--piped--])>:not(ul,ol):after{content:"";display:block;height:1em;position:absolute;top:50%;transform:translateY(-50%)}.c-nav--piped--after :is(ul,ol)>:not(:last-child):after,.c-nav--piped--after>:not(ul,ol):not(:last-child):after,nav.c-nav--piped:not([class*=c-nav--piped--]) :is(ul,ol)>:not(:last-child):after,nav.c-nav--piped:not([class*=c-nav--piped--])>:not(ul,ol):not(:last-child):after{border-right:var(--pipe-style);right:calc(var(--link-padding)*-.5)}.c-nav--piped--before :is(ul,ol)>:not(:first-child):before,.c-nav--piped--before>:not(ul,ol):not(:first-child):before{border-left:var(--pipe-style);left:calc(var(--link-padding)*-.5)}nav.c-nav{--space-between-inline-items:0.5em}nav.c-nav a{display:inline-block;padding-inline:var(--link-padding)}nav.c-nav--no-list{display:flex;flex-wrap:wrap}nav.c-nav--no-list>a{margin-right:var(--space-between-inline-items)}@media (max-width:991px){nav.c-nav a{line-height:2.5}nav.c-nav :is(ul,ol){display:flex;flex-wrap:wrap;list-style-position:inside}nav.c-nav :is(ul,ol):not(.c-nav--boxed :is(ul,ol)){padding-left:unset}nav.c-nav :is(ul,ol) li{margin-right:var(--space-between-inline-items)}nav.c-nav ul{list-style-type:none}} \ No newline at end of file +/*! @tacc/core-styles 2.12.0+ | MIT | github.com/TACC/Core-Styles */nav.c-nav{--link-padding:0.5em}nav.c-nav--boxed{--indent-small:calc(var(--global-space--list-indent)/4);--indent-medium:calc(var(--global-space--list-indent)/2);--indent-large:var(--global-space--list-indent);border:var(--global-border--normal);width:-moz-fit-content;width:fit-content}nav.c-nav--boxed :is(ul,ol){margin:0}nav.c-nav--boxed ul{list-style-type:none;padding-left:var(--indent-medium);padding-right:var(--indent-large)}@media (min-width:992px){nav.c-nav--boxed{padding-block:var(--indent-medium)}nav.c-nav--boxed ol{padding-left:var(--indent-large);padding-right:calc(var(--indent-large) - var(--link-padding))}}@media (max-width:991px){nav.c-nav--boxed{padding-block:var(--indent-small)}nav.c-nav--boxed ol{padding-left:calc(var(--indent-medium) - var(--link-padding));padding-right:calc(var(--indent-large) - var(--link-padding))}}nav.c-nav--boxed.c-nav--no-list{padding-left:var(--indent-medium);padding-right:var(--indent-large)}nav.c-nav--piped{--pipe-style:var(--global-border--normal)}nav[class*=c-nav--piped] button[class*=button--as-link]{overflow:visible}.c-nav--piped--after :is(ul,ol)>*,.c-nav--piped--after>:not(ul,ol),.c-nav--piped--before :is(ul,ol)>*,.c-nav--piped--before>:not(ul,ol),nav.c-nav--piped:not([class*=c-nav--piped--]) :is(ul,ol)>*,nav.c-nav--piped:not([class*=c-nav--piped--])>:not(ul,ol){position:relative}.c-nav--piped--after :is(ul,ol)>:after,.c-nav--piped--after>:not(ul,ol):after,.c-nav--piped--before :is(ul,ol)>:before,.c-nav--piped--before>:not(ul,ol):before,nav.c-nav--piped:not([class*=c-nav--piped--]) :is(ul,ol)>:after,nav.c-nav--piped:not([class*=c-nav--piped--])>:not(ul,ol):after{content:"";display:block;height:1em;position:absolute;top:50%;transform:translateY(-50%)}.c-nav--piped--after :is(ul,ol)>:not(:last-child):after,.c-nav--piped--after>:not(ul,ol):not(:last-child):after,nav.c-nav--piped:not([class*=c-nav--piped--]) :is(ul,ol)>:not(:last-child):after,nav.c-nav--piped:not([class*=c-nav--piped--])>:not(ul,ol):not(:last-child):after{border-right:var(--pipe-style);right:calc(var(--link-padding)*-.5)}.c-nav--piped--after button:not(:last-child):after,nav.c-nav--piped:not([class*=c-nav--piped--]) button:not(:last-child):after{margin-right:calc(var(--global-border-width--normal)*-2)}.c-nav--piped--before :is(ul,ol)>:not(:first-child):before,.c-nav--piped--before>:not(ul,ol):not(:first-child):before{border-left:var(--pipe-style);left:calc(var(--link-padding)*-.5)}.c-nav--piped--before button:not(:first-child):before{margin-left:calc(var(--global-border-width--normal)*-2)}nav.c-nav{--space-between-inline-items:0.5em}nav.c-nav :is(a,[class*=button--as-link]){display:inline-block;padding-inline:var(--link-padding)}nav.c-nav--no-list{align-items:center;display:flex;flex-wrap:wrap}nav.c-nav--no-list:has(button){row-gap:var(--space-between-inline-items)}nav.c-nav--no-list>:is(a,button){margin-right:var(--space-between-inline-items)}@media (max-width:991px){nav.c-nav a{line-height:2.5}nav.c-nav :is(ul,ol){align-items:center;display:flex;flex-wrap:wrap;list-style-position:inside}nav.c-nav :is(ul,ol):not(.c-nav--boxed :is(ul,ol)){padding-left:unset}nav.c-nav :is(ul,ol) li{margin-right:var(--space-between-inline-items)}nav.c-nav ul{list-style-type:none}} \ No newline at end of file diff --git a/dist/components/c-nav/demo.css b/dist/components/c-nav/demo.css index db2320435..71d4be87a 100644 --- a/dist/components/c-nav/demo.css +++ b/dist/components/c-nav/demo.css @@ -1 +1 @@ -/*! @tacc/core-styles 2.12.0+ | MIT | github.com/TACC/Core-Styles */main{display:flex;flex-wrap:wrap;gap:var(--global-space--grid-gap)}small>code:not(:last-child):after{content:"";display:inline;padding-inline:.5em} \ No newline at end of file +/*! @tacc/core-styles 2.12.0+ | MIT | github.com/TACC/Core-Styles */main{display:flex;flex-wrap:wrap;gap:var(--global-space--grid-gap)}dd{display:flex;flex-wrap:wrap;gap:calc(var(--global-space--grid-gap)/2)}small>code:not(:last-child):after{content:"";display:inline;padding-inline:.5em} \ No newline at end of file diff --git a/dist/core-styles.base.css b/dist/core-styles.base.css index 4766a0f81..7cda4a039 100644 --- a/dist/core-styles.base.css +++ b/dist/core-styles.base.css @@ -1,4 +1,4 @@ /*! @tacc/core-styles 2.12.0+ | MIT | github.com/TACC/Core-Styles */@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap"); /*! core-styles.base.css */ /*! core-styles.settings.css → */:root{--global-border-width--normal:1px;--global-border--normal:var(--global-border-width--normal) solid var(--global-color-primary--normal);--global-border-width--thick:2px;--global-border--thick:var(--global-border-width--thick) solid var(--global-color-primary--normal);--global-border-width--x-thick:3px;--global-border--x-thick:var(--global-border-width--x-thick) solid var(--global-color-primary--normal);--global-border-width--xx-thick:5px;--global-border--xx-thick:var(--global-border-width--xx-thick) solid var(--global-color-primary--normal)}:root{--global-color-primary--xx-light:#fff;--global-color-primary--xx-light-rgb:255,255,255;--global-color-primary--x-light:#f4f4f4;--global-color-primary--x-light-rgb:244,244,244;--global-color-primary--light:#d7d7d7;--global-color-primary--light-rgb:198,198,198;--global-color-primary--normal:#afafaf;--global-color-primary--normal-rgb:175,175,175;--global-color-primary--dark:#707070;--global-color-primary--dark-rgb:112,112,112;--global-color-primary--x-dark:#484848;--global-color-primary--x-dark-rgb:72,72,72;--global-color-primary--xx-dark:#222;--global-color-primary--xx-dark-rgb:34,34,34;--global-color-primary--xxx-dark:#000;--global-color-primary--xxx-dark-rgb:0,0,0;--global-color-accent--xxx-light:#dfeafe;--global-color-accent--xx-light:#caddfe;--global-color-accent--x-light:#aac7ff;--global-color-accent--light:#86aeff;--global-color-accent--normal:#039;--global-color-accent--dark:#026;--global-color-accent--x-dark:#013;--global-color-accent--xx-dark:#021230;--global-color-accent--xxx-dark:#000a22;--global-color-accent--secondary:var(--global-color-secondary--normal);--global-color-accent--tertiary:var(--global-color-tertiary--normal);--global-color-secondary--xx-light:#fcf6ec;--global-color-secondary--x-light:#e5d7c0;--global-color-secondary--light:#d5b57c;--global-color-secondary--normal:#877453;--global-color-secondary--dark:#514328;--global-color-secondary--x-dark:#332c1f;--global-color-secondary--xxx-dark:var(--global-color-secondary--x-dark);--global-color-tertiary--xx-light:#e7f1f0;--global-color-tertiary--x-light:#b1d1ce;--global-color-tertiary--light:#92ccc5;--global-color-tertiary--normal:#61a39c;--global-color-tertiary--dark:#406d68;--global-color-tertiary--x-dark:#1e3331;--global-color-tertiary--xxx-dark:var(--global-color-tertiary--x-dark);--global-color-info--x-light:var(--global-color-primary--x-light);--global-color-info--light:var(--global-color-primary--light);--global-color-info--normal:var(--global-color-primary--dark);--global-color-info--normal-rgb:var(--global-color-primary--dark-rgb);--global-color-info--dark:var(--global-color-primary--x-dark);--global-color-info--x-dark:var(--global-color-primary--xx-dark);--global-color-danger--x-light:#fce4db;--global-color-danger--light:#fcaf91;--global-color-danger--normal:#ed4c11;--global-color-danger--normal-rgb:237,76,17;--global-color-danger--dark:#c23a03;--global-color-danger--x-dark:#932b06;--global-color-warning--x-light:#fdf0d3;--global-color-warning--light:#fed880;--global-color-warning--normal:#f2b327;--global-color-warning--normal-rgb:242,179,39;--global-color-warning--dark:#cd971c;--global-color-warning--x-dark:#996f0a;--global-color-success--x-light:#baf8dc;--global-color-success--light:#93f6cd;--global-color-success--normal:#10f7a9;--global-color-success--normal-rgb:16,247,169;--global-color-success--dark:#3dce92;--global-color-success--x-dark:#26885f;--global-color-extra--x-light:#f0f6ff;--global-color-extra--light:#b4d0f9;--global-color-extra--normal:#3f85f4;--global-color-extra--normal-rgb:63,133,244;--global-color-extra--dark:#255bb1;--global-color-extra--x-dark:#174a99;--global-color-info--weak:rgba(var(--global-color-info--normal-rgb),0.125);--global-color-danger--weak:rgba(var(--global-color-danger--normal-rgb),0.125);--global-color-warning--weak:rgba(var(--global-color-warning--normal-rgb),0.125);--global-color-success--weak:rgba(var(--global-color-success--normal-rgb),0.125);--global-color-extra--weak:rgba(var(--global-color-extra--normal-rgb),0.125);--global-color-background--app:var(--global-color-primary--xx-light);--global-color-link-on-light--normal:var(--global-color-accent--normal);--global-color-link-on-dark--normal:var(--global-color-accent--light)}@font-face{font-display:swap;font-family:Benton Sans;font-style:normal;font-weight:400;src:url(fonts/BentonSans-Regular.otf) format("opentype")}@font-face{font-display:swap;font-family:Benton Sans;font-style:italic;font-weight:400;src:url(fonts/BentonSans-RegularItalic.otf) format("opentype")}@font-face{font-display:swap;font-family:Benton Sans;font-style:normal;font-weight:500;src:url(fonts/BentonSans-Medium.otf) format("opentype")}@font-face{font-display:swap;font-family:Benton Sans;font-style:italic;font-weight:500;src:url(fonts/BentonSans-MediumItalic.otf) format("opentype")}@font-face{font-display:swap;font-family:Benton Sans;font-style:normal;font-weight:700;src:url(fonts/BentonSans-Bold.otf) format("opentype")}@font-face{font-display:swap;font-family:Benton Sans;font-style:normal;font-weight:800;src:url(fonts/BentonSans-Black.otf) format("opentype")}:root{--global-font-family--sans--cms:"Benton Sans","Roboto",sans-serif;--global-font-family--sans--portal:"Roboto",sans-serif;--global-font-family--serif:Times,sans-serif;--global-font-family--mono:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace;--sans--cms:var(--global-font-family--sans--cms);--sans--portal:var(--global-font-family--sans--portal);--serif:var(--global-font-family--serif);--mono:var(--global-font-family--mono);--global-font-weight--regular:400;--global-font-weight--medium:500;--global-font-weight--bold:700;--global-font-weight--black:800;--regular:var(--global-font-weight--regular);--medium:var(--global-font-weight--medium);--bold:var(--global-font-weight--bold);--black:var(--global-font-weight--black)}:root{--global-max-width--x-narrow:540px;--global-max-width--narrow:720px;--global-max-width--medium:960px;--global-max-width--wide:1140px;--global-max-width--x-wide:1320px;--global-max-width--xx-wide:1580px;--global-max-width--xxx-wide:1800px}:root{--global-space--xx-small:2px;--global-space--x-small:4px;--global-space--small:8px;--global-space--normal:16px;--global-space--large:24px;--global-space--x-large:48px;--global-space--bootstrap-gap:30px;--global-space--list-indent:40px;--global-space--section-gap:60px;--global-space--grid-gap:var(--global-space--bootstrap-gap);--global-space--above-breadcrumbs:45px;--global-space--under-breadcrumbs:40px;--global-space--section-top:12px;--global-space--section-bottom:0;--global-space--section-left:24px;--global-space--section-right:36px;--global-space--section:var(--global-space--section-top) var(--global-space--section-right) var(--global-space--section-bottom) var(--global-space--section-left);--global-space--hr-buffer-above:30px;--global-space--hr-buffer-below:30px;--global-space--p-buffer-above:0;--global-space--p-buffer-below:2rem} -/*! ← core-styles.settings.css */:target{scroll-margin-top:20px}body,html{height:100%}html{font-size:62.5%}body{color:var(--global-color-primary--x-dark);margin:0;min-width:290px;overscroll-behavior-y:none}:where([role=main],main) :is(button,input,optgroup,select,textarea){font-family:inherit;font-size:inherit;line-height:inherit;margin:0}:where([role=main],main) blockquote{margin-inline:unset}:where([role=main],main) blockquote>p:last-child{margin-bottom:0}:where([role=main],main) figure{margin-inline:unset}:where([role=main],main) :is(dl,ol,ul){margin-bottom:1rem;margin-top:0}:where([role=main],main) details{margin-bottom:1rem;margin-top:0}:where([role=main],main) details>summary{cursor:pointer}.s-irregular-links [class*=button--as-link],.s-irregular-links a,.x-link,.x-link--irregular,:where([role=main],main) a:not(.c-button,[class*=button--]),[class*=button--as-link]{color:var(--global-color-accent--normal);text-decoration:none;text-decoration-thickness:var(--global-border-width--normal);text-underline-offset:.2em}.x-link--disabled,.x-link--irregular--disabled,:where([role=main],main) a:not([href]){opacity:.5;pointer-events:none}.s-irregular-links [class*=button--as-link]:hover,.s-irregular-links a:hover,.x-link--hover,.x-link--irregular--hover,:where([role=main],main) a:not(.c-button,[class*=button--]):hover,[class*=button--as-link]:where(:not(:disabled,:where(a[disabled]))):hover{color:var(--global-color-accent--normal);text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:var(--global-border-width--normal)}.s-irregular-links [class*=button--as-link]:active,.s-irregular-links a:active,.x-link--active,.x-link--irregular--active,:where([role=main],main) a:not(.c-button,[class*=button--]):active,[class*=button--as-link]:where(:not(:disabled,:where(a[disabled]))):active{text-decoration-line:underline;text-decoration-style:dotted}.s-irregular-links [class*=button--as-link],.s-irregular-links a,.x-link--irregular{text-decoration-line:underline}.s-irregular-links [class*=button--as-link]:hover,.s-irregular-links a:hover,.x-link--irregular--hover{text-decoration-style:dashed}.s-irregular-links [class*=button--as-link]:active,.s-irregular-links a:active,.x-link--irregular--active{text-decoration-style:dotted}.x-truncate--many-lines,table p{--lines:2;-webkit-box-orient:vertical;-webkit-line-clamp:var(--lines);display:-webkit-box;overflow:hidden}.x-untruncate--many-lines{-webkit-line-clamp:inherit;overflow:visible}.c-button,.c-data-list--should-truncate-values [class*=data-list__value],.c-data-list--should-truncate-values dd,.c-data-list--should-truncate-values td,.c-data-list>dt,.c-data-list>tbody>th,.c-form__button,.c-form__buttons button[type=submit],.c-see-all-link,.data-list--truncate-values [class*=data-list__value],.data-list--truncate-values dd,.data-list--truncate-values td,.data-list>dt,.data-list>tbody>th,.modal-title,.x-truncate--one-line,[class*=button--],[class*=data-list--]>dt,[class*=data-list--]>tbody>th,[class*=data-list__key]{overflow:hidden;text-overflow:var(--text-overflow,ellipsis);white-space:nowrap}.x-untruncate--one-line{overflow:visible;white-space:normal}.paragraph-table,.s-paragraph-table,table{--font-size:var(--global-font-size--small,12px);--cell-pad-vert:0.6667em;--cell-pad-horz:1.3333em;--cell-line-height:1.1;border-collapse:separate;border-spacing:0;font-family:var(--global-font-family--sans--portal);font-size:var(--font-size)}.paragraph-table,.s-paragraph-table{display:table}.paragraph-table,.s-paragraph-table,tbody>tr:first-child>:is(td,th){border-top:var(--global-border-width--normal) solid var(--global-color-primary--dark)}.paragraph-table p:not(:last-of-type),.s-paragraph-table p:not(:last-of-type),tr:not(:last-of-type)>:is(td,th){border-bottom:var(--global-border-width--normal) solid var(--global-color-primary--light)}tr:nth-child(odd) :is(th,td){background:var(--global-color-background--app)}.paragraph-table p:nth-child(2n),.s-paragraph-table p:nth-child(2n),tr:nth-child(2n) :is(th,td){background:var(--global-color-primary--x-light)}.paragraph-table p,.s-paragraph-table p,:is(td,th){color:var(--global-color-primary--dark);padding-block:var(--cell-pad-vert);padding-inline:var(--cell-pad-horz);vertical-align:top}.paragraph-table p,.s-paragraph-table p,:is(td,th){line-height:var(--cell-line-height)}:is(th,td):first-child{left:0;position:sticky}th{color:var(--global-color-primary--x-dark);text-align:inherit}thead>tr>th{font-weight:var(--bold)}tbody>tr>th{font-weight:var(--normal)}caption{caption-side:top;font-size:var(--font-size);padding-block:var(--cell-pad-vert);padding-inline:var(--cell-pad-horz);text-align:unset}td ul{-webkit-padding-start:0;list-style:none;margin-block:0;padding-inline-start:0}td li:not(:last-of-type){margin-bottom:.5em}.paragraph-table p button,.s-paragraph-table p button,td button{font-size:inherit}.paragraph-table p,.s-paragraph-table p,table p{margin-top:0}.paragraph-table p,.s-paragraph-table p,table p:last-child{margin-bottom:0}@supports selector(:has(table)){table:has(table) :is(td,th){white-space:nowrap}table:has(table) tr:nth-child(2n) :is(th,td){background:var(--global-color-background--app)}td:has(table) tr:nth-child(2n) :is(th,td){background:var(--global-color-primary--x-light)}td:has(table){padding:0}}@supports not selector(:has(table)){table.has-table :is(td,th){white-space:nowrap}table.has-table tr:nth-child(2n) :is(th,td){background:var(--global-color-background--app)}td.has-table tr:nth-child(2n) :is(th,td){background:var(--global-color-primary--x-light)}td.has-table{padding:0}}thead+tbody tr table{--offset-distance:calc(var(--cell-pad-vert)*2 + var(--cell-line-height)*var(--font-size) + var(--global-border-width--normal));--offset:calc(var(--offset-distance)*-1);margin-bottom:var(--offset);transform:translateY(var(--offset))}thead+tbody tr:first-of-type thead{background:var(--global-color-background--app)}thead+tbody tr:not(:first-of-type) thead{visibility:hidden}thead+tbody tr:not(:first-of-type) tbody :is(td,th){border-color:var(--global-color-primary--light)}td:not(:first-child) td:first-child,td:not(:first-child) th:first-child{-webkit-padding-start:8px;padding-inline-start:8px}td:not(:last-child) td:last-child,td:not(:last-child) th:last-child{-webkit-padding-end:8px;padding-inline-end:8px}.o-fixed-header-table thead :is(td,th){position:sticky;top:0;z-index:1}.o-grid--col-auto-count,.x-grid--layout-cols-equal-set-count{grid-template-columns:repeat(var(--count),auto)}.o-grid--col-min-width,.x-grid--layout-cols-equal-min-width{grid-template-columns:repeat(auto-fit,minmax(var(--width),1fr))}.x-grid--layout-cols-equal-min-width-max-count{--gap:var(--global-space--grid-gap);--max-cols:7;--min-width:250px;--row-height:auto;--gap-count:calc(var(--max-cols) - 1);--total-gap-width:calc(var(--gap-count)*var(--gap));--max-width:calc((100% - var(--total-gap-width))/var(--max-cols));display:grid;gap:var(--gap);grid-auto-rows:var(--row-height);grid-template-columns:repeat(auto-fill,minmax(max(var(--min-width),var(--max-width)),1fr))}.o-grid,.x-grid--layout-rows-equal-max-height{grid-auto-rows:1fr}.x-grid--layout-rows-equal-set-height{grid-auto-rows:var(--height)}.o-grid--center-align,.x-grid--content-align-center{align-items:center;justify-items:center}.o-grid{--gap:var(--global-space--grid-gap,15px);display:grid;gap:var(--gap)}.o-grid img{max-height:100%;max-width:100%}.o-grid figure{width:unset}@media (max-width:575px){.o-grid--col-auto-count{--count:1}}@media (min-width:576px) and (max-width:767px){.o-grid--col-auto-count{--count:2}}@media (min-width:768px) and (max-width:991px){.o-grid--col-auto-count{--count:3}}@media (min-width:992px) and (max-width:1199px){.o-grid--col-auto-count{--count:4}}@media (min-width:1200px) and (max-width:1399px){.o-grid--col-auto-count{--count:5}}@media (min-width:1400px) and (max-width:1679px){.o-grid--col-auto-count{--count:6}}@media (min-width:1680px) and (max-width:1919px){.o-grid--col-auto-count{--count:7}}@media (min-width:1920px) and (max-width:2399px){.o-grid--col-auto-count{--count:8}}@media (min-width:2400px){.o-grid--col-auto-count{--count:9}}.o-grid--col-min-width{--width:250px}.o-grid--col-min-width>:not(img){max-height:100%;max-width:100%}.o-grid--image-fill>*{min-height:0}.o-grid--image-fill>:is(a,figure){align-self:stretch;justify-self:stretch}.o-grid--image-fill>a>img:only-child,.o-grid--image-fill>figure>img,.o-grid--image-fill>img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.o-grid--image-fill>figure:not([class]),.o-grid--image-fill>figure[class*=cms-plugin],.o-grid--image-fill>figure[class=""]{display:flex;flex-direction:column}.o-grid--image-fill>figure:not([class])>img,.o-grid--image-fill>figure[class*=cms-plugin]>img,.o-grid--image-fill>figure[class=""]>img{flex-grow:1;min-height:0}.o-table-wrap--flexible-horz>table{table-layout:fixed;width:100%}.o-table-wrap--flexible-vert>table{height:100%}.o-table-wrap--overflow-hidden{overflow:hidden}.o-table-wrap--overflow-scroll{overflow:auto}@media (min-width:1680px){.container{max-width:var(--global-max-width--x-wide)}}@media (min-width:1920px){.container{max-width:var(--global-max-width--xx-wide)}}.figure>a>img,.figure>img{margin-bottom:20px}.figure-caption{border-top:var(--global-border-width--normal) solid var(--global-color-primary--normal);color:var(--global-color-primary--dark);font-size:var(--global-font-size--medium);padding-top:12px}.modal-body,.modal-content,.modal-footer,.modal-header{border-radius:0}.modal-footer{border-top:none}.modal-content{border-color:var(--global-color-primary--dark)}.modal-header{align-items:center;background-color:var(--global-color-primary--x-light);border:none;padding:1.35rem 1.75rem}.modal-title{color:var(--global-color-primary--xx-dark);font-weight:400}.modal-header .close{color:var(--global-color-primary--x-dark);opacity:1}.modal-header .close:not(:disabled):not(.disabled):focus,.modal-header .close:not(:disabled):not(.disabled):hover{color:var(--global-color-primary--xx-dark);opacity:1}.modal-header .close span{font-family:Cortal-Icons!important;font-size:1.5rem}.modal-header.has-MuiTabs{border-bottom:1px solid #afafaf;flex-direction:row;height:63.5px;padding:5px;position:relative}.modal-header.has-MuiTabs .close{transform:translate(-25%,25%)}.modal-header.has-MuiTabs .MuiTabs-indicator{background-color:#fff}.modal-body{max-height:60vh;overflow:auto}.nav-tabs,.tab-pane,.x-tabs--custom-properties{--buffer:20px}.x-tabs--focus-within{outline:5px auto}.nav-tabs .nav-link,.x-tabs__tab{border-bottom:var(--global-border-width--x-thick) solid transparent;font-size:var(--global-font-size--medium);font-weight:var(--medium);margin-inline:var(--buffer);padding-block:1.25em .75em;padding-inline:.875em}.nav-tabs .nav-link:is(a),.x-tabs__tab:is(a){text-decoration:none}.nav-tabs .nav-link:hover,.x-tabs__tab--hover{border-color:var(--global-color-primary--dark)}.nav-tabs .nav-link:not(.active),.x-tabs__tab--not-active{color:var(--global-color-primary--dark)}.nav-tabs .nav-link.active,.x-tabs__tab--active{border-color:var(--global-color-accent--normal);color:var(--global-color-accent--normal)}.tab-pane,.x-tabs__content{border-top:var(--global-border-width--normal) solid var(--global-color-primary--dark);padding-inline:var(--buffer)}.tab-pane>:first-child,.x-tabs__content>:first-child{margin-top:var(--buffer)}.tab-pane>:last-child,.x-tabs__content>:last-child{margin-bottom:var(--buffer)}ul.nav-tabs{margin-bottom:0}.nav-tabs .nav-link{border-inline:none;border-radius:0;border-top:none}.c-button,.c-form__button,.c-form__buttons button[type=submit],[class*=button--]{--min-width:75px;--mid-width:110px;--max-width:130px;border-style:solid;border-width:var(--global-border-width--normal);box-sizing:border-box;display:inline-block}.c-button:not(:disabled,:where(a[disabled])),.c-form__button:not(:disabled,:where(a[disabled])),.c-form__buttons button[type=submit]:not(:disabled,:where(a[disabled])),[class*=button--]:not(:disabled,:where(a[disabled])){cursor:pointer}.c-button:not([class*=button--as-link]),.c-form__button:not([class*=button--as-link]),.c-form__buttons button[type=submit]:not([class*=button--as-link]),[class*=button--]:not([class*=button--as-link]){font-weight:var(--medium)}a.c-button,a[class*=button--]{text-align:center;text-decoration:none}a[class*=button--is-busy]{cursor:default}.c-button:disabled,.c-button:where(a[disabled]),.c-form__button:disabled,.c-form__button:where(a[disabled]),.c-form__buttons button[type=submit]:disabled,.c-form__buttons button[type=submit]:where(a[disabled]),[class*=button--]:disabled,[class*=button--]:where(a[disabled]){-webkit-user-select:none;-moz-user-select:none;user-select:none}.c-button:disabled:not([class*=button--is-busy]),.c-button:where(a[disabled]):not([class*=button--is-busy]),.c-form__button:disabled:not([class*=button--is-busy]),.c-form__button:where(a[disabled]):not([class*=button--is-busy]),.c-form__buttons button[type=submit]:disabled:not([class*=button--is-busy]),.c-form__buttons button[type=submit]:where(a[disabled]):not([class*=button--is-busy]),[class*=button--]:disabled:not([class*=button--is-busy]),[class*=button--]:where(a[disabled]):not([class*=button--is-busy]){border-color:var(--global-color-primary--dark);color:var(--global-color-primary--dark);pointer-events:none}.c-button:disabled:not([class*=button--is-busy],[class*=button--as-link]),.c-button:where(a[disabled]):not([class*=button--is-busy],[class*=button--as-link]),.c-form__button:disabled:not([class*=button--is-busy],[class*=button--as-link]),.c-form__button:where(a[disabled]):not([class*=button--is-busy],[class*=button--as-link]),.c-form__buttons button[type=submit]:disabled:not([class*=button--is-busy],[class*=button--as-link]),.c-form__buttons button[type=submit]:where(a[disabled]):not([class*=button--is-busy],[class*=button--as-link]),[class*=button--]:disabled:not([class*=button--is-busy],[class*=button--as-link]),[class*=button--]:where(a[disabled]):not([class*=button--is-busy],[class*=button--as-link]){background-color:var(--global-color-primary--xx-light)}.button--1,.button--2,.button--3,.c-button--primary,.c-button--secondary,.c-button--tertiary,.c-form__button:where(:not([type=submit],[type=reset])),.c-form__button[type=reset],.c-form__button[type=submit],.c-form__buttons button[type=submit],[class*=button--is-active]{max-width:var(--max-width);min-width:var(--min-width);padding:6px 18px}.button--1:hover,.c-button--primary:hover,.c-form__button[type=submit]:hover,.c-form__buttons button[type=submit]:hover{background-color:var(--global-color-accent--dark);border-color:var(--global-color-accent--dark);color:var(--global-color-primary--xx-light)}.button--1:active:not([class*=button--is-busy]),.c-button--primary:active:not([class*=button--is-busy]),.c-form__button[type=submit]:active:not([class*=button--is-busy]),.c-form__buttons button[type=submit]:active:not([class*=button--is-busy]){background-color:var(--global-color-accent--x-dark);border-color:var(--global-color-accent--dark);border-width:var(--global-border-width--normal);color:var(--global-color-primary--xx-light);outline:var(--global-border-width--normal) solid var(--global-color-accent--dark)}.button--1:focus:not(:active,[class*=button--is-busy]),.c-button--primary:focus:not(:active,[class*=button--is-busy]),.c-form__button[type=submit]:focus:not(:active,[class*=button--is-busy]),.c-form__buttons button[type=submit]:focus:not(:active,[class*=button--is-busy]){background-color:var(--global-color-accent--normal);border-color:var(--global-color-primary--xx-light);color:var(--global-color-primary--xx-light);outline:var(--global-border-width--normal) solid var(--global-color-accent--light)}.button--1:not(:hover,:focus,:active,:disabled,:where(a[disabled])),.button--1[class*=button--is-busy],.c-button--primary:not(:hover,:focus,:active,:disabled,:where(a[disabled])),.c-button--primary[class*=button--is-busy],.c-form__button[type=submit]:not(:hover,:focus,:active,:disabled,:where(a[disabled])),.c-form__button[type=submit][class*=button--is-busy],.c-form__buttons button[type=submit]:not(:hover,:focus,:active,:disabled,:where(a[disabled])),.c-form__buttons button[type=submit][class*=button--is-busy]{background-color:var(--global-color-accent--normal);border-color:var(--global-color-accent--normal);color:var(--global-color-primary--xx-light)}.button--2:hover,.c-button--secondary:hover,.c-form__button:where(:not([type=submit],[type=reset])):hover{background-color:var(--global-color-accent--x-light);border-color:var(--global-color-accent--normal);color:var(--global-color-primary--xx-dark)}.button--2:active:not([class*=button--is-busy]),.c-button--secondary:active:not([class*=button--is-busy]),.c-form__button:where(:not([type=submit],[type=reset])):active:not([class*=button--is-busy]){background-color:var(--global-color-accent--x-light);border-color:var(--global-color-accent--dark);border-width:var(--global-border-width--normal);color:var(--global-color-primary--xx-dark);outline:var(--global-border-width--normal) solid var(--global-color-accent--dark)}.button--2:focus:not(:active,[class*=button--is-busy]),.c-button--secondary:focus:not(:active,[class*=button--is-busy]),.c-form__button:where(:not([type=submit],[type=reset])):focus:not(:active,[class*=button--is-busy]){background-color:var(--global-color-accent--x-light);border-color:var(--global-color-primary--xx-dark);color:var(--global-color-primary--xx-dark);outline:var(--global-border-width--thick) solid var(--global-color-accent--light)}.button--2:not(:hover,:focus,:active,:disabled,:where(a[disabled])),.button--2[class*=button--is-busy],.c-button--secondary:not(:hover,:focus,:active,:disabled,:where(a[disabled])),.c-button--secondary[class*=button--is-busy],.c-form__button:where(:not([type=submit],[type=reset])):not(:hover,:focus,:active,:disabled,:where(a[disabled])),.c-form__button:where(:not([type=submit],[type=reset]))[class*=button--is-busy]{background-color:var(--global-color-primary--x-light);border-color:var(--global-color-primary--xx-dark);color:var(--global-color-primary--xx-dark)}.c-button.button--2:disabled,.c-button.button--2:where(a[disabled]),.c-button.c-button--secondary:disabled,.c-button.c-button--secondary:where(a[disabled]),.c-form__button.button--2:disabled,.c-form__button.button--2:where(a[disabled]),.c-form__button.c-button--secondary:disabled,.c-form__button.c-button--secondary:where(a[disabled]),.c-form__buttons button[type=submit].button--2:disabled,.c-form__buttons button[type=submit].button--2:where(a[disabled]),.c-form__buttons button[type=submit].c-button--secondary:disabled,.c-form__buttons button[type=submit].c-button--secondary:where(a[disabled]),[class*=button--].button--2:disabled,[class*=button--].button--2:where(a[disabled]),[class*=button--].c-button--secondary:disabled,[class*=button--].c-button--secondary:where(a[disabled]){background-color:var(--global-color-primary--x-light)}.button--3:hover,.c-button--tertiary:hover,.c-form__button[type=reset]:hover{background-color:var(--global-color-primary--light);border-color:var(--global-color-accent--dark);color:var(--global-color-primary--xx-dark)}.button--3:active:not([class*=button--is-busy]),.c-button--tertiary:active:not([class*=button--is-busy]),.c-form__button[type=reset]:active:not([class*=button--is-busy]){background-color:var(--global-color-accent--x-light);border-color:var(--global-color-accent--dark);border-width:var(--global-border-width--normal);color:var(--global-color-primary--xx-dark);outline:var(--global-border-width--normal) solid var(--global-color-accent--dark)}.button--3:focus:not(:active,[class*=button--is-busy]),.c-button--tertiary:focus:not(:active,[class*=button--is-busy]),.c-form__button[type=reset]:focus:not(:active,[class*=button--is-busy]){background-color:var(--global-color-primary--light);border-color:var(--global-color-primary--xx-dark);color:var(--global-color-primary--xx-dark);outline:var(--global-border-width--thick) solid var(--global-color-accent--light)}.button--3:not(:hover,:focus,:active,:disabled,:where(a[disabled])),.button--3[class*=button--is-busy],.c-button--tertiary:not(:hover,:focus,:active,:disabled,:where(a[disabled])),.c-button--tertiary[class*=button--is-busy],.c-form__button[type=reset]:not(:hover,:focus,:active,:disabled,:where(a[disabled])),.c-form__button[type=reset][class*=button--is-busy]{background-color:var(--global-color-primary--xx-light);border-color:var(--global-color-primary--xx-dark);color:var(--global-color-primary--xx-dark)}[class*=button--is-active]:hover{background-color:var(--global-color-accent--xx-light);border-color:var(--global-color-accent--dark);color:var(--global-color-primary--xx-dark)}[class*=button--is-active]:active{background-color:var(--global-color-accent--x-light);border-color:var(--global-color-accent--dark);border-width:var(--global-border-width--normal);color:var(--global-color-primary--xx-dark);outline:var(--global-border-width--normal) solid var(--global-color-accent--dark)}[class*=button--is-active]:focus:not(:active){background-color:var(--global-color-accent--xx-light);border-color:var(--global-color-primary--xx-dark);color:var(--global-color-primary--xx-dark);outline:var(--global-border-width--thick) solid var(--global-color-accent--light)}[class*=button--is-active]:not(:hover,:focus,:active,:disabled,:where(a[disabled])),[class*=button--is-active][class*=button--is-busy]{background-color:var(--global-color-accent--x-light);border-color:var(--global-color-primary--xx-dark);color:var(--global-color-primary--xx-dark)}[class*=button--as-link]{background:unset;border:unset;font-family:inherit;font-size:inherit;padding-inline:unset}[class*=button--is-busy]{opacity:.5}[class*=button--is-busy] [class*=button__text]{opacity:.3}.c-button:not([class*=button--width-short],[class*=button--width-medium],[class*=button--width-long],[class*=button--size-small],[class*=button--as-link]),.c-form__button:not([class*=button--width-short],[class*=button--width-medium],[class*=button--width-long],[class*=button--size-small],[class*=button--as-link]),.c-form__buttons button[type=submit]:not([class*=button--width-short],[class*=button--width-medium],[class*=button--width-long],[class*=button--size-small],[class*=button--as-link]),[class*=button--]:not([class*=button--width-short],[class*=button--width-medium],[class*=button--width-long],[class*=button--size-small],[class*=button--as-link]){--max-width:auto;width:auto}[class*=button--width-short]{width:var(--min-width)}[class*=button--width-medium]{width:var(--mid-width)}[class*=button--width-long]{width:var(--max-width)}[class*=button--size-small]{line-height:1;min-width:0;padding:4px 9px}.c-button>*,.c-form__button>*,.c-form__buttons button[type=submit]>*,[class*=button--]>*{vertical-align:middle}[class*=button__icon--before]{margin-right:.5em}[class*=button__icon--after]{margin-left:.5em}.x-article-link-stretch{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.x-article-link-stretch--gapless{left:-15px;width:calc(100% + 30px)}.x-article-link-hover,a.c-callout:hover{--outline-offset:1em;outline:1px solid var(--global-color-accent--normal);outline-offset:var(--outline-offset)}.x-article-link-hover--gapless{--outline-offset:0}a.c-callout:active{outline:1px dotted var(--global-color-accent--normal)}.c-callout{--figure-width--no-units:310;--figure-height--no-units:130;display:grid}.c-callout>:is(img,figure){grid-area:figure}.c-callout>:is(h1,h2,h3,h4,h5,h6){grid-area:title}.c-callout>p{grid-area:desc}.c-callout>p{margin-top:0}.c-callout>figure>img,.c-callout>img{aspect-ratio:var(--figure-width--no-units) /var(--figure-height--no-units);-o-object-fit:cover;object-fit:cover}.c-callout>figure{width:-moz-min-content;width:min-content}@media only screen and (min-width:768px){.c-callout{grid-template-areas:"figure title" "figure desc";grid-template-columns:min-content auto;grid-template-rows:auto min-content;padding:20px;text-align:left}.c-callout>figure{margin:0}.c-callout>:is(img,figure){margin-right:40px}.c-callout>figure>img,.c-callout>img{max-width:-moz-fit-content;max-width:fit-content;width:calc(var(--figure-width--no-units)*1px)}.c-callout>img{min-height:100%}}@media only screen and (max-width:767px){.c-callout{grid-template-areas:"figure" "title" "desc";padding:20px 40px;text-align:center}.c-callout>figure{margin:0}.c-callout>:is(img,figure){margin-bottom:20px}.c-callout>figure>img,.c-callout>img{height:calc(var(--figure-height--no-units)*1px);max-height:-moz-fit-content;max-height:fit-content}.c-callout>img{min-width:100%}}.c-callout>:is(img,figure){place-self:center}.c-callout>p{padding-right:1%}.c-callout{background-color:var(--global-color-accent--normal)}.c-callout>:is(h1,h2,h3,h4,h5,h6){border-bottom:1px solid var(--global-color-primary--xx-light);font-size:var(--global-font-size--x-large);font-weight:var(--medium);margin-bottom:12px;margin-top:0;padding-bottom:12px}.c-callout>:is(h1,h2,h3,h4,h5,h6),[class*=o-section--style] .c-callout>:is(h1,h2,h3,h4,h5,h6){color:var(--global-color-primary--xx-light)}.c-callout>:not(h1,h2,h3,h4,h5,h6){color:var(--global-color-primary--xx-light)}.c-callout>:not(h1,h2,h3,h4,h5,h6,figure){font-size:var(--global-font-size--large);font-weight:var(--medium)}a.c-callout:hover{text-decoration:none}a.c-callout:focus{text-decoration:none}table.c-data-list,table.data-list,table[class*=data-list--]{border-left:0;border-right:0}@supports(text-overflow:":"){.c-data-list>dt,.data-list>dt,[class*=data-list--]>dt,[class*=data-list__key]{--text-overflow:":"}}.c-data-list>tbody>td,.c-data-list>tbody>th,.data-list>tbody>td,.data-list>tbody>th,[class*=data-list--]>tbody>td,[class*=data-list--]>tbody>th{padding-block:.5em}.c-data-list>dt:after,.data-list>dt:after,[class*=data-list--]>dt:after,[class*=data-list__key]:after{content:":";display:inline;padding-right:.25em}.c-data-list>tbody>th,.data-list>tbody>th,[class*=data-list--]>tbody>th{padding-right:.25em}.c-data-list--is-horz,.data-list--horz{display:flex;flex-direction:row}.c-data-list>dd,.data-list>dd,[class*=data-list--]>dd,dl.c-data-list--is-horz,dl.data-list--horz{margin-bottom:0}table.c-data-list--is-horz tbody,table.c-data-list--is-horz tr,table.data-list--horz tbody,table.data-list--horz tr{display:flex;flex-direction:row;min-width:0}.c-data-list--is-horz.c-data-list--is-narrow>[class*=data-list__key]:not(th)~[class*=data-list__key]:not(th):before,.c-data-list--is-horz.c-data-list--is-narrow>[class*=data-list__key]:not(th)~dt:before,.c-data-list--is-horz.c-data-list--is-narrow>dt~[class*=data-list__key]:not(th):before,.c-data-list--is-horz.c-data-list--is-narrow>dt~dt:before,.c-data-list--is-horz.data-list--narrow>[class*=data-list__key]:not(th)~[class*=data-list__key]:not(th):before,.c-data-list--is-horz.data-list--narrow>[class*=data-list__key]:not(th)~dt:before,.c-data-list--is-horz.data-list--narrow>dt~[class*=data-list__key]:not(th):before,.c-data-list--is-horz.data-list--narrow>dt~dt:before,.data-list--horz.c-data-list--is-narrow>[class*=data-list__key]:not(th)~[class*=data-list__key]:not(th):before,.data-list--horz.c-data-list--is-narrow>[class*=data-list__key]:not(th)~dt:before,.data-list--horz.c-data-list--is-narrow>dt~[class*=data-list__key]:not(th):before,.data-list--horz.c-data-list--is-narrow>dt~dt:before,.data-list--horz.data-list--narrow>[class*=data-list__key]:not(th)~[class*=data-list__key]:not(th):before,.data-list--horz.data-list--narrow>[class*=data-list__key]:not(th)~dt:before,.data-list--horz.data-list--narrow>dt~[class*=data-list__key]:not(th):before,.data-list--horz.data-list--narrow>dt~dt:before{padding-left:.5em;padding-right:.5em}.c-data-list--is-horz.c-data-list--is-wide>[class*=data-list__key]:not(th)~[class*=data-list__key]:not(th):before,.c-data-list--is-horz.c-data-list--is-wide>[class*=data-list__key]:not(th)~dt:before,.c-data-list--is-horz.c-data-list--is-wide>dt~[class*=data-list__key]:not(th):before,.c-data-list--is-horz.c-data-list--is-wide>dt~dt:before,.c-data-list--is-horz.data-list--wide>[class*=data-list__key]:not(th)~[class*=data-list__key]:not(th):before,.c-data-list--is-horz.data-list--wide>[class*=data-list__key]:not(th)~dt:before,.c-data-list--is-horz.data-list--wide>dt~[class*=data-list__key]:not(th):before,.c-data-list--is-horz.data-list--wide>dt~dt:before,.data-list--horz.c-data-list--is-wide>[class*=data-list__key]:not(th)~[class*=data-list__key]:not(th):before,.data-list--horz.c-data-list--is-wide>[class*=data-list__key]:not(th)~dt:before,.data-list--horz.c-data-list--is-wide>dt~[class*=data-list__key]:not(th):before,.data-list--horz.c-data-list--is-wide>dt~dt:before,.data-list--horz.data-list--wide>[class*=data-list__key]:not(th)~[class*=data-list__key]:not(th):before,.data-list--horz.data-list--wide>[class*=data-list__key]:not(th)~dt:before,.data-list--horz.data-list--wide>dt~[class*=data-list__key]:not(th):before,.data-list--horz.data-list--wide>dt~dt:before{padding-left:1em;padding-right:1em}table.c-data-list--is-horz.c-data-list--is-narrow tr:not(:first-child) th,table.c-data-list--is-horz.data-list--narrow tr:not(:first-child) th,table.data-list--horz.c-data-list--is-narrow tr:not(:first-child) th,table.data-list--horz.data-list--narrow tr:not(:first-child) th{padding-left:.5em}table.c-data-list--is-horz.c-data-list--is-narrow td,table.c-data-list--is-horz.data-list--narrow td,table.data-list--horz.c-data-list--is-narrow td,table.data-list--horz.data-list--narrow td{margin-right:.5em}table.c-data-list--is-horz.c-data-list--is-wide tr:not(:first-child) th,table.c-data-list--is-horz.data-list--wide tr:not(:first-child) th,table.data-list--horz.c-data-list--is-wide tr:not(:first-child) th,table.data-list--horz.data-list--wide tr:not(:first-child) th{padding-left:1em}table.c-data-list--is-horz.c-data-list--is-wide td,table.c-data-list--is-horz.data-list--wide td,table.data-list--horz.c-data-list--is-wide td,table.data-list--horz.data-list--wide td{margin-right:1em}table.c-data-list--is-vert,table.data-list--vert{table-layout:fixed;width:100%}.c-data-list--is-vert>[class*=data-list__value]:not(td),.c-data-list--is-vert>dd,.data-list--vert>[class*=data-list__value]:not(td),.data-list--vert>dd{margin-left:0}.c-data-list--is-vert.c-data-list--is-narrow [class*=data-list__value],.c-data-list--is-vert.c-data-list--is-narrow dd,.c-data-list--is-vert.c-data-list--is-narrow td,.c-data-list--is-vert.data-list--narrow [class*=data-list__value],.c-data-list--is-vert.data-list--narrow dd,.c-data-list--is-vert.data-list--narrow td,.data-list--vert.c-data-list--is-narrow [class*=data-list__value],.data-list--vert.c-data-list--is-narrow dd,.data-list--vert.c-data-list--is-narrow td,.data-list--vert.data-list--narrow [class*=data-list__value],.data-list--vert.data-list--narrow dd,.data-list--vert.data-list--narrow td{padding-left:0}.c-data-list--is-vert.c-data-list--is-wide [class*=data-list__value],.c-data-list--is-vert.c-data-list--is-wide dd,.c-data-list--is-vert.c-data-list--is-wide td,.c-data-list--is-vert.data-list--wide [class*=data-list__value],.c-data-list--is-vert.data-list--wide dd,.c-data-list--is-vert.data-list--wide td,.data-list--vert.c-data-list--is-wide [class*=data-list__value],.data-list--vert.c-data-list--is-wide dd,.data-list--vert.c-data-list--is-wide td,.data-list--vert.data-list--wide [class*=data-list__value],.data-list--vert.data-list--wide dd,.data-list--vert.data-list--wide td{padding-left:2.5em}.c-data-list>tbody>td,.data-list>tbody>td,[class*=data-list--]>tbody>td,table.c-data-list--is-vert th,table.data-list--vert th{border-left:0;border-right:0}table.c-data-list--is-horz td,table.c-data-list--is-horz th,table.data-list--horz td,table.data-list--horz th{border-bottom:0;border-top:0}table.c-data-list--is-horz tr:first-child th,table.data-list--horz tr:first-child th{border-left:0}table.c-data-list--is-horz th,table.data-list--horz th{border-right:0}.c-data-list--is-horz>[class*=data-list__key]:not(th)~[class*=data-list__key]:not(th):before,.c-data-list--is-horz>[class*=data-list__key]:not(th)~dt:before,.c-data-list--is-horz>dt~[class*=data-list__key]:not(th):before,.c-data-list--is-horz>dt~dt:before,.data-list--horz>[class*=data-list__key]:not(th)~[class*=data-list__key]:not(th):before,.data-list--horz>[class*=data-list__key]:not(th)~dt:before,.data-list--horz>dt~[class*=data-list__key]:not(th):before,.data-list--horz>dt~dt:before{content:"|";display:inline-block}.c-data-list--is-horz:not(table),.data-list--horz:not(table){align-items:baseline}table:--data-list--is-horz tr{align-items:baseline}table:--data-list--is-vert td,table:--data-list--is-vert th{vertical-align:baseline}.c-footer{background-color:var(--global-color-primary--xx-dark);color:var(--global-color-primary--xx-light);font-size:var(--global-font-size--small);padding-top:36px;padding-inline:36px;text-align:center}.c-form__desc{margin-block:25px}.c-form__help{font-size:var(--global-font-size--small);font-style:italic}:not(ul,label)+.c-form__help{margin-top:.3em}.c-form__help>:not(details,a,samp){font-style:normal}.c-form__field{margin-bottom:2rem}.c-form__field:not(.has-type-check){display:flex;flex-direction:column}.c-form__field:not(.has-type-check)>.c-form__errors{order:1}.c-form__field.has-type-check{align-items:center;-moz-column-gap:.5em;column-gap:.5em;display:inline-grid;grid-template-areas:"error _____" "input label" "notes notes";grid-template-columns:min-content auto}.c-form__field.has-type-check .c-form__errors{grid-area:error}.c-form__field.has-type-check input{grid-area:input}.c-form__field.has-type-check label{grid-area:label}.c-form__field.has-type-check .c-form__help{grid-area:notes}.c-form__field.has-type-check label{margin-bottom:0}.c-form__field>ul:where(:not(.c-form__errors)) label{align-items:center;display:flex;font-weight:revert;gap:.5em}.c-form__field>ul:where(:not(.c-form__errors)) li:last-child label{margin-bottom:0}.c-form__field .c-form__star{margin-left:.5em}.c-form__field.has-required .c-form__star{color:var(--global-color-danger--dark)}.c-form__field:not(.has-required) .c-form__star{color:var(--global-color-warning--dark)}.c-form__field .c-form__star{display:inline-block;line-height:0;visibility:hidden;width:0}.c-form__field .c-form__star:after{line-height:normal;visibility:visible}.c-form__field.has-required .c-form__star:after{content:"(required)"}.c-form__field:not(.has-required) .c-form__star:after{content:"(important)"}.c-form__field ul.c-form__errors{margin-bottom:0;margin-top:1rem}ul.c-form__errors{list-style:none;padding-inline:0}.c-form__field>ul:where(:not(.c-form__errors)){list-style:none;padding-left:0}.c-form__buttons{margin-top:35px}.c-island,.island{background-color:var(--global-color-primary--x-light);border-top:var(--global-border-width--thick) solid var(--global-color-tertiary--normal);font-style:italic;padding:1em 2em}.c-island hr,.island hr{border-bottom:var(--global-border-width--normal) solid;border-top:none;margin-block:2em}nav.c-nav{--link-padding:0.5em}nav.c-nav--boxed{--indent-small:calc(var(--global-space--list-indent)/4);--indent-medium:calc(var(--global-space--list-indent)/2);--indent-large:var(--global-space--list-indent);border:var(--global-border--normal);width:-moz-fit-content;width:fit-content}nav.c-nav--boxed :is(ul,ol){margin:0}nav.c-nav--boxed ul{list-style-type:none;padding-left:var(--indent-medium);padding-right:var(--indent-large)}@media (min-width:992px){nav.c-nav--boxed{padding-block:var(--indent-medium)}nav.c-nav--boxed ol{padding-left:var(--indent-large);padding-right:calc(var(--indent-large) - var(--link-padding))}}@media (max-width:991px){nav.c-nav--boxed{padding-block:var(--indent-small)}nav.c-nav--boxed ol{padding-left:calc(var(--indent-medium) - var(--link-padding));padding-right:calc(var(--indent-large) - var(--link-padding))}}nav.c-nav--boxed.c-nav--no-list{padding-left:var(--indent-medium);padding-right:var(--indent-large)}nav.c-nav--piped{--pipe-style:var(--global-border--normal)}.c-nav--piped--after :is(ul,ol)>*,.c-nav--piped--after>:not(ul,ol),.c-nav--piped--before :is(ul,ol)>*,.c-nav--piped--before>:not(ul,ol),nav.c-nav--piped:not([class*=c-nav--piped--]) :is(ul,ol)>*,nav.c-nav--piped:not([class*=c-nav--piped--])>:not(ul,ol){position:relative}.c-nav--piped--after :is(ul,ol)>:after,.c-nav--piped--after>:not(ul,ol):after,.c-nav--piped--before :is(ul,ol)>:before,.c-nav--piped--before>:not(ul,ol):before,nav.c-nav--piped:not([class*=c-nav--piped--]) :is(ul,ol)>:after,nav.c-nav--piped:not([class*=c-nav--piped--])>:not(ul,ol):after{content:"";display:block;height:1em;position:absolute;top:50%;transform:translateY(-50%)}.c-nav--piped--after :is(ul,ol)>:not(:last-child):after,.c-nav--piped--after>:not(ul,ol):not(:last-child):after,nav.c-nav--piped:not([class*=c-nav--piped--]) :is(ul,ol)>:not(:last-child):after,nav.c-nav--piped:not([class*=c-nav--piped--])>:not(ul,ol):not(:last-child):after{border-right:var(--pipe-style);right:calc(var(--link-padding)*-.5)}.c-nav--piped--before :is(ul,ol)>:not(:first-child):before,.c-nav--piped--before>:not(ul,ol):not(:first-child):before{border-left:var(--pipe-style);left:calc(var(--link-padding)*-.5)}nav.c-nav{--space-between-inline-items:0.5em}nav.c-nav a{display:inline-block;padding-inline:var(--link-padding)}nav.c-nav--no-list{display:flex;flex-wrap:wrap}nav.c-nav--no-list>a{margin-right:var(--space-between-inline-items)}@media (max-width:991px){nav.c-nav a{line-height:2.5}nav.c-nav :is(ul,ol){display:flex;flex-wrap:wrap;list-style-position:inside}nav.c-nav :is(ul,ol):not(.c-nav--boxed :is(ul,ol)){padding-left:unset}nav.c-nav :is(ul,ol) li{margin-right:var(--space-between-inline-items)}nav.c-nav ul{list-style-type:none}}.c-page-list{--item-width:2em;--item-buffer:3px;--item-border:var(--global-border-width--normal)}.c-page-list{align-items:baseline;display:flex;flex-direction:row;font-size:14px;list-style:none}ul.c-page-list{list-style:none}.c-page-link--always-click{box-sizing:content-box;position:relative}.c-page-link--always-click:after,.c-page-link--always-click:before{--width:var(--item-buffer);--vert-offset:calc(var(--item-border)*-1);--horz-offset:calc(100% + var(--item-border));bottom:var(--vert-offset);content:"";position:absolute;top:var(--vert-offset);width:var(--width)}.c-page-link--always-click.c-button,.c-page-link--always-click[class*=button--]{overflow:visible}.c-page-link--always-click:before{right:var(--horz-offset)}.c-page-link--always-click:after{left:var(--horz-offset)}.c-page-item{margin-inline:var(--item-buffer)}.c-page-item:first-child{margin-left:0}.c-page-item:last-child{margin-right:0}.c-page-item--etcetera{cursor:default;margin-inline:2px;min-width:var(--item-width);text-align:center}.c-page-end{padding:4px 12px}.c-page-link{line-height:1.2;min-width:var(--item-width);padding:5px 0}.c-see-all-link{display:inline-block;font-size:1.2rem;font-weight:var(--bold);margin-bottom:-1em;max-width:100%;padding-bottom:1em;padding-right:1em;padding-top:1em}.c-see-all-link__icon{display:inline-block;font-size:1.167em;margin-right:.75em;vertical-align:text-bottom}.c-see-all-link__text{font-size:1em}.c-tag,[class*=tag--]{font-weight:var(--bold);line-height:1;padding:.5rem;text-transform:uppercase;white-space:nowrap;width:-moz-min-content;width:min-content}.s-blockquote blockquote{font-style:italic;margin:unset}.s-blockquote blockquote p{margin:0;white-space:pre-wrap}.s-blockquote blockquote p:before{content:"“"}.s-blockquote blockquote p:after{content:"”"}.s-blockquote figcaption{margin-top:.3em}.s-blockquote figcaption:before{content:"— "}.s-blockquote cite{font-style:unset}.s-breadcrumbs-via-ul,.s-breadcrumbs:is(nav){font-size:var(--global-font-size--x-small);margin-bottom:var(--global-space--under-breadcrumbs);padding-top:var(--global-space--above-breadcrumbs)}.s-breadcrumbs-via-ul ul,.s-breadcrumbs:is(nav) ol{font-weight:var(--global-font-weight--medium);list-style:none;margin-bottom:unset;padding-left:unset}.s-breadcrumbs-via-ul ul li,.s-breadcrumbs:is(nav) ol li,.s-breadcrumbs:is(ol) li{display:inline-block}.s-breadcrumbs-via-ul ul li+li:before,.s-breadcrumbs:is(nav) ol li+li:before,.s-breadcrumbs:is(ol) li+li:before{content:" > "}.s-breadcrumbs-via-ul ul li:last-child,.s-breadcrumbs:is(nav) ol li:last-child{font-weight:var(--bold)}.s-footer>p:last-of-type{margin:0}.s-footer a{color:var(--global-color-primary--light)}.u-mailto-text-replace[data-user][data-domain]{font-size:0;visibility:hidden}.u-mailto-text-replace[data-user][data-domain]:before{content:attr(data-user) "@" attr(data-domain);display:inline;font-size:medium;visibility:visible} \ No newline at end of file +/*! ← core-styles.settings.css */:target{scroll-margin-top:20px}body,html{height:100%}html{font-size:62.5%}body{color:var(--global-color-primary--x-dark);margin:0;min-width:290px;overscroll-behavior-y:none}:where([role=main],main) :is(button,input,optgroup,select,textarea){font-family:inherit;font-size:inherit;line-height:inherit;margin:0}:where([role=main],main) blockquote{margin-inline:unset}:where([role=main],main) blockquote>p:last-child{margin-bottom:0}:where([role=main],main) figure{margin-inline:unset}:where([role=main],main) :is(dl,ol,ul){margin-bottom:1rem;margin-top:0}:where([role=main],main) details{margin-bottom:1rem;margin-top:0}:where([role=main],main) details>summary{cursor:pointer}.s-irregular-links [class*=button--as-link],.s-irregular-links a,.x-link,.x-link--irregular,:where([role=main],main) a:not(.c-button,[class*=button--]),[class*=button--as-link]{color:var(--global-color-accent--normal);text-decoration:none;text-decoration-thickness:var(--global-border-width--normal);text-underline-offset:.2em}.x-link--disabled,.x-link--irregular--disabled,:where([role=main],main) a:not([href]){opacity:.5;pointer-events:none}.s-irregular-links [class*=button--as-link]:hover,.s-irregular-links a:hover,.x-link--hover,.x-link--irregular--hover,:where([role=main],main) a:not(.c-button,[class*=button--]):hover,[class*=button--as-link]:where(:not(:disabled,:where(a[disabled]))):hover{color:var(--global-color-accent--normal);text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:var(--global-border-width--normal)}.s-irregular-links [class*=button--as-link]:active,.s-irregular-links a:active,.x-link--active,.x-link--irregular--active,:where([role=main],main) a:not(.c-button,[class*=button--]):active,[class*=button--as-link]:where(:not(:disabled,:where(a[disabled]))):active{text-decoration-line:underline;text-decoration-style:dotted}.s-irregular-links [class*=button--as-link],.s-irregular-links a,.x-link--irregular{text-decoration-line:underline}.s-irregular-links [class*=button--as-link]:hover,.s-irregular-links a:hover,.x-link--irregular--hover{text-decoration-style:dashed}.s-irregular-links [class*=button--as-link]:active,.s-irregular-links a:active,.x-link--irregular--active{text-decoration-style:dotted}.x-truncate--many-lines,table p{--lines:2;-webkit-box-orient:vertical;-webkit-line-clamp:var(--lines);display:-webkit-box;overflow:hidden}.x-untruncate--many-lines{-webkit-line-clamp:inherit;overflow:visible}.c-button,.c-data-list--should-truncate-values [class*=data-list__value],.c-data-list--should-truncate-values dd,.c-data-list--should-truncate-values td,.c-data-list>dt,.c-data-list>tbody>th,.c-form__button,.c-form__buttons button[type=submit],.c-see-all-link,.data-list--truncate-values [class*=data-list__value],.data-list--truncate-values dd,.data-list--truncate-values td,.data-list>dt,.data-list>tbody>th,.modal-title,.x-truncate--one-line,[class*=button--],[class*=data-list--]>dt,[class*=data-list--]>tbody>th,[class*=data-list__key]{overflow:hidden;text-overflow:var(--text-overflow,ellipsis);white-space:nowrap}.x-untruncate--one-line{overflow:visible;white-space:normal}.paragraph-table,.s-paragraph-table,table{--font-size:var(--global-font-size--small,12px);--cell-pad-vert:0.6667em;--cell-pad-horz:1.3333em;--cell-line-height:1.1;border-collapse:separate;border-spacing:0;font-family:var(--global-font-family--sans--portal);font-size:var(--font-size)}.paragraph-table,.s-paragraph-table{display:table}.paragraph-table,.s-paragraph-table,tbody>tr:first-child>:is(td,th){border-top:var(--global-border-width--normal) solid var(--global-color-primary--dark)}.paragraph-table p:not(:last-of-type),.s-paragraph-table p:not(:last-of-type),tr:not(:last-of-type)>:is(td,th){border-bottom:var(--global-border-width--normal) solid var(--global-color-primary--light)}tr:nth-child(odd) :is(th,td){background:var(--global-color-background--app)}.paragraph-table p:nth-child(2n),.s-paragraph-table p:nth-child(2n),tr:nth-child(2n) :is(th,td){background:var(--global-color-primary--x-light)}.paragraph-table p,.s-paragraph-table p,:is(td,th){color:var(--global-color-primary--dark);padding-block:var(--cell-pad-vert);padding-inline:var(--cell-pad-horz);vertical-align:top}.paragraph-table p,.s-paragraph-table p,:is(td,th){line-height:var(--cell-line-height)}:is(th,td):first-child{left:0;position:sticky}th{color:var(--global-color-primary--x-dark);text-align:inherit}thead>tr>th{font-weight:var(--bold)}tbody>tr>th{font-weight:var(--normal)}caption{caption-side:top;font-size:var(--font-size);padding-block:var(--cell-pad-vert);padding-inline:var(--cell-pad-horz);text-align:unset}td ul{-webkit-padding-start:0;list-style:none;margin-block:0;padding-inline-start:0}td li:not(:last-of-type){margin-bottom:.5em}.paragraph-table p button,.s-paragraph-table p button,td button{font-size:inherit}.paragraph-table p,.s-paragraph-table p,table p{margin-top:0}.paragraph-table p,.s-paragraph-table p,table p:last-child{margin-bottom:0}@supports selector(:has(table)){table:has(table) :is(td,th){white-space:nowrap}table:has(table) tr:nth-child(2n) :is(th,td){background:var(--global-color-background--app)}td:has(table) tr:nth-child(2n) :is(th,td){background:var(--global-color-primary--x-light)}td:has(table){padding:0}}@supports not selector(:has(table)){table.has-table :is(td,th){white-space:nowrap}table.has-table tr:nth-child(2n) :is(th,td){background:var(--global-color-background--app)}td.has-table tr:nth-child(2n) :is(th,td){background:var(--global-color-primary--x-light)}td.has-table{padding:0}}thead+tbody tr table{--offset-distance:calc(var(--cell-pad-vert)*2 + var(--cell-line-height)*var(--font-size) + var(--global-border-width--normal));--offset:calc(var(--offset-distance)*-1);margin-bottom:var(--offset);transform:translateY(var(--offset))}thead+tbody tr:first-of-type thead{background:var(--global-color-background--app)}thead+tbody tr:not(:first-of-type) thead{visibility:hidden}thead+tbody tr:not(:first-of-type) tbody :is(td,th){border-color:var(--global-color-primary--light)}td:not(:first-child) td:first-child,td:not(:first-child) th:first-child{-webkit-padding-start:8px;padding-inline-start:8px}td:not(:last-child) td:last-child,td:not(:last-child) th:last-child{-webkit-padding-end:8px;padding-inline-end:8px}.o-fixed-header-table thead :is(td,th){position:sticky;top:0;z-index:1}.o-grid--col-auto-count,.x-grid--layout-cols-equal-set-count{grid-template-columns:repeat(var(--count),auto)}.o-grid--col-min-width,.x-grid--layout-cols-equal-min-width{grid-template-columns:repeat(auto-fit,minmax(var(--width),1fr))}.x-grid--layout-cols-equal-min-width-max-count{--gap:var(--global-space--grid-gap);--max-cols:7;--min-width:250px;--row-height:auto;--gap-count:calc(var(--max-cols) - 1);--total-gap-width:calc(var(--gap-count)*var(--gap));--max-width:calc((100% - var(--total-gap-width))/var(--max-cols));display:grid;gap:var(--gap);grid-auto-rows:var(--row-height);grid-template-columns:repeat(auto-fill,minmax(max(var(--min-width),var(--max-width)),1fr))}.o-grid,.x-grid--layout-rows-equal-max-height{grid-auto-rows:1fr}.x-grid--layout-rows-equal-set-height{grid-auto-rows:var(--height)}.o-grid--center-align,.x-grid--content-align-center{align-items:center;justify-items:center}.o-grid{--gap:var(--global-space--grid-gap,15px);display:grid;gap:var(--gap)}.o-grid img{max-height:100%;max-width:100%}.o-grid figure{width:unset}@media (max-width:575px){.o-grid--col-auto-count{--count:1}}@media (min-width:576px) and (max-width:767px){.o-grid--col-auto-count{--count:2}}@media (min-width:768px) and (max-width:991px){.o-grid--col-auto-count{--count:3}}@media (min-width:992px) and (max-width:1199px){.o-grid--col-auto-count{--count:4}}@media (min-width:1200px) and (max-width:1399px){.o-grid--col-auto-count{--count:5}}@media (min-width:1400px) and (max-width:1679px){.o-grid--col-auto-count{--count:6}}@media (min-width:1680px) and (max-width:1919px){.o-grid--col-auto-count{--count:7}}@media (min-width:1920px) and (max-width:2399px){.o-grid--col-auto-count{--count:8}}@media (min-width:2400px){.o-grid--col-auto-count{--count:9}}.o-grid--col-min-width{--width:250px}.o-grid--col-min-width>:not(img){max-height:100%;max-width:100%}.o-grid--image-fill>*{min-height:0}.o-grid--image-fill>:is(a,figure){align-self:stretch;justify-self:stretch}.o-grid--image-fill>a>img:only-child,.o-grid--image-fill>figure>img,.o-grid--image-fill>img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.o-grid--image-fill>figure:not([class]),.o-grid--image-fill>figure[class*=cms-plugin],.o-grid--image-fill>figure[class=""]{display:flex;flex-direction:column}.o-grid--image-fill>figure:not([class])>img,.o-grid--image-fill>figure[class*=cms-plugin]>img,.o-grid--image-fill>figure[class=""]>img{flex-grow:1;min-height:0}.o-table-wrap--flexible-horz>table{table-layout:fixed;width:100%}.o-table-wrap--flexible-vert>table{height:100%}.o-table-wrap--overflow-hidden{overflow:hidden}.o-table-wrap--overflow-scroll{overflow:auto}@media (min-width:1680px){.container{max-width:var(--global-max-width--x-wide)}}@media (min-width:1920px){.container{max-width:var(--global-max-width--xx-wide)}}.figure>a>img,.figure>img{margin-bottom:20px}.figure-caption{border-top:var(--global-border-width--normal) solid var(--global-color-primary--normal);color:var(--global-color-primary--dark);font-size:var(--global-font-size--medium);padding-top:12px}.modal-body,.modal-content,.modal-footer,.modal-header{border-radius:0}.modal-footer{border-top:none}.modal-content{border-color:var(--global-color-primary--dark)}.modal-header{align-items:center;background-color:var(--global-color-primary--x-light);border:none;padding:1.35rem 1.75rem}.modal-title{color:var(--global-color-primary--xx-dark);font-weight:400}.modal-header .close{color:var(--global-color-primary--x-dark);opacity:1}.modal-header .close:not(:disabled):not(.disabled):focus,.modal-header .close:not(:disabled):not(.disabled):hover{color:var(--global-color-primary--xx-dark);opacity:1}.modal-header .close span{font-family:Cortal-Icons!important;font-size:1.5rem}.modal-header.has-MuiTabs{border-bottom:1px solid #afafaf;flex-direction:row;height:63.5px;padding:5px;position:relative}.modal-header.has-MuiTabs .close{transform:translate(-25%,25%)}.modal-header.has-MuiTabs .MuiTabs-indicator{background-color:#fff}.modal-body{max-height:60vh;overflow:auto}.nav-tabs,.tab-pane,.x-tabs--custom-properties{--buffer:20px}.x-tabs--focus-within{outline:5px auto}.nav-tabs .nav-link,.x-tabs__tab{border-bottom:var(--global-border-width--x-thick) solid transparent;font-size:var(--global-font-size--medium);font-weight:var(--medium);margin-inline:var(--buffer);padding-block:1.25em .75em;padding-inline:.875em}.nav-tabs .nav-link:is(a),.x-tabs__tab:is(a){text-decoration:none}.nav-tabs .nav-link:hover,.x-tabs__tab--hover{border-color:var(--global-color-primary--dark)}.nav-tabs .nav-link:not(.active),.x-tabs__tab--not-active{color:var(--global-color-primary--dark)}.nav-tabs .nav-link.active,.x-tabs__tab--active{border-color:var(--global-color-accent--normal);color:var(--global-color-accent--normal)}.tab-pane,.x-tabs__content{border-top:var(--global-border-width--normal) solid var(--global-color-primary--dark);padding-inline:var(--buffer)}.tab-pane>:first-child,.x-tabs__content>:first-child{margin-top:var(--buffer)}.tab-pane>:last-child,.x-tabs__content>:last-child{margin-bottom:var(--buffer)}ul.nav-tabs{margin-bottom:0}.nav-tabs .nav-link{border-inline:none;border-radius:0;border-top:none}.c-button,.c-form__button,.c-form__buttons button[type=submit],[class*=button--]{--min-width:75px;--mid-width:110px;--max-width:130px;border-style:solid;border-width:var(--global-border-width--normal);box-sizing:border-box;display:inline-block}.c-button:not(:disabled,:where(a[disabled])),.c-form__button:not(:disabled,:where(a[disabled])),.c-form__buttons button[type=submit]:not(:disabled,:where(a[disabled])),[class*=button--]:not(:disabled,:where(a[disabled])){cursor:pointer}.c-button:not([class*=button--as-link]),.c-form__button:not([class*=button--as-link]),.c-form__buttons button[type=submit]:not([class*=button--as-link]),[class*=button--]:not([class*=button--as-link]){font-weight:var(--medium)}a.c-button,a[class*=button--]{text-align:center;text-decoration:none}a[class*=button--is-busy]{cursor:default}.c-button:disabled,.c-button:where(a[disabled]),.c-form__button:disabled,.c-form__button:where(a[disabled]),.c-form__buttons button[type=submit]:disabled,.c-form__buttons button[type=submit]:where(a[disabled]),[class*=button--]:disabled,[class*=button--]:where(a[disabled]){-webkit-user-select:none;-moz-user-select:none;user-select:none}.c-button:disabled:not([class*=button--is-busy]),.c-button:where(a[disabled]):not([class*=button--is-busy]),.c-form__button:disabled:not([class*=button--is-busy]),.c-form__button:where(a[disabled]):not([class*=button--is-busy]),.c-form__buttons button[type=submit]:disabled:not([class*=button--is-busy]),.c-form__buttons button[type=submit]:where(a[disabled]):not([class*=button--is-busy]),[class*=button--]:disabled:not([class*=button--is-busy]),[class*=button--]:where(a[disabled]):not([class*=button--is-busy]){border-color:var(--global-color-primary--dark);color:var(--global-color-primary--dark);pointer-events:none}.c-button:disabled:not([class*=button--is-busy],[class*=button--as-link]),.c-button:where(a[disabled]):not([class*=button--is-busy],[class*=button--as-link]),.c-form__button:disabled:not([class*=button--is-busy],[class*=button--as-link]),.c-form__button:where(a[disabled]):not([class*=button--is-busy],[class*=button--as-link]),.c-form__buttons button[type=submit]:disabled:not([class*=button--is-busy],[class*=button--as-link]),.c-form__buttons button[type=submit]:where(a[disabled]):not([class*=button--is-busy],[class*=button--as-link]),[class*=button--]:disabled:not([class*=button--is-busy],[class*=button--as-link]),[class*=button--]:where(a[disabled]):not([class*=button--is-busy],[class*=button--as-link]){background-color:var(--global-color-primary--xx-light)}.button--1,.button--2,.button--3,.c-button--primary,.c-button--secondary,.c-button--tertiary,.c-form__button:where(:not([type=submit],[type=reset])),.c-form__button[type=reset],.c-form__button[type=submit],.c-form__buttons button[type=submit],[class*=button--is-active]{max-width:var(--max-width);min-width:var(--min-width);padding:6px 18px}.button--1:hover,.c-button--primary:hover,.c-form__button[type=submit]:hover,.c-form__buttons button[type=submit]:hover{background-color:var(--global-color-accent--dark);border-color:var(--global-color-accent--dark);color:var(--global-color-primary--xx-light)}.button--1:active:not([class*=button--is-busy]),.c-button--primary:active:not([class*=button--is-busy]),.c-form__button[type=submit]:active:not([class*=button--is-busy]),.c-form__buttons button[type=submit]:active:not([class*=button--is-busy]){background-color:var(--global-color-accent--x-dark);border-color:var(--global-color-accent--dark);border-width:var(--global-border-width--normal);color:var(--global-color-primary--xx-light);outline:var(--global-border-width--normal) solid var(--global-color-accent--dark)}.button--1:focus:not(:active,[class*=button--is-busy]),.c-button--primary:focus:not(:active,[class*=button--is-busy]),.c-form__button[type=submit]:focus:not(:active,[class*=button--is-busy]),.c-form__buttons button[type=submit]:focus:not(:active,[class*=button--is-busy]){background-color:var(--global-color-accent--normal);border-color:var(--global-color-primary--xx-light);color:var(--global-color-primary--xx-light);outline:var(--global-border-width--normal) solid var(--global-color-accent--light)}.button--1:not(:hover,:focus,:active,:disabled,:where(a[disabled])),.button--1[class*=button--is-busy],.c-button--primary:not(:hover,:focus,:active,:disabled,:where(a[disabled])),.c-button--primary[class*=button--is-busy],.c-form__button[type=submit]:not(:hover,:focus,:active,:disabled,:where(a[disabled])),.c-form__button[type=submit][class*=button--is-busy],.c-form__buttons button[type=submit]:not(:hover,:focus,:active,:disabled,:where(a[disabled])),.c-form__buttons button[type=submit][class*=button--is-busy]{background-color:var(--global-color-accent--normal);border-color:var(--global-color-accent--normal);color:var(--global-color-primary--xx-light)}.button--2:hover,.c-button--secondary:hover,.c-form__button:where(:not([type=submit],[type=reset])):hover{background-color:var(--global-color-accent--x-light);border-color:var(--global-color-accent--normal);color:var(--global-color-primary--xx-dark)}.button--2:active:not([class*=button--is-busy]),.c-button--secondary:active:not([class*=button--is-busy]),.c-form__button:where(:not([type=submit],[type=reset])):active:not([class*=button--is-busy]){background-color:var(--global-color-accent--x-light);border-color:var(--global-color-accent--dark);border-width:var(--global-border-width--normal);color:var(--global-color-primary--xx-dark);outline:var(--global-border-width--normal) solid var(--global-color-accent--dark)}.button--2:focus:not(:active,[class*=button--is-busy]),.c-button--secondary:focus:not(:active,[class*=button--is-busy]),.c-form__button:where(:not([type=submit],[type=reset])):focus:not(:active,[class*=button--is-busy]){background-color:var(--global-color-accent--x-light);border-color:var(--global-color-primary--xx-dark);color:var(--global-color-primary--xx-dark);outline:var(--global-border-width--thick) solid var(--global-color-accent--light)}.button--2:not(:hover,:focus,:active,:disabled,:where(a[disabled])),.button--2[class*=button--is-busy],.c-button--secondary:not(:hover,:focus,:active,:disabled,:where(a[disabled])),.c-button--secondary[class*=button--is-busy],.c-form__button:where(:not([type=submit],[type=reset])):not(:hover,:focus,:active,:disabled,:where(a[disabled])),.c-form__button:where(:not([type=submit],[type=reset]))[class*=button--is-busy]{background-color:var(--global-color-primary--x-light);border-color:var(--global-color-primary--xx-dark);color:var(--global-color-primary--xx-dark)}.c-button.button--2:disabled,.c-button.button--2:where(a[disabled]),.c-button.c-button--secondary:disabled,.c-button.c-button--secondary:where(a[disabled]),.c-form__button.button--2:disabled,.c-form__button.button--2:where(a[disabled]),.c-form__button.c-button--secondary:disabled,.c-form__button.c-button--secondary:where(a[disabled]),.c-form__buttons button[type=submit].button--2:disabled,.c-form__buttons button[type=submit].button--2:where(a[disabled]),.c-form__buttons button[type=submit].c-button--secondary:disabled,.c-form__buttons button[type=submit].c-button--secondary:where(a[disabled]),[class*=button--].button--2:disabled,[class*=button--].button--2:where(a[disabled]),[class*=button--].c-button--secondary:disabled,[class*=button--].c-button--secondary:where(a[disabled]){background-color:var(--global-color-primary--x-light)}.button--3:hover,.c-button--tertiary:hover,.c-form__button[type=reset]:hover{background-color:var(--global-color-primary--light);border-color:var(--global-color-accent--dark);color:var(--global-color-primary--xx-dark)}.button--3:active:not([class*=button--is-busy]),.c-button--tertiary:active:not([class*=button--is-busy]),.c-form__button[type=reset]:active:not([class*=button--is-busy]){background-color:var(--global-color-accent--x-light);border-color:var(--global-color-accent--dark);border-width:var(--global-border-width--normal);color:var(--global-color-primary--xx-dark);outline:var(--global-border-width--normal) solid var(--global-color-accent--dark)}.button--3:focus:not(:active,[class*=button--is-busy]),.c-button--tertiary:focus:not(:active,[class*=button--is-busy]),.c-form__button[type=reset]:focus:not(:active,[class*=button--is-busy]){background-color:var(--global-color-primary--light);border-color:var(--global-color-primary--xx-dark);color:var(--global-color-primary--xx-dark);outline:var(--global-border-width--thick) solid var(--global-color-accent--light)}.button--3:not(:hover,:focus,:active,:disabled,:where(a[disabled])),.button--3[class*=button--is-busy],.c-button--tertiary:not(:hover,:focus,:active,:disabled,:where(a[disabled])),.c-button--tertiary[class*=button--is-busy],.c-form__button[type=reset]:not(:hover,:focus,:active,:disabled,:where(a[disabled])),.c-form__button[type=reset][class*=button--is-busy]{background-color:var(--global-color-primary--xx-light);border-color:var(--global-color-primary--xx-dark);color:var(--global-color-primary--xx-dark)}[class*=button--is-active]:hover{background-color:var(--global-color-accent--xx-light);border-color:var(--global-color-accent--dark);color:var(--global-color-primary--xx-dark)}[class*=button--is-active]:active{background-color:var(--global-color-accent--x-light);border-color:var(--global-color-accent--dark);border-width:var(--global-border-width--normal);color:var(--global-color-primary--xx-dark);outline:var(--global-border-width--normal) solid var(--global-color-accent--dark)}[class*=button--is-active]:focus:not(:active){background-color:var(--global-color-accent--xx-light);border-color:var(--global-color-primary--xx-dark);color:var(--global-color-primary--xx-dark);outline:var(--global-border-width--thick) solid var(--global-color-accent--light)}[class*=button--is-active]:not(:hover,:focus,:active,:disabled,:where(a[disabled])),[class*=button--is-active][class*=button--is-busy]{background-color:var(--global-color-accent--x-light);border-color:var(--global-color-primary--xx-dark);color:var(--global-color-primary--xx-dark)}[class*=button--as-link]{background:unset;border:unset;font-family:inherit;font-size:inherit;padding-inline:unset}[class*=button--is-busy]{opacity:.5}[class*=button--is-busy] [class*=button__text]{opacity:.3}.c-button:not([class*=button--width-short],[class*=button--width-medium],[class*=button--width-long],[class*=button--size-small],[class*=button--as-link]),.c-form__button:not([class*=button--width-short],[class*=button--width-medium],[class*=button--width-long],[class*=button--size-small],[class*=button--as-link]),.c-form__buttons button[type=submit]:not([class*=button--width-short],[class*=button--width-medium],[class*=button--width-long],[class*=button--size-small],[class*=button--as-link]),[class*=button--]:not([class*=button--width-short],[class*=button--width-medium],[class*=button--width-long],[class*=button--size-small],[class*=button--as-link]){--max-width:auto;width:auto}[class*=button--width-short]{width:var(--min-width)}[class*=button--width-medium]{width:var(--mid-width)}[class*=button--width-long]{width:var(--max-width)}[class*=button--size-small]{line-height:1;min-width:0;padding:4px 9px}.c-button>*,.c-form__button>*,.c-form__buttons button[type=submit]>*,[class*=button--]>*{vertical-align:middle}[class*=button__icon--before]{margin-right:.5em}[class*=button__icon--after]{margin-left:.5em}.x-article-link-stretch{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.x-article-link-stretch--gapless{left:-15px;width:calc(100% + 30px)}.x-article-link-hover,a.c-callout:hover{--outline-offset:1em;outline:1px solid var(--global-color-accent--normal);outline-offset:var(--outline-offset)}.x-article-link-hover--gapless{--outline-offset:0}a.c-callout:active{outline:1px dotted var(--global-color-accent--normal)}.c-callout{--figure-width--no-units:310;--figure-height--no-units:130;display:grid}.c-callout>:is(img,figure){grid-area:figure}.c-callout>:is(h1,h2,h3,h4,h5,h6){grid-area:title}.c-callout>p{grid-area:desc}.c-callout>p{margin-top:0}.c-callout>figure>img,.c-callout>img{aspect-ratio:var(--figure-width--no-units) /var(--figure-height--no-units);-o-object-fit:cover;object-fit:cover}.c-callout>figure{width:-moz-min-content;width:min-content}@media only screen and (min-width:768px){.c-callout{grid-template-areas:"figure title" "figure desc";grid-template-columns:min-content auto;grid-template-rows:auto min-content;padding:20px;text-align:left}.c-callout>figure{margin:0}.c-callout>:is(img,figure){margin-right:40px}.c-callout>figure>img,.c-callout>img{max-width:-moz-fit-content;max-width:fit-content;width:calc(var(--figure-width--no-units)*1px)}.c-callout>img{min-height:100%}}@media only screen and (max-width:767px){.c-callout{grid-template-areas:"figure" "title" "desc";padding:20px 40px;text-align:center}.c-callout>figure{margin:0}.c-callout>:is(img,figure){margin-bottom:20px}.c-callout>figure>img,.c-callout>img{height:calc(var(--figure-height--no-units)*1px);max-height:-moz-fit-content;max-height:fit-content}.c-callout>img{min-width:100%}}.c-callout>:is(img,figure){place-self:center}.c-callout>p{padding-right:1%}.c-callout{background-color:var(--global-color-accent--normal)}.c-callout>:is(h1,h2,h3,h4,h5,h6){border-bottom:1px solid var(--global-color-primary--xx-light);font-size:var(--global-font-size--x-large);font-weight:var(--medium);margin-bottom:12px;margin-top:0;padding-bottom:12px}.c-callout>:is(h1,h2,h3,h4,h5,h6),[class*=o-section--style] .c-callout>:is(h1,h2,h3,h4,h5,h6){color:var(--global-color-primary--xx-light)}.c-callout>:not(h1,h2,h3,h4,h5,h6){color:var(--global-color-primary--xx-light)}.c-callout>:not(h1,h2,h3,h4,h5,h6,figure){font-size:var(--global-font-size--large);font-weight:var(--medium)}a.c-callout:hover{text-decoration:none}a.c-callout:focus{text-decoration:none}table.c-data-list,table.data-list,table[class*=data-list--]{border-left:0;border-right:0}@supports(text-overflow:":"){.c-data-list>dt,.data-list>dt,[class*=data-list--]>dt,[class*=data-list__key]{--text-overflow:":"}}.c-data-list>tbody>td,.c-data-list>tbody>th,.data-list>tbody>td,.data-list>tbody>th,[class*=data-list--]>tbody>td,[class*=data-list--]>tbody>th{padding-block:.5em}.c-data-list>dt:after,.data-list>dt:after,[class*=data-list--]>dt:after,[class*=data-list__key]:after{content:":";display:inline;padding-right:.25em}.c-data-list>tbody>th,.data-list>tbody>th,[class*=data-list--]>tbody>th{padding-right:.25em}.c-data-list--is-horz,.data-list--horz{display:flex;flex-direction:row}.c-data-list>dd,.data-list>dd,[class*=data-list--]>dd,dl.c-data-list--is-horz,dl.data-list--horz{margin-bottom:0}table.c-data-list--is-horz tbody,table.c-data-list--is-horz tr,table.data-list--horz tbody,table.data-list--horz tr{display:flex;flex-direction:row;min-width:0}.c-data-list--is-horz.c-data-list--is-narrow>[class*=data-list__key]:not(th)~[class*=data-list__key]:not(th):before,.c-data-list--is-horz.c-data-list--is-narrow>[class*=data-list__key]:not(th)~dt:before,.c-data-list--is-horz.c-data-list--is-narrow>dt~[class*=data-list__key]:not(th):before,.c-data-list--is-horz.c-data-list--is-narrow>dt~dt:before,.c-data-list--is-horz.data-list--narrow>[class*=data-list__key]:not(th)~[class*=data-list__key]:not(th):before,.c-data-list--is-horz.data-list--narrow>[class*=data-list__key]:not(th)~dt:before,.c-data-list--is-horz.data-list--narrow>dt~[class*=data-list__key]:not(th):before,.c-data-list--is-horz.data-list--narrow>dt~dt:before,.data-list--horz.c-data-list--is-narrow>[class*=data-list__key]:not(th)~[class*=data-list__key]:not(th):before,.data-list--horz.c-data-list--is-narrow>[class*=data-list__key]:not(th)~dt:before,.data-list--horz.c-data-list--is-narrow>dt~[class*=data-list__key]:not(th):before,.data-list--horz.c-data-list--is-narrow>dt~dt:before,.data-list--horz.data-list--narrow>[class*=data-list__key]:not(th)~[class*=data-list__key]:not(th):before,.data-list--horz.data-list--narrow>[class*=data-list__key]:not(th)~dt:before,.data-list--horz.data-list--narrow>dt~[class*=data-list__key]:not(th):before,.data-list--horz.data-list--narrow>dt~dt:before{padding-left:.5em;padding-right:.5em}.c-data-list--is-horz.c-data-list--is-wide>[class*=data-list__key]:not(th)~[class*=data-list__key]:not(th):before,.c-data-list--is-horz.c-data-list--is-wide>[class*=data-list__key]:not(th)~dt:before,.c-data-list--is-horz.c-data-list--is-wide>dt~[class*=data-list__key]:not(th):before,.c-data-list--is-horz.c-data-list--is-wide>dt~dt:before,.c-data-list--is-horz.data-list--wide>[class*=data-list__key]:not(th)~[class*=data-list__key]:not(th):before,.c-data-list--is-horz.data-list--wide>[class*=data-list__key]:not(th)~dt:before,.c-data-list--is-horz.data-list--wide>dt~[class*=data-list__key]:not(th):before,.c-data-list--is-horz.data-list--wide>dt~dt:before,.data-list--horz.c-data-list--is-wide>[class*=data-list__key]:not(th)~[class*=data-list__key]:not(th):before,.data-list--horz.c-data-list--is-wide>[class*=data-list__key]:not(th)~dt:before,.data-list--horz.c-data-list--is-wide>dt~[class*=data-list__key]:not(th):before,.data-list--horz.c-data-list--is-wide>dt~dt:before,.data-list--horz.data-list--wide>[class*=data-list__key]:not(th)~[class*=data-list__key]:not(th):before,.data-list--horz.data-list--wide>[class*=data-list__key]:not(th)~dt:before,.data-list--horz.data-list--wide>dt~[class*=data-list__key]:not(th):before,.data-list--horz.data-list--wide>dt~dt:before{padding-left:1em;padding-right:1em}table.c-data-list--is-horz.c-data-list--is-narrow tr:not(:first-child) th,table.c-data-list--is-horz.data-list--narrow tr:not(:first-child) th,table.data-list--horz.c-data-list--is-narrow tr:not(:first-child) th,table.data-list--horz.data-list--narrow tr:not(:first-child) th{padding-left:.5em}table.c-data-list--is-horz.c-data-list--is-narrow td,table.c-data-list--is-horz.data-list--narrow td,table.data-list--horz.c-data-list--is-narrow td,table.data-list--horz.data-list--narrow td{margin-right:.5em}table.c-data-list--is-horz.c-data-list--is-wide tr:not(:first-child) th,table.c-data-list--is-horz.data-list--wide tr:not(:first-child) th,table.data-list--horz.c-data-list--is-wide tr:not(:first-child) th,table.data-list--horz.data-list--wide tr:not(:first-child) th{padding-left:1em}table.c-data-list--is-horz.c-data-list--is-wide td,table.c-data-list--is-horz.data-list--wide td,table.data-list--horz.c-data-list--is-wide td,table.data-list--horz.data-list--wide td{margin-right:1em}table.c-data-list--is-vert,table.data-list--vert{table-layout:fixed;width:100%}.c-data-list--is-vert>[class*=data-list__value]:not(td),.c-data-list--is-vert>dd,.data-list--vert>[class*=data-list__value]:not(td),.data-list--vert>dd{margin-left:0}.c-data-list--is-vert.c-data-list--is-narrow [class*=data-list__value],.c-data-list--is-vert.c-data-list--is-narrow dd,.c-data-list--is-vert.c-data-list--is-narrow td,.c-data-list--is-vert.data-list--narrow [class*=data-list__value],.c-data-list--is-vert.data-list--narrow dd,.c-data-list--is-vert.data-list--narrow td,.data-list--vert.c-data-list--is-narrow [class*=data-list__value],.data-list--vert.c-data-list--is-narrow dd,.data-list--vert.c-data-list--is-narrow td,.data-list--vert.data-list--narrow [class*=data-list__value],.data-list--vert.data-list--narrow dd,.data-list--vert.data-list--narrow td{padding-left:0}.c-data-list--is-vert.c-data-list--is-wide [class*=data-list__value],.c-data-list--is-vert.c-data-list--is-wide dd,.c-data-list--is-vert.c-data-list--is-wide td,.c-data-list--is-vert.data-list--wide [class*=data-list__value],.c-data-list--is-vert.data-list--wide dd,.c-data-list--is-vert.data-list--wide td,.data-list--vert.c-data-list--is-wide [class*=data-list__value],.data-list--vert.c-data-list--is-wide dd,.data-list--vert.c-data-list--is-wide td,.data-list--vert.data-list--wide [class*=data-list__value],.data-list--vert.data-list--wide dd,.data-list--vert.data-list--wide td{padding-left:2.5em}.c-data-list>tbody>td,.data-list>tbody>td,[class*=data-list--]>tbody>td,table.c-data-list--is-vert th,table.data-list--vert th{border-left:0;border-right:0}table.c-data-list--is-horz td,table.c-data-list--is-horz th,table.data-list--horz td,table.data-list--horz th{border-bottom:0;border-top:0}table.c-data-list--is-horz tr:first-child th,table.data-list--horz tr:first-child th{border-left:0}table.c-data-list--is-horz th,table.data-list--horz th{border-right:0}.c-data-list--is-horz>[class*=data-list__key]:not(th)~[class*=data-list__key]:not(th):before,.c-data-list--is-horz>[class*=data-list__key]:not(th)~dt:before,.c-data-list--is-horz>dt~[class*=data-list__key]:not(th):before,.c-data-list--is-horz>dt~dt:before,.data-list--horz>[class*=data-list__key]:not(th)~[class*=data-list__key]:not(th):before,.data-list--horz>[class*=data-list__key]:not(th)~dt:before,.data-list--horz>dt~[class*=data-list__key]:not(th):before,.data-list--horz>dt~dt:before{content:"|";display:inline-block}.c-data-list--is-horz:not(table),.data-list--horz:not(table){align-items:baseline}table:--data-list--is-horz tr{align-items:baseline}table:--data-list--is-vert td,table:--data-list--is-vert th{vertical-align:baseline}.c-footer{background-color:var(--global-color-primary--xx-dark);color:var(--global-color-primary--xx-light);font-size:var(--global-font-size--small);padding-top:36px;padding-inline:36px;text-align:center}.c-form__desc{margin-block:25px}.c-form__help{font-size:var(--global-font-size--small);font-style:italic}:not(ul,label)+.c-form__help{margin-top:.3em}.c-form__help>:not(details,a,samp){font-style:normal}.c-form__field{margin-bottom:2rem}.c-form__field:not(.has-type-check){display:flex;flex-direction:column}.c-form__field:not(.has-type-check)>.c-form__errors{order:1}.c-form__field.has-type-check{align-items:center;-moz-column-gap:.5em;column-gap:.5em;display:inline-grid;grid-template-areas:"error _____" "input label" "notes notes";grid-template-columns:min-content auto}.c-form__field.has-type-check .c-form__errors{grid-area:error}.c-form__field.has-type-check input{grid-area:input}.c-form__field.has-type-check label{grid-area:label}.c-form__field.has-type-check .c-form__help{grid-area:notes}.c-form__field.has-type-check label{margin-bottom:0}.c-form__field>ul:where(:not(.c-form__errors)) label{align-items:center;display:flex;font-weight:revert;gap:.5em}.c-form__field>ul:where(:not(.c-form__errors)) li:last-child label{margin-bottom:0}.c-form__field .c-form__star{margin-left:.5em}.c-form__field.has-required .c-form__star{color:var(--global-color-danger--dark)}.c-form__field:not(.has-required) .c-form__star{color:var(--global-color-warning--dark)}.c-form__field .c-form__star{display:inline-block;line-height:0;visibility:hidden;width:0}.c-form__field .c-form__star:after{line-height:normal;visibility:visible}.c-form__field.has-required .c-form__star:after{content:"(required)"}.c-form__field:not(.has-required) .c-form__star:after{content:"(important)"}.c-form__field ul.c-form__errors{margin-bottom:0;margin-top:1rem}ul.c-form__errors{list-style:none;padding-inline:0}.c-form__field>ul:where(:not(.c-form__errors)){list-style:none;padding-left:0}.c-form__buttons{margin-top:35px}.c-island,.island{background-color:var(--global-color-primary--x-light);border-top:var(--global-border-width--thick) solid var(--global-color-tertiary--normal);font-style:italic;padding:1em 2em}.c-island hr,.island hr{border-bottom:var(--global-border-width--normal) solid;border-top:none;margin-block:2em}nav.c-nav{--link-padding:0.5em}nav.c-nav--boxed{--indent-small:calc(var(--global-space--list-indent)/4);--indent-medium:calc(var(--global-space--list-indent)/2);--indent-large:var(--global-space--list-indent);border:var(--global-border--normal);width:-moz-fit-content;width:fit-content}nav.c-nav--boxed :is(ul,ol){margin:0}nav.c-nav--boxed ul{list-style-type:none;padding-left:var(--indent-medium);padding-right:var(--indent-large)}@media (min-width:992px){nav.c-nav--boxed{padding-block:var(--indent-medium)}nav.c-nav--boxed ol{padding-left:var(--indent-large);padding-right:calc(var(--indent-large) - var(--link-padding))}}@media (max-width:991px){nav.c-nav--boxed{padding-block:var(--indent-small)}nav.c-nav--boxed ol{padding-left:calc(var(--indent-medium) - var(--link-padding));padding-right:calc(var(--indent-large) - var(--link-padding))}}nav.c-nav--boxed.c-nav--no-list{padding-left:var(--indent-medium);padding-right:var(--indent-large)}nav.c-nav--piped{--pipe-style:var(--global-border--normal)}nav[class*=c-nav--piped] button[class*=button--as-link]{overflow:visible}.c-nav--piped--after :is(ul,ol)>*,.c-nav--piped--after>:not(ul,ol),.c-nav--piped--before :is(ul,ol)>*,.c-nav--piped--before>:not(ul,ol),nav.c-nav--piped:not([class*=c-nav--piped--]) :is(ul,ol)>*,nav.c-nav--piped:not([class*=c-nav--piped--])>:not(ul,ol){position:relative}.c-nav--piped--after :is(ul,ol)>:after,.c-nav--piped--after>:not(ul,ol):after,.c-nav--piped--before :is(ul,ol)>:before,.c-nav--piped--before>:not(ul,ol):before,nav.c-nav--piped:not([class*=c-nav--piped--]) :is(ul,ol)>:after,nav.c-nav--piped:not([class*=c-nav--piped--])>:not(ul,ol):after{content:"";display:block;height:1em;position:absolute;top:50%;transform:translateY(-50%)}.c-nav--piped--after :is(ul,ol)>:not(:last-child):after,.c-nav--piped--after>:not(ul,ol):not(:last-child):after,nav.c-nav--piped:not([class*=c-nav--piped--]) :is(ul,ol)>:not(:last-child):after,nav.c-nav--piped:not([class*=c-nav--piped--])>:not(ul,ol):not(:last-child):after{border-right:var(--pipe-style);right:calc(var(--link-padding)*-.5)}.c-nav--piped--after button:not(:last-child):after,nav.c-nav--piped:not([class*=c-nav--piped--]) button:not(:last-child):after{margin-right:calc(var(--global-border-width--normal)*-2)}.c-nav--piped--before :is(ul,ol)>:not(:first-child):before,.c-nav--piped--before>:not(ul,ol):not(:first-child):before{border-left:var(--pipe-style);left:calc(var(--link-padding)*-.5)}.c-nav--piped--before button:not(:first-child):before{margin-left:calc(var(--global-border-width--normal)*-2)}nav.c-nav{--space-between-inline-items:0.5em}nav.c-nav :is(a,[class*=button--as-link]){display:inline-block;padding-inline:var(--link-padding)}nav.c-nav--no-list{align-items:center;display:flex;flex-wrap:wrap}nav.c-nav--no-list:has(button){row-gap:var(--space-between-inline-items)}nav.c-nav--no-list>:is(a,button){margin-right:var(--space-between-inline-items)}@media (max-width:991px){nav.c-nav a{line-height:2.5}nav.c-nav :is(ul,ol){align-items:center;display:flex;flex-wrap:wrap;list-style-position:inside}nav.c-nav :is(ul,ol):not(.c-nav--boxed :is(ul,ol)){padding-left:unset}nav.c-nav :is(ul,ol) li{margin-right:var(--space-between-inline-items)}nav.c-nav ul{list-style-type:none}}.c-page-list{--item-width:2em;--item-buffer:3px;--item-border:var(--global-border-width--normal)}.c-page-list{align-items:baseline;display:flex;flex-direction:row;font-size:14px;list-style:none}ul.c-page-list{list-style:none}.c-page-link--always-click{box-sizing:content-box;position:relative}.c-page-link--always-click:after,.c-page-link--always-click:before{--width:var(--item-buffer);--vert-offset:calc(var(--item-border)*-1);--horz-offset:calc(100% + var(--item-border));bottom:var(--vert-offset);content:"";position:absolute;top:var(--vert-offset);width:var(--width)}.c-page-link--always-click.c-button,.c-page-link--always-click[class*=button--]{overflow:visible}.c-page-link--always-click:before{right:var(--horz-offset)}.c-page-link--always-click:after{left:var(--horz-offset)}.c-page-item{margin-inline:var(--item-buffer)}.c-page-item:first-child{margin-left:0}.c-page-item:last-child{margin-right:0}.c-page-item--etcetera{cursor:default;margin-inline:2px;min-width:var(--item-width);text-align:center}.c-page-end{padding:4px 12px}.c-page-link{line-height:1.2;min-width:var(--item-width);padding:5px 0}.c-see-all-link{display:inline-block;font-size:1.2rem;font-weight:var(--bold);margin-bottom:-1em;max-width:100%;padding-bottom:1em;padding-right:1em;padding-top:1em}.c-see-all-link__icon{display:inline-block;font-size:1.167em;margin-right:.75em;vertical-align:text-bottom}.c-see-all-link__text{font-size:1em}.c-tag,[class*=tag--]{font-weight:var(--bold);line-height:1;padding:.5rem;text-transform:uppercase;white-space:nowrap;width:-moz-min-content;width:min-content}.s-blockquote blockquote{font-style:italic;margin:unset}.s-blockquote blockquote p{margin:0;white-space:pre-wrap}.s-blockquote blockquote p:before{content:"“"}.s-blockquote blockquote p:after{content:"”"}.s-blockquote figcaption{margin-top:.3em}.s-blockquote figcaption:before{content:"— "}.s-blockquote cite{font-style:unset}.s-breadcrumbs-via-ul,.s-breadcrumbs:is(nav){font-size:var(--global-font-size--x-small);margin-bottom:var(--global-space--under-breadcrumbs);padding-top:var(--global-space--above-breadcrumbs)}.s-breadcrumbs-via-ul ul,.s-breadcrumbs:is(nav) ol{font-weight:var(--global-font-weight--medium);list-style:none;margin-bottom:unset;padding-left:unset}.s-breadcrumbs-via-ul ul li,.s-breadcrumbs:is(nav) ol li,.s-breadcrumbs:is(ol) li{display:inline-block}.s-breadcrumbs-via-ul ul li+li:before,.s-breadcrumbs:is(nav) ol li+li:before,.s-breadcrumbs:is(ol) li+li:before{content:" > "}.s-breadcrumbs-via-ul ul li:last-child,.s-breadcrumbs:is(nav) ol li:last-child{font-weight:var(--bold)}.s-footer>p:last-of-type{margin:0}.s-footer a{color:var(--global-color-primary--light)}.u-mailto-text-replace[data-user][data-domain]{font-size:0;visibility:hidden}.u-mailto-text-replace[data-user][data-domain]:before{content:attr(data-user) "@" attr(data-domain);display:inline;font-size:medium;visibility:visible} \ No newline at end of file diff --git a/src/lib/_imports/_partials/button-list.hbs b/src/lib/_imports/_partials/button-list.hbs new file mode 100644 index 000000000..d23187ca4 --- /dev/null +++ b/src/lib/_imports/_partials/button-list.hbs @@ -0,0 +1,9 @@ +{{#each buttons as | button |}}{{#if ../is-list}}
  • {{/if}}{{! + + }}{{! + +}}{{#if ../is-list}}
  • {{/if}}{{/each}} diff --git a/src/lib/_imports/components/c-nav.css b/src/lib/_imports/components/c-nav.css index 21e56c1ee..c7a24359c 100644 --- a/src/lib/_imports/components/c-nav.css +++ b/src/lib/_imports/components/c-nav.css @@ -1,5 +1,6 @@ @import url("../tools/media-queries.css"); +@import url("./c-button.selectors.css"); @@ -89,6 +90,12 @@ nav.c-nav--piped { --pipe-style: var(--global-border--normal); } +/* To ensure pipe is visible */ +/* CAVEAT: Truncation will NOT work */ +nav[class*="c-nav--piped"] button:--c-button--as-link { + overflow: visible; +} + /* Modifiers: Pipes: Methods */ @@ -123,12 +130,18 @@ nav.c-nav--piped { border-right: var(--pipe-style); right: calc( -0.5 * var(--link-padding)); } +.c-nav--piped--after button:not(:last-child)::after { + margin-right: calc( -2 * var(--global-border-width--normal)); +} /* via "before" pseduo-element */ .c-nav--piped--before :--child-no-list:not(:first-child)::before, .c-nav--piped--before :--child-of-list:not(:first-child)::before { border-left: var(--pipe-style); left: calc( -0.5 * var(--link-padding)); } +.c-nav--piped--before button:not(:first-child)::before { + margin-left: calc( -2 * var(--global-border-width--normal)); +} /* default */ nav.c-nav--piped:not([class*="c-nav--piped--"]) { @extend .c-nav--piped--after; @@ -153,7 +166,7 @@ nav.c-nav { /* NOTE: Client is expected to overwrite these */ --space-between-inline-items: 0.5em; } -nav.c-nav a { +nav.c-nav :is(a, :--c-button--as-link) { display: inline-block; /* to let line-height define clickable area */ padding-inline: var(--link-padding); } @@ -162,8 +175,12 @@ nav.c-nav a { nav.c-nav--no-list { display: flex; /* to remove whitespace between items */ flex-wrap: wrap; + align-items: center; /* for diff-height items e.g. links with buttons */ +} +nav.c-nav--no-list:has(button) { + row-gap: var(--space-between-inline-items); } -nav.c-nav--no-list > a { +nav.c-nav--no-list > :is(a, button) { /* To space items via margin (use `-right` to not increase left indent) */ margin-right: var(--space-between-inline-items); } @@ -182,6 +199,7 @@ nav.c-nav--no-list > a { nav.c-nav :is(ul,ol) { display: flex; flex-wrap: wrap; + align-items: center; /* for diff-height items e.g. links with buttons */ /* To prevent overlap of any lists' decorators (when items are inline) */ list-style-position: inside; diff --git a/src/lib/_imports/components/c-nav/c-nav--is-list.hbs b/src/lib/_imports/components/c-nav/c-nav--is-list.hbs index 2cf333be9..5c8dfda2a 100644 --- a/src/lib/_imports/components/c-nav/c-nav--is-list.hbs +++ b/src/lib/_imports/components/c-nav/c-nav--is-list.hbs @@ -10,6 +10,14 @@ + {{#if ../show_buttons }} + + + {{/if}} {{/each}} @@ -25,6 +33,14 @@ + {{#if ../show_buttons }} + + + {{/if}} {{/each}} diff --git a/src/lib/_imports/components/c-nav/c-nav--no-list.hbs b/src/lib/_imports/components/c-nav/c-nav--no-list.hbs index fed026721..8acbd250c 100644 --- a/src/lib/_imports/components/c-nav/c-nav--no-list.hbs +++ b/src/lib/_imports/components/c-nav/c-nav--no-list.hbs @@ -12,6 +12,16 @@ + {{#if ../show_buttons }} + {{#unless (has this "boxed")}} + + + {{/unless}} + {{/if}} {{/each}} diff --git a/src/lib/_imports/components/c-nav/config.yml b/src/lib/_imports/components/c-nav/config.yml index a1f00f837..272f0b48a 100644 --- a/src/lib/_imports/components/c-nav/config.yml +++ b/src/lib/_imports/components/c-nav/config.yml @@ -18,6 +18,7 @@ variants: status: wip - name: no-list context: + show_buttons: true modifiers: - [] - [boxed] diff --git a/src/lib/_imports/components/c-nav/demo.css b/src/lib/_imports/components/c-nav/demo.css index 70a5e4652..a6184dcc1 100644 --- a/src/lib/_imports/components/c-nav/demo.css +++ b/src/lib/_imports/components/c-nav/demo.css @@ -5,6 +5,11 @@ main { flex-wrap: wrap; gap: var(--global-space--grid-gap); } +dd { + display: flex; + flex-wrap: wrap; + gap: calc( var(--global-space--grid-gap) / 2); +} small > code:not(:last-child)::after { content: '';