wai-website-theme 1.4 → 1.4.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (5) hide show
  1. checksums.yaml +4 -4
  2. data/_includes/footer.html +2 -2
  3. data/assets/css/style.css +1 -1
  4. data/assets/css/style.css.map +1 -1
  5. metadata +2 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 45ea77342425778852b8e03d441dff2f4874ccaa24e20dd82534bd3ed47ed9ee
4
- data.tar.gz: 3624d172f75af626e95af2772df913d2080d465704bbf4d27bc997fc246c5e06
3
+ metadata.gz: 00c87648f5ef9eefe3129a09459952a6901aebe25cbc14bbd82da7afce543a13
4
+ data.tar.gz: aa401f312933cfa22755b2e760de055f0a937c3ad53c284998b0c78d1963fc95
5
5
  SHA512:
6
- metadata.gz: 1318ea3faba9a2555f8b815217d49361881965e985da4d6819d4c678e9bd90e00b33bc5683215e1c2e9138db7d2716ce9e7bf456855fdeb1bedd8d82ddbce27d
7
- data.tar.gz: 0dbc28c31ce59c81463ce3487e8ce84ec26702fa736711f546b4cf04df04460ea84204539603455bf1f8eade500c48e5be2bb3c71207adb07265f35a0582da8e
6
+ metadata.gz: e52b347c958548f4382401ced567480a5016cdcdd61f149cc8bf6cec6d9977ab1368a9a2985467721cf87cc8535e41435d8b4435e7747680a4bfa8e53fab96fc
7
+ data.tar.gz: dec874e8b17e34d37a2308b576c6a7d8940640ce47ba8c88fe30464e3b06fbc59c1d21ea93b41a2d04c78c72749c0ac6e95292840afef59280c72a760e559344
data/_includes/footer.html CHANGED
@@ -13,14 +13,14 @@
13
13
  {%- assign changelog = "" -%}
14
14
  {%- endif -%}
15
15
  {% if col.footer %}
16
- <footer class="page-footer default-grid" aria-label="Page">
16
+ <footer id="wai-page-footer" class="page-footer default-grid" aria-label="Page">
17
17
  <div class="inner">
18
18
  {{col.footer | replace: "CHANGELOG", changelog }}
19
19
  </div>
20
20
  </footer>
21
21
  {% else %}
22
22
  {% if page.footer %}
23
- <footer class="page-footer default-grid" aria-label="Page">
23
+ <footer id="wai-site-footer" class="page-footer default-grid" aria-label="Page">
24
24
  <div class="inner">
25
25
  {{page.footer | replace: "CHANGELOG", changelog}}
26
26
  </div>
data/assets/css/style.css CHANGED
@@ -1,2 +1,2 @@
1
- :root{--w3c-classic:#005a9c;--w3c-blue:#036;--wai-green:#005a6a;--off-black:#1d1d1d;--dk-grey:#3b3b3b;--faded-red:#c0272d;--light-blue:#196cac;--dk-blue:#091832;--gold:#eed009;--gold-light:rgba(238,208,9,.35);--ocean:#00818d;--cloudy:#bccbd3;--grey:#686868;--line-grey:#ddd;--trans-line-grey:hsla(0,0%,87%,.32);--off-white:#f2f2f2;--body-bg:#fafafc;--lt-off-white:#fafafa;--pure-white:#fff;--white-transparent:hsla(0,0%,100%,.92);--visited-link:#606;--footer-grey:#efefef}.no-display,.visuallyhidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.no-display.focusable:active,.no-display.focusable:focus,.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;-webkit-clip-path:none;clip-path:none;height:auto;margin:0;overflow:visible;position:static;width:auto;white-space:inherit}@font-face{font-family:Noto Sans;src:url(../fonts/notosans/notosans-regular.woff2) format("woff2"),url(../fonts/notosans/notosans-regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Noto Sans;src:url(../fonts/notosans/notosans-italic.woff2) format("woff2"),url(../fonts/notosans/notosans-italic.woff) format("woff");font-weight:400;font-style:italic}@font-face{font-family:Noto Sans;src:url(../fonts/notosans/notosans-bold.woff2) format("woff2"),url(../fonts/notosans/notosans-bold.woff) format("woff");font-weight:600;font-style:normal}@font-face{font-family:Noto Sans;src:url(../fonts/notosans/notosans-bolditalic.woff2) format("woff2"),url(../fonts/notosans/notosans-bolditalic.woff) format("woff");font-weight:600;font-style:italic}@font-face{font-family:Noto Sans Mono;src:url(../fonts/notosansmono/notosansmono-semicondensed.woff2) format("woff2"),url(../fonts/notosansmono/notosansmono-semicondensed.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Noto Sans Mono;src:url(../fonts/notosansmono/notosansmono-semicondensedbold.woff2) format("woff2"),url(../fonts/notosansmono/notosansmono-semicondensedbold.woff) format("woff");font-weight:600;font-style:normal}@font-face{font-family:Noto Naskh Arabic Minimal;src:url(../fonts/notonaskh/regular-minimal.woff2) format("woff2"),url(../fonts/notonaskh/regular-minimal.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Noto Naskh Arabic Minimal;src:url(../fonts/notonaskh/bold-minimal.woff2) format("woff2"),url(../fonts/notonaskh/bold-minimal.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:Noto Naskh Arabic;src:url(../fonts/notonaskh/regular.woff2) format("woff2"),url(../fonts/notonaskh/regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Noto Naskh Arabic;src:url(../fonts/notonaskh/bold.woff2) format("woff2"),url(../fonts/notonaskh/bold.woff) format("woff");font-weight:700;font-style:normal}html{background-color:#f2f2f2;background-color:var(--off-white)}@media print{html{background-color:#fff}}body{font-family:Noto Sans,Trebuchet MS,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-size:16px;font-size:1rem;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;background-color:#fafafc;background-color:var(--body-bg);color:#1d1d1d;color:var(--off-black);padding:0;padding:constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);margin:0 auto;max-width:1250px}@supports (display:grid){body{max-width:none;margin:0}}@media print{body{color:#000;background-color:#fff;font-size:10pt;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}}body:lang(ar){font-family:Noto Naskh Arabic,Noto Sans,Trebuchet MS,Helvetica Neue,Arial,sans-serif}body:not(:lang(ar)) :lang(ar){font-family:Noto Naskh Arabic Minimal,Noto Sans,Trebuchet MS,Helvetica Neue,Arial,sans-serif}code{font-size:1em;font-family:Noto Sans Mono,monospace}a{color:#036;color:var(--w3c-blue)}a:focus,a:hover{color:#005a6a;color:var(--wai-green)}a:visited{color:#606;color:var(--visited-link)}a.stealthy-link{text-decoration:none}a.stealthy-link:focus,a.stealthy-link:hover,a.stealthy-link:visited{color:inherit}@media print{a{color:#000}a[href^="#"]:after{content:"(⇘ " attr(href) ")"}a[href^=http]:after{content:" (" attr(href) ")"}a[href^="/WAI/"]:after{content:" (https://www.w3.org" attr(href) ")"}}[tabindex]:not([tabindex="-1"]),a,button,input,select,submit,textarea{outline:2px solid transparent;outline-offset:5px;transition:outline-offset .2s linear}[tabindex]:not([tabindex="-1"]):focus,a:focus,button:focus,input:focus,select:focus,submit:focus,textarea:focus{outline-color:currentColor;outline-offset:2px}.default-container,.default-grid{padding:0 32px}@media (min-width:35em){.default-container,.default-grid{padding:0}}.default-grid{padding:0 16px}@media (min-width:60em){[dir=ltr] .default-grid{padding-left:32px}[dir=ltr] .default-grid,[dir=rtl] .default-grid{padding-right:32px}[dir=rtl] .default-grid{padding-left:32px}.default-grid{padding:0;display:-webkit-box;display:-ms-flexbox;display:flex}@supports (display:grid){.default-grid{display:grid;grid-column-gap:32px;padding:0;max-width:none;grid-template-columns:[complete-start] minmax(16px,1fr) [navigation-start] repeat(2,minmax(0,130px)) [navigation-end content-start] repeat(6,minmax(0,130px)) [content-end] minmax(16px,1fr) [complete-end]}}.default-grid .inner{grid-column-start:navigation-start;grid-column-end:content-end}}@media print{.default-grid{display:block}}@media (min-width:60em){[dir=ltr] .grid-3{padding-left:32px}[dir=ltr] .grid-3,[dir=rtl] .grid-3{padding-right:32px}[dir=rtl] .grid-3{padding-left:32px}.grid-3{display:-webkit-box;display:-ms-flexbox;display:flex}@supports (display:grid){.grid-3{display:grid;grid-column-gap:32px;padding:0;max-width:none;grid-template-columns:repeat(3,minmax(0,1fr))}}.grid-3.nogap{grid-column-gap:0}}.grid-3 .col1,.grid-3 .from-col1{grid-column-start:1}.grid-3 .col1,.grid-3 .to-col1{grid-column-end:2}.grid-3 .col2,.grid-3 .from-col2{grid-column-start:2}.grid-3 .col2,.grid-3 .to-col2{grid-column-end:3}.grid-3 .col3,.grid-3 .from-col3{grid-column-start:3}.grid-3 .col3,.grid-3 .to-col3{grid-column-end:4}@media (min-width:60em){[dir=ltr] .grid-4{padding-left:32px}[dir=ltr] .grid-4,[dir=rtl] .grid-4{padding-right:32px}[dir=rtl] .grid-4{padding-left:32px}.grid-4{display:-webkit-box;display:-ms-flexbox;display:flex}@supports (display:grid){.grid-4{display:grid;grid-column-gap:32px;padding:0;max-width:none;grid-template-columns:repeat(4,minmax(0,1fr))}}.grid-4.nogap{grid-column-gap:0}}.grid-4 .col1,.grid-4 .from-col1{grid-column-start:1}.grid-4 .col1,.grid-4 .to-col1{grid-column-end:2}.grid-4 .col2,.grid-4 .from-col2{grid-column-start:2}.grid-4 .col2,.grid-4 .to-col2{grid-column-end:3}.grid-4 .col3,.grid-4 .from-col3{grid-column-start:3}.grid-4 .col3,.grid-4 .to-col3{grid-column-end:4}.grid-4 .col4,.grid-4 .from-col4{grid-column-start:4}.grid-4 .col4,.grid-4 .to-col4{grid-column-end:5}@media (min-width:60em){[dir=ltr] .grid-6{padding-left:32px}[dir=ltr] .grid-6,[dir=rtl] .grid-6{padding-right:32px}[dir=rtl] .grid-6{padding-left:32px}.grid-6{display:-webkit-box;display:-ms-flexbox;display:flex}@supports (display:grid){.grid-6{display:grid;grid-column-gap:32px;padding:0;max-width:none;grid-template-columns:repeat(6,minmax(0,1fr))}}}.grid-6 .col1,.grid-6 .from-col1{grid-column-start:1}.grid-6 .col1,.grid-6 .to-col1{grid-column-end:2}.grid-6 .col2,.grid-6 .from-col2{grid-column-start:2}.grid-6 .col2,.grid-6 .to-col2{grid-column-end:3}.grid-6 .col3,.grid-6 .from-col3{grid-column-start:3}.grid-6 .col3,.grid-6 .to-col3{grid-column-end:4}.grid-6 .col4,.grid-6 .from-col4{grid-column-start:4}.grid-6 .col4,.grid-6 .to-col4{grid-column-end:5}.grid-6 .col5,.grid-6 .from-col5{grid-column-start:5}.grid-6 .col5,.grid-6 .to-col5{grid-column-end:6}.grid-6 .col6,.grid-6 .from-col6{grid-column-start:6}.grid-6 .col6,.grid-6 .to-col6{grid-column-end:7}.grid-6 .col1,.grid-6 .col2,.grid-6 .col3,.grid-6 .col4,.grid-6 .col5,.grid-6 .col6,.grid-6 .from-col2,.grid-6 .from-col3,.grid-6 .from-col4,.grid-6 .from-col5,.grid-6 .from-col6,.grid-6.from-col1{-ms-flex-preferred-size:25%;flex-basis:25%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}[dir=ltr] .grid-6 .col2,[dir=ltr] .grid-6 .col3,[dir=ltr] .grid-6 .col4,[dir=ltr] .grid-6 .col5,[dir=ltr] .grid-6 .col6,[dir=ltr] .grid-6 .from-col2,[dir=ltr] .grid-6 .from-col3,[dir=ltr] .grid-6 .from-col4,[dir=ltr] .grid-6 .from-col5,[dir=ltr] .grid-6 .from-col6{margin-left:32px}[dir=rtl] .grid-6 .col2,[dir=rtl] .grid-6 .col3,[dir=rtl] .grid-6 .col4,[dir=rtl] .grid-6 .col5,[dir=rtl] .grid-6 .col6,[dir=rtl] .grid-6 .from-col2,[dir=rtl] .grid-6 .from-col3,[dir=rtl] .grid-6 .from-col4,[dir=rtl] .grid-6 .from-col5,[dir=rtl] .grid-6 .from-col6{margin-right:32px}@supports (display:grid){[dir=ltr] .grid-6 .col2,[dir=ltr] .grid-6 .col3,[dir=ltr] .grid-6 .col4,[dir=ltr] .grid-6 .col5,[dir=ltr] .grid-6 .col6,[dir=ltr] .grid-6 .from-col2,[dir=ltr] .grid-6 .from-col3,[dir=ltr] .grid-6 .from-col4,[dir=ltr] .grid-6 .from-col5,[dir=ltr] .grid-6 .from-col6{margin-left:0}[dir=rtl] .grid-6 .col2,[dir=rtl] .grid-6 .col3,[dir=rtl] .grid-6 .col4,[dir=rtl] .grid-6 .col5,[dir=rtl] .grid-6 .col6,[dir=rtl] .grid-6 .from-col2,[dir=rtl] .grid-6 .from-col3,[dir=rtl] .grid-6 .from-col4,[dir=rtl] .grid-6 .from-col5,[dir=rtl] .grid-6 .from-col6{margin-right:0}}.grid-6.from-col1.to-col6{width:100%}[dir=ltr] .grid-three-five .col1,[dir=ltr] .grid-three-five .col2{padding-left:16px}[dir=ltr] .grid-three-five .col1,[dir=ltr] .grid-three-five .col2,[dir=rtl] .grid-three-five .col1,[dir=rtl] .grid-three-five .col2{padding-right:16px}[dir=rtl] .grid-three-five .col1,[dir=rtl] .grid-three-five .col2{padding-left:16px}@media (min-width:35em){[dir=ltr] .grid-three-five{padding-left:32px}[dir=ltr] .grid-three-five,[dir=rtl] .grid-three-five{padding-right:32px}[dir=rtl] .grid-three-five{padding-left:32px}.grid-three-five{display:-webkit-box;display:-ms-flexbox;display:flex}@supports (display:grid){.grid-three-five{display:grid;grid-column-gap:32px;padding:0;max-width:none;grid-template-columns:[complete-start] 0 [three-start five-start] 1fr [three-end five-end] 0 [complete-end]}@media (min-width:35em){.grid-three-five{grid-template-columns:[complete-start] minmax(16px,1fr) [three-start] repeat(3,minmax(0,130px)) [three-end five-start] repeat(5,minmax(0,130px)) [five-end] minmax(16px,1fr) [complete-end]}}}.grid-three-five .col1,.grid-three-five .col2{padding:0}}.grid-three-five .col1,.grid-three-five .col2{-ms-flex-negative:1;flex-shrink:1}[dir=ltr] .grid-three-five .col1{margin-right:32px}[dir=rtl] .grid-three-five .col1{margin-left:32px}.grid-three-five .col1{-ms-flex-preferred-size:35%;flex-basis:35%;grid-column-start:three-start;grid-column-end:three-end}@supports (display:grid){[dir=ltr] .grid-three-five .col1{margin-right:0}[dir=rtl] .grid-three-five .col1{margin-left:0}}.grid-three-five .col2{-ms-flex-preferred-size:61%;flex-basis:61%;grid-column-start:five-start;grid-column-end:five-end}.grid-three-five .col12{-ms-flex-preferred-size:100%;flex-basis:100%;grid-column-start:three-start;grid-column-end:five-end}[dir=ltr] .grid-five-three .col1,[dir=ltr] .grid-five-three .col2{padding-left:16px}[dir=ltr] .grid-five-three .col1,[dir=ltr] .grid-five-three .col2,[dir=rtl] .grid-five-three .col1,[dir=rtl] .grid-five-three .col2{padding-right:16px}[dir=rtl] .grid-five-three .col1,[dir=rtl] .grid-five-three .col2{padding-left:16px}@media (min-width:35em){[dir=ltr] .grid-five-three{padding-left:32px}[dir=ltr] .grid-five-three,[dir=rtl] .grid-five-three{padding-right:32px}[dir=rtl] .grid-five-three{padding-left:32px}.grid-five-three{display:-webkit-box;display:-ms-flexbox;display:flex}@supports (display:grid){.grid-five-three{display:grid;grid-column-gap:32px;padding:0;max-width:none;grid-template-columns:[complete-start] 0 [three-start five-start] 1fr [three-end five-end] 0 [complete-end]}@media (min-width:35em){.grid-five-three{grid-template-columns:[complete-start] minmax(16px,1fr) [five-start] repeat(5,minmax(0,130px)) [five-end three-start] repeat(3,minmax(0,130px)) [three-end] minmax(16px,1fr) [complete-end]}}}.grid-five-three .col1,.grid-five-three .col2{padding:0}}.grid-five-three .col1,.grid-five-three .col2{-ms-flex-negative:1;flex-shrink:1}[dir=ltr] .grid-five-three .col1{margin-right:32px}[dir=rtl] .grid-five-three .col1{margin-left:32px}.grid-five-three .col1{-webkit-box-flex:1;-ms-flex:1 1 62%;flex:1 1 62%;grid-column-start:five-start;grid-column-end:five-end}@supports (display:grid){[dir=ltr] .grid-five-three .col1{margin-right:0}[dir=rtl] .grid-five-three .col1{margin-left:0}}.grid-five-three .col2{-webkit-box-flex:1;-ms-flex:1 1 37%;flex:1 1 37%;grid-column-start:three-start;grid-column-end:three-end}.grid-five-three .col12{-ms-flex-preferred-size:100%;flex-basis:100%;grid-column-start:five-start;grid-column-end:three-end}[dir=ltr] .grid-4q{padding-left:32px}[dir=ltr] .grid-4q,[dir=rtl] .grid-4q{padding-right:32px}[dir=rtl] .grid-4q{padding-left:32px}.grid-4q{display:-webkit-box;display:-ms-flexbox;display:flex}@supports (display:grid){.grid-4q{display:grid;grid-column-gap:32px;padding:0;max-width:none;grid-template-columns:[complete-start] 0 [q1-start q2-start q3-start q4-start] 1fr [q1-end q2-end q3-end q4-end] 0 [complete-end]}@media (min-width:60em){.grid-4q{grid-template-columns:[complete-start] minmax(16px,1fr) [content-start q1-start] repeat(2,minmax(0,130px)) [q1-end q2-start] repeat(2,minmax(0,130px)) [q2-end q3-start] repeat(2,minmax(0,130px)) [q3-end q4-start] repeat(2,minmax(0,130px)) [q4-end content-end] minmax(16px,1fr) [complete-end]}}}.grid-4q.nogap{grid-template-columns:[complete-start] 0 [q1-start q2-start q3-start q4-start] 1fr [q1-end q2-end q3-end q4-end] 0 [complete-end]}@media (min-width:60em){.grid-4q.nogap{grid-template-columns:[complete-start] minmax(16px,1fr) [content-start q1-start] repeat(2,minmax(0,158px)) [q1-end q2-start] repeat(2,minmax(0,158px)) [q2-end q3-start] repeat(2,minmax(0,158px)) [q3-end q4-start] repeat(2,minmax(0,158px)) [q4-end content-end] minmax(16px,1fr) [complete-end]}}.grid-4q.nogap{grid-column-gap:0}[dir=ltr] .grid-4q .q1-start{margin-right:32px}[dir=rtl] .grid-4q .q1-start{margin-left:32px}.grid-4q .q1-start{-ms-flex-preferred-size:25%;flex-basis:25%;-ms-flex-negative:1;flex-shrink:1;grid-column-start:q1-start}[dir=ltr] .grid-4q .q2-start{margin-right:32px}[dir=rtl] .grid-4q .q2-start{margin-left:32px}.grid-4q .q2-start{-ms-flex-preferred-size:25%;flex-basis:25%;-ms-flex-negative:1;flex-shrink:1;grid-column-start:q2-start}[dir=ltr] .grid-4q .q3-start{margin-right:32px}[dir=rtl] .grid-4q .q3-start{margin-left:32px}.grid-4q .q3-start{-ms-flex-preferred-size:25%;flex-basis:25%;-ms-flex-negative:1;flex-shrink:1;grid-column-start:q3-start}[dir=ltr] .grid-4q .q4-start{margin-right:32px}[dir=rtl] .grid-4q .q4-start{margin-left:32px}.grid-4q .q4-start{-ms-flex-preferred-size:25%;flex-basis:25%;-ms-flex-negative:1;flex-shrink:1;grid-column-start:q4-start}.grid-4q .q1-end{grid-column-end:q1-end}.grid-4q .q2-end{grid-column-end:q2-end}.grid-4q .q3-end{grid-column-end:q3-end}[dir=ltr] .grid-4q .q4-end{margin-right:0}[dir=rtl] .grid-4q .q4-end{margin-left:0}.grid-4q .q4-end{grid-column-end:q4-end}.grid-4q .q1-start.q2-end,.grid-4q .q2-start.q3-end,.grid-4q .q3-start.q4-end{-ms-flex-preferred-size:50%;flex-basis:50%}.grid-4q .q1-start.q3-end,.grid-4q .q2-start.q4-end{-ms-flex-preferred-size:75%;flex-basis:75%}[dir=ltr] .grid-4q.nogap .q1-start,[dir=ltr] .grid-4q.nogap .q2-start,[dir=ltr] .grid-4q.nogap .q3-start,[dir=ltr] .grid-4q.nogap .q4-start{margin-right:0}[dir=rtl] .grid-4q.nogap .q1-start,[dir=rtl] .grid-4q.nogap .q2-start,[dir=rtl] .grid-4q.nogap .q3-start,[dir=rtl] .grid-4q.nogap .q4-start{margin-left:0}@supports(display:grid){[dir=ltr] .grid-4q .q1-start,[dir=ltr] .grid-4q .q2-start,[dir=ltr] .grid-4q .q3-start,[dir=ltr] .grid-4q .q4-start{margin-right:0}[dir=rtl] .grid-4q .q1-start,[dir=rtl] .grid-4q .q2-start,[dir=rtl] .grid-4q .q3-start,[dir=rtl] .grid-4q .q4-start{margin-left:0}}.leftcol nav{-ms-flex-preferred-size:24.25%;flex-basis:24.25%;-ms-flex-negative:0;flex-shrink:0}[dir=ltr] .leftcol main{margin-left:32px}[dir=rtl] .leftcol main{margin-right:32px}.leftcol main{grid-area:content;-webkit-box-flex:1;-ms-flex:1;flex:1}@supports (display:grid){[dir=ltr] .leftcol main{margin-left:0}[dir=rtl] .leftcol main{margin-right:0}}@media (min-width:35em){[dir=ltr] .grid-line-right{border-right:1px solid #ddd}[dir=rtl] .grid-line-right{border-left:1px solid #ddd}[dir=ltr] .grid-line-right{border-right:1px solid var(--line-grey)}[dir=rtl] .grid-line-right{border-left:1px solid var(--line-grey)}[dir=ltr] .grid-line-right{margin-right:-17px!important}[dir=rtl] .grid-line-right{margin-left:-17px!important}[dir=ltr] .grid-line-right{padding-right:17px!important}[dir=rtl] .grid-line-right{padding-left:17px!important}}@media (min-width:35em){[dir=ltr] .grid-line-left{border-left:1px solid #ddd}[dir=rtl] .grid-line-left{border-right:1px solid #ddd}[dir=ltr] .grid-line-left{border-left:1px solid var(--line-grey)}[dir=rtl] .grid-line-left{border-right:1px solid var(--line-grey)}[dir=ltr] .grid-line-left{margin-left:-16px!important}[dir=rtl] .grid-line-left{margin-right:-16px!important}[dir=ltr] .grid-line-left{padding-left:16px!important}[dir=rtl] .grid-line-left{padding-right:16px!important}}.able-media-container,.media-wrapper{position:relative;padding-top:56.25%}.able-media-container .img,.able-media-container iframe,.able-media-container video,.media-wrapper .img,.media-wrapper iframe,.media-wrapper video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none}.contentarea{position:relative}[dir=ltr] img.symbol{float:right}[dir=rtl] img.symbol{float:left}[dir=ltr] img.symbol{margin-left:1em}[dir=rtl] img.symbol{margin-right:1em}img.symbol{margin-bottom:1em}main img{max-width:100%}figure{margin:0 0 1em}figcaption{font-weight:700;border-bottom:1px solid #ddd;border-bottom:1px solid var(--line-grey);margin-bottom:.5em}.button,button{cursor:pointer;border-radius:5px;display:inline-block;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:8px 12px;border:2px solid #005a6a;border:2px solid var(--wai-green);font-size:13px;font-size:.8125rem;line-height:1.4;background-color:#005a6a;background-color:var(--wai-green);text-decoration:none;font-weight:700}.button,.button:visited,button,button:visited{color:#fff;color:var(--pure-white)}.button.button-nobg,button.button-nobg{background:transparent}.button.button-nobg:focus,.button.button-nobg:hover,button.button-nobg:focus,button.button-nobg:hover{background-color:transparent;border-color:#fff;border-color:var(--pure-white)}.button.button-noborder,button.button-noborder{border-color:transparent}.button.button-noborder:focus,.button.button-noborder:hover,button.button-noborder:focus,button.button-noborder:hover{border-color:#fff;border-color:var(--pure-white)}.button.button-small,button.button-small{padding:2px 4px}.button.button-inline,button.button-inline{padding:0}.button:focus,.button:hover,.stealthy-link:focus span.button,.stealthy-link:hover span.button,button:focus,button:hover{background-color:#036;background-color:var(--w3c-blue);color:#fff;color:var(--pure-white)}.button:focus,.button:hover,button:focus,button:hover{border-color:#036;border-color:var(--w3c-blue)}.button:focus,button:focus{outline-color:#036;outline-color:var(--w3c-blue)}.button:disabled,button:disabled{opacity:.75;text-decoration:line-through}.button-secondary{background-color:#fff;background-color:var(--pure-white);color:#005a6a;color:var(--wai-green)}.button-secondary:visited{color:#036;color:var(--w3c-blue)}.button-secondary:visited:focus,.button-secondary:visited:hover{color:#fff;color:var(--pure-white)}.button-backtotop{position:fixed;cursor:pointer;bottom:16px;right:16px;left:auto}[dir=rtl] .button-backtotop{right:auto;left:16px}.button-backtotop{opacity:.85;border-radius:100px;background-color:#036;background-color:var(--w3c-blue);border-color:#036;border-color:var(--w3c-blue);box-shadow:0 2px 4px 0 rgba(0,0,0,.5);opacity:0;transition:opacity .5s linear}.button-backtotop.active,.button-backtotop:focus{opacity:1}.button-backtotop svg{vertical-align:-1px}[dir=ltr] .button-backtotop.inline{float:right}[dir=rtl] .button-backtotop.inline{float:left}.button-backtotop.inline{position:static}.button-menu{text-transform:uppercase;background-color:#fff;background-color:var(--pure-white);color:#036;color:var(--w3c-blue);border-color:#eed009;border-color:var(--gold)}.button-menu:focus,.button-menu:hover{border-color:#fff;border-color:var(--pure-white);background-color:#eed009;background-color:var(--gold);color:#1d1d1d;color:var(--off-black)}.button-group{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -8px}.button-group .button,.button-group button{min-width:7em;-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center;margin:8px}[dir=ltr] img.left{float:left}[dir=rtl] img.left{float:right}[dir=ltr] img.left{margin-right:1em}[dir=rtl] img.left{margin-left:1em}[dir=ltr] img.right{clear:right}[dir=rtl] img.right{clear:left}[dir=ltr] img.right{float:right}[dir=rtl] img.right{float:left}[dir=ltr] img.right{margin-left:1em}[dir=rtl] img.right{margin-right:1em}mark{background-color:rgba(238,208,9,.35);background-color:var(--gold-light)}p{margin:1em 0}.showhidebutton{display:inline;background:transparent;color:inherit;border-color:transparent;font-weight:400}[dir=ltr] .showhidebutton:after{margin-left:.5em}[dir=rtl] .showhidebutton:after{margin-right:.5em}.showhidebutton:after{display:inline-block;background-color:#036;background-color:var(--w3c-blue);color:#fff;color:var(--pure-white);content:"–";font-weight:700;padding:.3em;border-radius:3px;width:1em;height:1em;line-height:1em}.showhidebutton:focus:after,.showhidebutton:hover:after{color:#036;color:var(--w3c-blue);background-color:#fff!important;background-color:var(--pure-white)!important}.showhidebutton[aria-expanded=false]:after{content:"+"}blockquote{font-style:italic;margin-bottom:1em}blockquote cite{display:block;font-style:normal;padding-left:32px;padding-left:2rem}[dir=ltr] blockquote cite:before{margin-left:-32px;margin-left:-2rem}[dir=rtl] blockquote cite:before{margin-right:-32px;margin-right:-2rem}blockquote cite:before{content:"— ";font-weight:700;width:32px;width:2rem;display:inline-block}[dir=ltr] blockquote p:first-of-type:before{margin-left:-.75ch}[dir=rtl] blockquote p:first-of-type:before{margin-right:-.75ch}blockquote p:first-of-type:before{content:"“"}blockquote p:last-of-type{margin-bottom:0}blockquote p:last-of-type:after{content:"”"}blockquote.special{text-align:center}[dir=ltr] blockquote.pull{margin-left:64px;margin-left:4rem}[dir=rtl] blockquote.pull{margin-right:64px;margin-right:4rem}[dir=ltr] blockquote.pull{border-left:2px solid #ddd}[dir=rtl] blockquote.pull{border-right:2px solid #ddd}[dir=ltr] blockquote.pull{border-left:2px solid var(--line-grey)}[dir=rtl] blockquote.pull{border-right:2px solid var(--line-grey)}blockquote.pull{position:relative;font-size:20px;font-size:1.25rem;padding-left:1ch;border:1px solid transparent;color:#036;color:var(--w3c-blue);font-weight:700}blockquote.pull.left,blockquote.pull.right{max-width:256px;max-width:16rem}[dir=ltr] blockquote.pull.right{float:right}[dir=ltr] blockquote.pull.left,[dir=rtl] blockquote.pull.right{float:left}[dir=rtl] blockquote.pull.left{float:right}[dir=ltr] blockquote.pull.left{margin-right:32px;margin-right:2rem}[dir=rtl] blockquote.pull.left{margin-left:32px;margin-left:2rem}[dir=ltr] blockquote.pull p:first-of-type:before{margin-left:-1.25ch}[dir=rtl] blockquote.pull p:first-of-type:before{margin-right:-1.25ch}blockquote.pull p:first-of-type:before{font-size:80px;font-size:5rem;position:absolute;left:0;top:-.25ch}blockquote.pull cite{margin-top:8px;margin-top:.5rem;font-size:16px;font-size:1rem;font-weight:400;color:#1d1d1d;color:var(--off-black)}blockquote.pull.alt-1{color:#005a9c;color:var(--w3c-classic)}blockquote.pull.alt-2{color:#005a6a;color:var(--wai-green)}blockquote.pull.alt-3{color:#1d1d1d;color:var(--off-black)}.box{border:1px solid #ddd;border:solid 1px var(--line-grey);margin-top:16px;background-color:#fff;background-color:var(--pure-white)}.box+.box#toc{margin-top:0;border-top:0}.box.box-space-above{margin-top:90px}.box-h{padding:8px 16px;color:#005a6a;color:var(--wai-green)}@media print{.box-h{color:#000}}.box-h{font-weight:700;background-color:#f2f2f2;background-color:var(--off-white)}.box-h h1,.box-h h2,.box-h h3,.box-h h4,.box-h h5,.box-h h6{border:none;font-size:inherit;color:inherit;margin:0;padding:0;font-weight:inherit;display:inline-block}@supports (all:unset){.box-h h1,.box-h h2,.box-h h3,.box-h h4,.box-h h5,.box-h h6{all:unset}}.box-h-large{font-size:20px;font-size:1.25rem;color:#036;color:var(--w3c-blue);padding-bottom:7px;font-weight:400;border-bottom:1px solid #ddd;border-bottom:solid 1px var(--line-grey)}[dir=ltr] .box-h-icon svg{margin-right:4px}[dir=rtl] .box-h-icon svg{margin-left:4px}.box-i:after,.box-i:before{content:" ";display:table}.box-i:after{clear:both}.box-i{padding:8px 16px;font-size:14/16 * 16px;font-size:14/16 * 1rem}.box-i>:first-child{margin-top:0}.box-i>:last-child{margin-bottom:0}.box.box-list .box-i ol,.box.box-list .box-i ul{margin:0;padding:0;list-style:none}.box.box-linklist .box-i{padding:0}.box.box-simple .box-i{padding:2px 8px 8px}.box.box-simple .box-h-simple{padding:8px 8px 2px;background-color:transparent;line-height:1.57}.box.box-simple.box-aside .box-i,.box.box-simple .box-h-simple{font-size:14px;font-size:.875rem}@media (min-width:35em){.box.box-left,.box.box-right{width:33%;margin-top:-9px}.box.box-left.box-simple,.box.box-right.box-simple{margin-top:-3px}[dir=ltr] .box.box-left{clear:left}[dir=rtl] .box.box-left{clear:right}[dir=ltr] .box.box-left{float:left}[dir=rtl] .box.box-left{float:right}[dir=ltr] .box.box-left{margin-right:1em}[dir=rtl] .box.box-left{margin-left:1em}[dir=ltr] .box.box-right{clear:right}[dir=rtl] .box.box-right{clear:left}[dir=ltr] .box.box-right{float:right}[dir=rtl] .box.box-right{float:left}[dir=ltr] .box.box-right{margin-left:1em}[dir=rtl] .box.box-right{margin-right:1em}}.breadcrumb{font-size:13px;font-size:.8125rem;background-color:#fff;background-color:var(--pure-white);border-bottom:1px solid #ddd;border-bottom:1px solid var(--line-grey);padding-top:16px;padding-bottom:16px;margin-bottom:32px}.breadcrumb ul{margin:0;padding:0;grid-column:2/10}.breadcrumb ul li{display:inline-block;margin:0;padding:0}.breadcrumb ul li:after{content:" / ";color:#005a6a;color:var(--wai-green);white-space:pre-wrap}.breadcrumb ul li:last-child:after{content:"";display:none}.breadcrumb a{color:#036;color:var(--w3c-blue)}@media print{.breadcrumb a:after{content:""}}.breadcrumb [aria-current=page]{font-weight:700;text-decoration:none}.content{display:grid;grid-area:content;grid-template-columns:repeat(6,minmax(0,120px));grid-column-gap:32px}.content>*{grid-column:1/5;grid-auto-flow:dense}.content{&>.ref-side,>& .aside,>& .demo-side{grid-column:5/7;font-size:14px;font-size:.875rem;line-height:1.2}&>.ref-side p:first-of-type,>& .aside p:first-of-type,>& .demo-side p:first-of-type{margin-top:0}}.content.wide{grid-template-columns:repeat(8,minmax(0,120px));grid-column-start:navigation;grid-column-end:content}.content.wide>*{grid-column:3/9}.content.wide .sn-contents{grid-column:1/3;grid-row:1/99}[dir=ltr] .example-bar{padding-left:32px}[dir=ltr] .example-bar,[dir=rtl] .example-bar{padding-right:32px}[dir=rtl] .example-bar{padding-left:32px}.example-bar{display:-webkit-box;display:-ms-flexbox;display:flex}@supports (display:grid){.example-bar{display:grid;grid-column-gap:32px;padding:0;max-width:none}}.example-bar{grid-template-columns:repeat(6,minmax(0,1fr))}.example-bar>*{grid-column:2/7}[dir=ltr] .example-bar .eg{border-right:2px solid #005a6a}[dir=rtl] .example-bar .eg{border-left:2px solid #005a6a}[dir=ltr] .example-bar .eg{border-right:2px solid var(--wai-green)}[dir=rtl] .example-bar .eg{border-left:2px solid var(--wai-green)}.example-bar .eg{grid-column:1/2;grid-row:1/99;text-align:right;padding:0 8px;font-weight:700;font-style:italic;color:#005a6a;color:var(--wai-green)}[dir=ltr] .example-sheet{padding-right:32px}[dir=rtl] .example-sheet{padding-left:32px}.example-sheet{display:-webkit-box;display:-ms-flexbox;display:flex;padding-inlne-start:32px}@supports (display:grid){.example-sheet{display:grid;grid-column-gap:32px;padding:0;max-width:none}}.example-sheet{grid-template-columns:repeat(6,minmax(0,1fr))}.example-sheet .example-sheet-inner{grid-column:2/6;background-color:#fff;background-color:var(--pure-white);padding:16px 32px}.decision-tree{list-style:none;margin:1em 0;padding:0}.decision-tree>li>strong{display:block;padding:1em .5em}.decision-tree>li>ul{padding:0;list-style:none}@supports (display:flex){.decision-tree>li>ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}}.decision-tree>li>ul>li{text-indent:0;box-sizing:border-box;font-weight:400}@supports (display:flex){.decision-tree>li>ul>li{-ms-flex-preferred-size:25%;flex-basis:25%}}.decision-tree>li>ul>li{padding:.5em;//:1px solid #aaa}@supports (display:flex){.decision-tree>li>ul>li:nth-child(odd){-ms-flex-preferred-size:75%;flex-basis:75%}}.decision-tree>li>ul>li:nth-child(odd):last-child{display:block;-ms-flex-preferred-size:100%;flex-basis:100%}.decision-tree>li>ul>li ul{padding:0;margin:0}.decision-tree>li>ul>li li{padding:0;padding-bottom:.5em;margin-bottom:.5em;border-bottom:1px solid #3b3b3b;border-bottom:1px solid var(--dk-grey);list-style:none}.decision-tree>li>ul>li li>em{display:block;padding-left:1.5em;position:relative;margin-top:.25em;font-style:normal}[dir=ltr] .decision-tree>li>ul>li li>em:before{margin-left:-1.5em}[dir=rtl] .decision-tree>li>ul>li li>em:before{margin-right:-1.5em}.decision-tree>li>ul>li li>em:before{position:absolute;content:"";top:.2em}.decision-tree>li>ul>li li:last-child{border-bottom-style:none;padding-bottom:0;margin-bottom:0}.decision-tree .yes{background-color:color(#036 lightness(95%));background-color:color(var(--w3c-blue) lightness(95%));border-bottom:none}[dir=ltr] .decision-tree .yes li{margin-left:1em}[dir=rtl] .decision-tree .yes li{margin-right:1em}.decision-tree .yes li{list-style:disc}.decision-tree .yes li:only-child{list-style:none}.decision-tree .no{background-color:color(#c0272d lightness(85%));background-color:color(var(--faded-red) lightness(85%));border-bottom:none;position:relative}[dir=ltr] .decision-tree .no:after{margin-left:-8px;margin-left:-.5rem}[dir=rtl] .decision-tree .no:after{margin-right:-8px;margin-right:-.5rem}.decision-tree .no:after{top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:hsla(0,0%,47%,0);border-top-color:color(#c0272d lightness(85%));border-top-color:color(var(--faded-red) lightness(85%));border-width:16px;border-width:1rem;z-index:500}.doc-archived h1:before{content:"Archived"}.doc-draft h1:before{content:"Draft"}.doc-note-translation{font-size:13px;font-size:.8125rem}.doc-note-translation p{margin-top:5px;margin-bottom:5px}.doc-note-translation p:first-of-type{margin-top:0}.doc-note-translation p:last-child{margin-bottom:0}[dir=ltr] .doc-note h1:before{margin-right:8px}[dir=rtl] .doc-note h1:before{margin-left:8px}.doc-note h1:before{background-color:#eed009;background-color:var(--gold);color:#091832;color:var(--dk-blue);display:inline-block;padding:4px 8px;margin-top:-8px;font-size:14px;font-size:.875rem;text-transform:uppercase;letter-spacing:1px;font-weight:700;vertical-align:middle;border-radius:3px}.doc-note-box{border:2px solid #eed009;border:2px solid var(--gold);padding:8px;background-color:#fff;background-color:var(--pure-white);margin-bottom:20px}.doc-note-box p:first-child{margin-top:0}.doc-note-box p:last-child{margin-bottom:0}details{padding-left:32px;padding-left:2rem}[dir=ltr] summary{margin-left:-32px;margin-left:-2rem}[dir=rtl] summary{margin-right:-32px;margin-right:-2rem}summary{cursor:pointer;display:block}summary::-webkit-details-marker{display:none}[dir=ltr] summary>:first-child:before{margin-right:8px;margin-right:.5rem}[dir=rtl] summary>:first-child:before{margin-left:8px;margin-left:.5rem}summary>:first-child:before{content:"+";display:inline-block;border-radius:5px;width:20.8px;width:1.3rem;height:20.8px;height:1.3rem;line-height:.9;background:#fff;background:var(--pure-white);color:#005a6a;color:var(--wai-green);border:2px solid #005a6a;border:2px solid var(--wai-green);text-align:center;font-weight:700}summary:focus>:first-child:before,summary:hover>:first-child:before{background:#036;background:var(--w3c-blue);border-color:#036;border-color:var(--w3c-blue);color:#fff;color:var(--pure-white)}details[open]>summary>:first-child:before{content:"–"}details>div:after{content:"";display:block;clear:both}.excol-all{margin:16px 0}figure.shrink-wrap{box-sizing:border-box;background-color:#fff;background-color:var(--pure-white);width:-webkit-min-content;width:-moz-min-content;width:min-content;max-width:100%;border:1px solid #ddd;border:1px solid var(--line-grey);border-radius:3px;padding:10px}@media (min-width:47.5em){figure.shrink-wrap .figcontent{display:-webkit-box;display:-ms-flexbox;display:flex}figure.shrink-wrap .figcontent>*{-webkit-box-flex:1;-ms-flex:1;flex:1}}figure.shrink-wrap img{border:1px solid #ddd;border:1px solid var(--line-grey);max-width:none!important}figure.shrink-wrap figcaption{font-weight:400;border:none;margin:0}.page-footer,.site-footer{font-size:14px;font-size:.875rem}@media print{.page-footer,.site-footer{font-size:8pt}}.page-footer,.site-footer{padding-top:16px;padding-bottom:16px}.page-footer p:first-of-type,.site-footer p:first-of-type{margin-top:0}.page-footer p:last-of-type,.site-footer p:last-of-type{margin-bottom:0}.page-footer{margin-top:32px;background-color:#efefef;background-color:var(--footer-grey)}.page-footer .inner{grid-area:content}.site-footer{margin-top:32px;padding-top:16px;padding-bottom:16px;background-color:#3b3b3b;background-color:var(--dk-grey);color:#fff;color:var(--pure-white)}@media print{.site-footer{background-color:#efefef;background-color:var(--footer-grey);color:#3b3b3b;color:var(--dk-grey);border-top:1px solid #3b3b3b;border-top:1px solid var(--dk-grey)}}.site-footer a{color:#fff;color:var(--pure-white)}.site-footer a.largelink{color:#eed009;color:var(--gold);font-size:20px;font-size:1.25rem;text-decoration:none}@media print{.site-footer a.largelink{color:#3b3b3b;color:var(--dk-grey);font-size:12pt}}.site-footer a.largelink:focus,.site-footer a.largelink:hover{text-decoration:underline}.site-footer .footer-list-header{font-weight:700;border-bottom:1px solid hsla(0,0%,87%,.32);border-bottom:1px solid var(--trans-line-grey);padding:4px 0}.site-footer .about{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media print{.site-footer .about{grid-column-end:q4-end;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.site-footer .about p{margin:0}}@media print{.site-footer>:not(.about){display:none}}.page-footer+.site-footer{margin-top:0}.site-footer ul{margin:0;padding:0}.site-footer ul li{list-style:none}.footnotes{margin-top:60px}.footnotes ol{font-size:13.6px;font-size:.85rem}input,select,textarea{font-size:1em;font-family:inherit}input[type=search]{-webkit-appearance:none}fieldset{margin:0 0 32px;margin:0 0 2rem;padding:0}input:not([type=checkbox]):not([type=radio]),textarea{border:1px solid #686868;border:1px solid var(--grey)}input:not([type=checkbox]):not([type=radio]):focus,input:not([type=checkbox]):not([type=radio]):hover,textarea:focus,textarea:hover{border:1px solid #036;border:1px solid var(--w3c-blue)}& ::-webkit-input-placeholder{color:#767676;font-style:italic;opacity:1}& :-moz-placeholder,& ::-moz-placeholder{color:#767676;font-style:italic;opacity:1}& :-ms-input-placeholder{color:#767676;font-style:italic;opacity:1}.field{padding:4px;margin:0 0 32px;margin:0 0 2rem}.field label{display:block}.field input:not([type=checkbox]):not([type=radio]),.field textarea{display:block;box-sizing:border-box;width:100%;padding:8px}.field input:not([type=checkbox]):not([type=radio]):focus,.field textarea:focus{outline:none;border-color:#005a9c;border-color:var(--w3c-classic);background-color:#edf4fa}.field input:not([type=checkbox]):not([type=radio]):focus ::-webkit-input-placeholder,.field textarea:focus ::-webkit-input-placeholder{color:#545554}.field input:not([type=checkbox]):not([type=radio]):focus :-moz-placeholder,.field input:not([type=checkbox]):not([type=radio]):focus ::-moz-placeholder,.field textarea:focus :-moz-placeholder,.field textarea:focus ::-moz-placeholder{color:#545554}.field input:not([type=checkbox]):not([type=radio]):focus :-ms-input-placeholder,.field textarea:focus :-ms-input-placeholder{color:#545554}.field[focus-within]{background-color:#edf4fa}.field:focus-within{background-color:#edf4fa}.field[focus-within] input:focus{background-color:#fff!important;background-color:var(--pure-white)!important}.field:focus-within input:focus{background-color:#fff!important;background-color:var(--pure-white)!important}[dir=ltr] .group>.field{margin-left:32px;margin-left:2rem}[dir=rtl] .group>.field{margin-right:32px;margin-right:2rem}.group>.field{margin-bottom:8px;margin-bottom:.5rem}.radio-field{display:-webkit-box;display:-ms-flexbox;display:flex;padding:4px;margin:0 0 8px;border-radius:3px}[dir=ltr] .radio-field input{margin-right:.5em}[dir=rtl] .radio-field input{margin-left:.5em}.radio-field input{-webkit-box-flex:0;-ms-flex:0 0 1em;flex:0 0 1em;width:1em;height:1em}.radio-field input:checked+label{font-weight:700;color:#091832;color:var(--dk-blue)}.radio-field:focus,.radio-field:hover{background-color:#196cac;background-color:var(--light-blue);color:#fff}.radio-field:focus :checked+label,.radio-field:hover :checked+label{color:inherit}.radio-field label{-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%;cursor:pointer}fieldset{border:none}legend{font-size:20px;font-size:1.25rem;font-weight:700}@media (min-width:35em){.searchform{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}[dir=ltr] .searchform label{text-align:right}[dir=rtl] .searchform label{text-align:left}.searchform label{-webkit-box-flex:1;-ms-flex:1;flex:1}[dir=ltr] .searchform input{margin-left:10px}[dir=rtl] .searchform input{margin-right:10px}.searchform input{-webkit-box-flex:4;-ms-flex:4;flex:4}[dir=ltr] .searchform button{margin-left:10px}[dir=rtl] .searchform button{margin-right:10px}.searchform button{-webkit-box-flex:1;-ms-flex:1;flex:1}#site-header{background-color:#005a9c;background-color:var(--w3c-classic);color:#fff;color:var(--pure-white)}@media print{#site-header{background-color:#f2f2f2;background-color:var(--off-white);color:#000}}#site-header{padding-top:3px}@supports (display:grid){[dir=ltr] #site-header{padding-left:8px}[dir=ltr] #site-header,[dir=rtl] #site-header{padding-right:8px}[dir=rtl] #site-header{padding-left:8px}}#site-header a{color:#fff;color:var(--pure-white)}@media print{#site-header a{color:#005a9c;color:var(--w3c-classic)}}@media print{#site-header a:after{content:""}}.wai{line-height:1.2}@media (min-width:35em){.wai{vertical-align:middle;font-size:1.5625rem}}.logos{grid-column-start:2;grid-column-end:6;grid-row-start:1;padding:16px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:60%}@supports (display:grid){.logos{width:auto}}.logos .claim{font-size:14px;font-size:.875rem;font-style:italic}.logos .claim:lang(ar){font-style:normal}[dir=ltr] .logos .claim{margin-left:16px}[dir=rtl] .logos .claim{margin-right:16px}[dir=ltr] .logos .claim{padding-left:16px}[dir=rtl] .logos .claim{padding-right:16px}[dir=ltr] .logos .claim{border-left:1px solid #eed009}[dir=rtl] .logos .claim{border-right:1px solid #eed009}[dir=ltr] .logos .claim{border-left:1px solid var(--gold)}[dir=rtl] .logos .claim{border-right:1px solid var(--gold)}.logos .claim{color:#fff;color:var(--pure-white)}@media print{.logos .claim{color:#005a9c;color:var(--w3c-classic)}}.logos .claim{-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;display:none}@media (min-width:35em){.logos .claim{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}@media (min-width:23em){[dir=ltr] .home{margin-right:32px}[dir=rtl] .home{margin-left:32px}}.home{text-decoration:none;transition:color .25s ease-in .1s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@supports (display:grid){.home{-webkit-box-flex:0;-ms-flex:0;flex:0}}@media (min-width:60em){[dir=ltr] .home{margin-right:8px}[dir=rtl] .home{margin-left:8px}}.home img,.home svg{vertical-align:middle;color:inherit;fill:currentColor;height:30px}@media (min-width:35em){.home img,.home svg{height:46px}}.home{[dir=ltr] img{padding-right:8px}[dir=rtl] img{padding-left:8px}}.home.w3c{border-bottom:2px solid transparent}.home.w3c:hover{border-bottom-color:currentColor}.home .wai{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (min-width:35em){.home .wai{font-size:1.25rem}}.home .wai .wa{padding-bottom:2px}.home .wai .i{border-top:1px solid #eed009;border-top:1px solid var(--gold);padding-top:2px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.home:focus,.home:hover{text-decoration:underline;color:#eed009!important;color:var(--gold)!important}h1,h2,h3,h4,h5,h6{padding:0}h1,h2{margin:60px 0 20px}h3{margin:40px 0 20px}h4,h5,h6{margin:20px 0 10px}h1,h2,h3,h4{color:#005a6a;color:var(--wai-green)}@media print{h1,h2,h3,h4{color:#000}}h1{font-size:24px;font-size:1.5rem}@media (min-width:35em){h1{font-size:2rem}}@media (min-width:60em){h1{font-size:2.375rem}}h1{line-height:1.2;font-weight:400}h1,h1+h2{margin-top:0}h2{font-size:22px;font-size:1.375rem;line-height:1.2;font-weight:700;border-bottom:1px solid #ddd;border-bottom:1px solid var(--line-grey)}h2+h3{margin-top:0}h3,h4{font-size:18px;font-size:1.125rem;line-height:1.4}h3+h4{margin-top:0}h4{font-weight:400}h4+h5{margin-top:0}h5{font-weight:700;line-height:1.6}h5+h6{margin-top:0}h6{font-size:14px;font-size:.875rem;line-height:1.8}h1 b,h1.ap:before,h1.ex:before,h2 b,h2.ap:before,h2.ex:before,h3 b,h3.ap:before,h3.ex:before,h4 b,h4.ap:before,h4.ex:before,h5 b,h5.ap:before,h5.ex:before,h6 b,h6.ap:before,h6.ex:before{color:#036!important;color:var(--w3c-blue)!important;font-weight:700}.no-js .ex{counter-increment:a;counter-reset:b}.no-js .ex:before{content:"Example " counter(a) ": "}.no-js .ex.inap{counter-reset:none}.no-js .newap{counter-reset:b}.no-js .newex{counter-reset:a}.no-js .newexap,.no-js h2.first,.no-js h3.first{counter-reset:a b}.no-js .ap{counter-increment:b}.no-js .ap:before{content:"Approach " counter(b) ": "}[class*=" icon-"],[class^=icon-]{display:inline-block;width:1em;height:1em;stroke-width:0;stroke:currentColor;fill:currentColor}.icon-default{width:.9285714285714285em}.icon-info{width:.8571428571428571em}.icon-audio-description{width:3.5em;height:1.75em;margin:-.25em}.icon-search{width:.9287109375em}.icon-arrow-left{width:.8928571428571428em}.icon-arrow-right{width:.8214285714285714em}.icon-arrow-down,.icon-arrow-up{width:.9285714285714285em}.icon-check-circle,.icon-ex-circle,.icon-external-link{width:.8571428571428571em}.icon-readmore{width:.7142857142857142em}.icon-desktop,.icon-laptop{width:1.0714285714285714em}.icon-tablet{width:.6428571428571428em}.icon-mobile{width:.42857142857142855em}.icon-code{width:1.0714285714285714em}.icon-fork{width:.5714285714285714em}.icon-code-file{width:.8571428571428571em}.icon-cart-plus{width:.9285714285714285em}.icon-languages{height:1em;width:2.75em;vertical-align:-8%}.icon-translations{height:1.6em;vertical-align:middle}dl{margin:16px 0}dt{font-weight:700}.notbold dt{font-weight:400}[dir=ltr] dd{margin-left:32px}[dir=rtl] dd{margin-right:32px}dd+dt{margin-top:8px}dl.paragraph-like dd+dt{margin-top:1em}ol li,ul li{margin-bottom:8px}.linklist,.linklist li{margin:0;padding:0;list-style:none}.linklist a{display:block;padding:4px 16px;border-bottom:1px solid #ddd;border-bottom:1px solid var(--line-grey);text-decoration:none}.linklist a svg{height:.65em}.linklist a:focus svg,.linklist a:hover svg{color:#c0272d;color:var(--faded-red)}.linklist a:focus .visual-a,.linklist a:hover .visual-a{text-decoration:underline}.linklist li:last-child a{border-bottom:none}.nolist,.nolist li{margin:0;padding:0}.nolist li{list-style:none}p+ol,p+ul{margin-top:-8px}.columns{padding:0}[dir=ltr] .columns>*{margin-left:32px}[dir=rtl] .columns>*{margin-right:32px}.four.columns,.two.columns{grid-column-gap:32px;-webkit-column-gap:32px;column-gap:32px}@media (min-width:35em){.four.columns,.two.columns{-webkit-columns:2;columns:2}}.four.columns{padding:0 8px}@media (min-width:60em){.four.columns{-webkit-columns:4;columns:4}}.two.small.columns{grid-column-gap:32px;-webkit-column-gap:32px;column-gap:32px}@media (min-width:35em){.two.small.columns{-webkit-columns:1;columns:1}}@media (min-width:60em){.two.small.columns{-webkit-columns:2;columns:2}}.info{background-color:#eed009;background-color:var(--gold);background-image:linear-gradient(180deg,#eed009,color(#eed009 blackness(15%)));background-image:linear-gradient(180deg,var(--gold),color(var(--gold) blackness(15%)));background-size:100% 20%;background-repeat:no-repeat;background-position:bottom;font-weight:700;text-align:center}[dir=ltr] .info svg{margin-right:8px}[dir=rtl] .info svg{margin-left:8px}.info svg{font-size:2em;vertical-align:middle;margin-top:-.14em}#controls{background-color:#f2f2f2;background-color:var(--off-white);padding:0 8px}@media (min-width:35em){[dir=ltr] #controls{text-align:right}[dir=rtl] #controls{text-align:left}}#controls{font-size:.8125em}#controls>ul{padding:0;margin:0}@media (min-width:35em){#controls>ul{grid-column-start:navigation;grid-column-end:content}}[dir=ltr] #controls>ul>li{margin-left:4px}[dir=rtl] #controls>ul>li{margin-right:4px}[dir=ltr] #controls>ul>li{padding-left:4px}[dir=rtl] #controls>ul>li{padding-right:4px}#controls>ul>li{display:inline;list-style:none;margin:0;padding:0}@media (min-width:35em){[dir=ltr] #controls>ul>li{margin-left:8px}[dir=rtl] #controls>ul>li{margin-right:8px}[dir=ltr] #controls>ul>li{padding-left:8px}[dir=rtl] #controls>ul>li{padding-right:8px}#controls>ul>li{margin:0;padding:0}}[dir=ltr] #controls>ul>li{border-left:1px solid #036}[dir=rtl] #controls>ul>li{border-right:1px solid #036}[dir=ltr] #controls>ul>li{border-left:1px solid var(--w3c-blue)}[dir=rtl] #controls>ul>li{border-right:1px solid var(--w3c-blue)}#controls>ul>li:first-child{border-left:0;border-right:0;margin:0;padding:0}#controls a{color:#036;color:var(--w3c-blue);text-decoration:none;padding:2px 0}#controls a:focus,#controls a:hover{border-bottom:none;text-decoration:underline}@media print{#controls{display:none}}#controls [hidden]{display:none!important}.languagelist>ul{display:inline;margin:0;padding:0}.languagelist>ul>li{border:none;padding:0;margin:0;display:inline-block}[dir=ltr] .languagelist>ul>li:first-child{margin-right:4px}[dir=rtl] .languagelist>ul>li:first-child{margin-left:4px}.languagelist>ul>li:first-child:before{display:none;margin:0}[dir=ltr] .languagelist>ul>li:before{margin-right:4px}[dir=rtl] .languagelist>ul>li:before{margin-left:4px}.languagelist>ul>li:before{content:"";display:inline-block;background-color:#005a9c;width:4px;height:4px;margin:0;margin-top:-4px;vertical-align:middle}#showoptions{display:inline}.mainnav{position:relative;font-size:14px;font-size:.875rem;border-top:1px solid #005a9c;border-top:1px solid var(--w3c-classic);border-bottom:1px solid #005a9c;border-bottom:1px solid var(--w3c-classic);background-color:#036;background-color:var(--w3c-blue);display:none}.mainnav.open{display:block}@media (min-width:35em){.mainnav{display:block}}@media print{.mainnav{display:none}}.mainnav>ul{width:100%;max-width:1268px;padding:0;margin:0 auto!important;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-wrap:wrap;flex-wrap:wrap}@media (min-width:35em){.mainnav>ul{-ms-flex-wrap:nowrap;flex-wrap:nowrap}}.mainnav>ul>li{display:block;position:relative;-ms-flex-preferred-size:50%;flex-basis:50%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1}.mainnav>ul>li.active{background:#036;background:var(--w3c-blue)}.mainnav>ul>li.active>a>span{border-bottom:2px solid #eed009!important;border-bottom:2px solid var(--gold)!important}.mainnav>ul>li>a{text-decoration:none;display:block;width:100%;height:100%;color:#fff;color:var(--pure-white);text-align:center;min-height:44px;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-bottom:#005a9c;border-bottom:var(--w3c-classic)}.mainnav>ul>li>a>span{display:block;border-bottom:2px solid transparent}.mainnav>ul>li>a:focus,.mainnav>ul>li>a:hover{background-color:#091832;background-color:var(--dk-blue)}.mainnav>ul>li>a:focus>span,.mainnav>ul>li>a:hover>span,.mainnav>ul>li>a[aria-current=location]>span,.mainnav>ul>li>a[aria-current=page]>span{border-bottom:2px solid #eed009;border-bottom:2px solid var(--gold)}.mainnav>ul>li>a[aria-current=location]:focus>span,.mainnav>ul>li>a[aria-current=location]:hover>span,.mainnav>ul>li>a[aria-current=page]:focus>span,.mainnav>ul>li>a[aria-current=page]:hover>span{border-bottom:2px solid #fff;border-bottom:2px solid var(--pure-white)}[dir=ltr] .mainnav>ul>li+li>a{border-left:1px solid #235a97}[dir=rtl] .mainnav>ul>li+li>a{border-right:1px solid #235a97}@media (min-width:60em){#openmenu{display:none}}@media print{#openmenu{display:none}}@media (min-width:35em){.page-home #openmenu{display:none}}[dir=ltr] .metanav{text-align:right}[dir=rtl] .metanav{text-align:left}.metanav{width:100%;display:none;font-size:.85em}.metanav.open{display:block}@media (min-width:35em){.metanav{display:block}}@media print{.metanav{display:none}}.metanav a{text-decoration:none}.metanav a:focus,.metanav a:hover,.metanav a[aria-current=page]{text-decoration:underline}.metanav>ul{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.metanav>ul li{display:inline-block;padding-left:8px;padding-right:8px}@media (min-width:35em){.metanav>ul li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.metanav>ul li:first-child{border:0}.metanav>ul li:last-child{margin-bottom:0;padding:0;border:0}.metanav>ul li a{position:relative;min-height:24px;padding-top:10px;padding-bottom:10px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.metanav>ul li a:after,.metanav>ul li a:before{position:absolute;top:12px;left:-8px;bottom:12px;width:1px;background-color:#eed009;background-color:var(--gold)}[dir=ltr] .metanav>ul li a:before,[dir=rtl] .metanav>ul li a:after{content:""}@media (min-width:35em){[dir=ltr] .metanav>ul li a{text-align:right}[dir=rtl] .metanav>ul li a{text-align:left}.metanav>ul li a{width:100%}}[dir=ltr] .metanav>ul li:first-child a:before,[dir=rtl] .metanav>ul li:nth-last-child(2) a:after{display:none}.metanav form[role=search]{background-color:#036;background-color:var(--w3c-blue);border:1px solid #fff;border:1px solid var(--pure-white)}.metanav form[role=search]>div{display:-webkit-box;display:-ms-flexbox;display:flex}.metanav form[role=search] label{text-transform:none;font-weight:400}.metanav form[role=search] input{box-sizing:border-box;-webkit-appearance:none;background-color:transparent;border:0;border-radius:0;color:#f2f2f2;color:var(--off-white);height:100%;padding:5px;margin:0;width:10em}.metanav form[role=search] input:focus{color:#fff;color:var(--pure-white)}.metanav form[role=search] input::-webkit-search-decoration{display:none}.metanav form[role=search] input::-webkit-search-cancel-button,.metanav form[role=search] input::-webkit-search-results-button{-webkit-filter:invert(100%);filter:invert(100%)}.metanav form[role=search] button{display:block;margin:0}.metanav form[role=search] ::-webkit-input-placeholder{color:#fff;color:var(--pure-white);font-style:italic;opacity:1}.metanav form[role=search] :-moz-placeholder,.metanav form[role=search] ::-moz-placeholder{color:#fff;color:var(--pure-white);font-style:italic;opacity:1}.metanav form[role=search] :-ms-input-placeholder{color:#fff;color:var(--pure-white);font-style:italic;opacity:1}.navigations{position:relative;grid-column-start:6;grid-column-end:-2;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.navigations .nava11y{display:block}.mainnav>ul,.metanav>ul{margin:0;padding:0}.mainnav>ul>li,.metanav>ul>li{list-style:none;margin:0}.teaser.news{background-color:#fff;background-color:var(--pure-white)}.announce-box{background-color:#fafafa;background-color:var(--lt-off-white);border:1px solid #ddd;border:1px solid var(--line-grey);border-top:1px;border-bottom:1px;border-left:0;border-right:0;padding:10px 25px!important}.announce-box+.announce-box{border-top:0}.announce-box>:first-child{margin-top:0}.announce-box>:last-child{margin-bottom:0}.notes{font-size:.85em}.notes strong:first-child{font-weight:700;color:#005a6a;color:var(--wai-green)}.pager{background-color:#fff;background-color:var(--pure-white);border:1px solid #ddd;border:1px solid var(--line-grey);margin-top:32px}.pager>ul{box-sizing:border-box;-ms-flex-line-pack:center;align-content:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0;padding:8px}.pager--item,.pager>ul{display:-webkit-box;display:-ms-flexbox;display:flex}.pager--item{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%}.pager--item:only-child{-ms-flex-preferred-size:100%;flex-basis:100%}.pager--item{list-style:none;margin:0}.pager--item a:link{color:#005a6a;color:var(--wai-green);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:1;-ms-flex:1 100%;flex:1 100%;text-decoration:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.pager--item a:visited{color:#606;color:var(--visited-link)}.pager--item a:focus,.pager--item a:hover{color:#036;color:var(--w3c-blue)}.pager--item a:active{color:#005a6a;color:var(--wai-green)}[dir=ltr] .pager--item.next a{text-align:right}[dir=rtl] .pager--item.next a{text-align:left}.pager--item.next a{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.pager--item-icon{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:33px}[dir=ltr] .pager--item-text{margin-right:8px}[dir=ltr] .pager--item-text,[dir=rtl] .pager--item-text{margin-left:8px}[dir=rtl] .pager--item-text{margin-right:8px}.pager--item-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 auto;flex:1 auto;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.pager--item-text-direction{color:#1d1d1d;color:var(--off-black);font-size:12px;font-size:.75rem}.pager--item-text-target{font-size:16px;font-size:1rem;line-height:1}.pagination{margin:0;margin-top:16px;margin-bottom:16px;padding-top:16px;border-top:2px solid #ddd;border-top:2px solid var(--line-grey)}.pagination ul{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;margin:0;padding:0;list-style:none;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}[dir=ltr] .pagination li{margin-left:8px}[dir=rtl] .pagination li{margin-right:8px}.pagination .like-a,.pagination a{padding:8px 16px;border-radius:4px;border:2px solid #ddd;border:2px solid var(--line-grey)}.pagination .is-active .like-a{background-color:#036;background-color:var(--w3c-blue);border-color:#036;border-color:var(--w3c-blue);color:#fff;color:var(--pure-white)}.pagination a:focus,.pagination a:hover{background-color:#ddd;background-color:var(--line-grey)}.quote{background-color:#005a6a;background-color:var(--wai-green);border-radius:5px;color:#fff;color:var(--pure-white);padding:22px}.quote--block{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:0;padding:0}.quote--block-text{font-size:20px;font-style:italic;line-height:1.25;margin:0;padding:0}.quote--block-text:before{content:open-quote}.quote--block-text:after{content:close-quote}.quote--block-cite{font-size:15px;font-weight:500;margin:0;margin-top:9px}.quote--block-cite a{color:#fafafc;color:var(--body-bg)}.related-content{background-color:#fff;background-color:var(--pure-white);border:1px solid #ddd;border:1px solid var(--line-grey);-webkit-box-flex:1;-ms-flex:1 100%;flex:1 100%;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;margin:50px}.related-content,.related-content--head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal}.related-content--head{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#f2f2f2;background-color:var(--off-white);border-box-end:1px solid #ddd;border-box-end:1px solid var(--line-grey);-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;height:48px}[dir=ltr] .related-content--head-icon{margin-right:10px}[dir=rtl] .related-content--head-icon{margin-left:10px}[dir=ltr] .related-content--head-icon{margin-left:19px}[dir=rtl] .related-content--head-icon{margin-right:19px}.related-content--head-icon{height:22px;width:22px}.related-content--head-heading{border:none;color:#036;color:var(--w3c-blue);-webkit-box-flex:1;-ms-flex:1 100%;flex:1 100%;font-size:20px;margin:0;padding:0}.related-content--content{margin:0;padding:0}.related-content--content-list{list-style:none;margin:22px;padding:0}.related-content--content-list li{font-size:14px;line-height:2.2em}.sidenav{grid-area:navigation;margin-bottom:24px;display:none}.sidenav.open{display:block;margin-top:16px}@media (min-width:60em){.sidenav{display:block}}@media print{.sidenav{display:none}}.sidenav--head{background-color:#036;background-color:var(--w3c-blue);border:2px solid #036;border:2px solid var(--w3c-blue);border-width:0 5px;padding:16px 24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;border-bottom:none;font-weight:700}[dir=ltr] .sidenav--head-icon{margin-left:-16px}[dir=rtl] .sidenav--head-icon{margin-right:-16px}.sidenav--head-icon{padding-bottom:.3em}[dir=ltr] .sidenav--head-icon--inner{float:left}[dir=rtl] .sidenav--head-icon--inner{float:right}[dir=ltr] .sidenav--head-icon--inner{margin-right:8px}[dir=rtl] .sidenav--head-icon--inner{margin-left:8px}.sidenav--head-icon--inner{width:47px;height:48px}.sidenav--head-section{color:#fff;color:var(--pure-white);text-transform:uppercase;letter-spacing:.7px;font-size:11px;font-size:.6875rem;font-weight:700}.sidenav--head-subsection{color:#fff;color:var(--pure-white);font-size:22px;font-size:1.375rem}[dir=ltr] .sidenav--list{border-left-width:5px}[dir=rtl] .sidenav--list{border-right-width:5px}[dir=ltr] .sidenav--list{border-right-width:0}[dir=rtl] .sidenav--list{border-left-width:0}.sidenav--list{background-color:#036;background-color:var(--w3c-blue);border:2px solid #036;border:2px solid var(--w3c-blue);border-bottom:5px;border-top:0;margin:0;padding:0;font-size:13px;font-size:.8125rem}.sidenav--list a{display:-webkit-box;display:-ms-flexbox;display:flex;box-sizing:border-box;padding:8px 24px;min-height:44px;color:#fff;color:var(--pure-white);text-decoration:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.sidenav--list a:focus,.sidenav--list a:hover{text-decoration:underline;background-color:#f2f2f2;background-color:var(--off-white);color:#005a6a;color:var(--wai-green)}.sidenav--list a:focus{outline-color:#eed009;outline-color:var(--gold)}.sidenav--list a span.lang{font-weight:400}.sidenav--list li a{border-top:1px solid #005a9c;border-top:1px solid var(--w3c-classic)}.sidenav--list{.sidenav-head+&{border-top:none}}[dir=ltr] .sidenav--list ul{padding-left:24px}[dir=rtl] .sidenav--list ul{padding-right:24px}.sidenav--list ul{padding:0;margin:0}.sidenav--list a+ul{display:none}.sidenav--list a[aria-current]+ul{display:block}.sidenav--list li{margin:0;padding:0;list-style:none}.sidenav--list ul li:first-child a{border-top-color:transparent}.sidenav--list a[aria-current=location]{padding-bottom:4px;font-weight:700}.sidenav--list a[aria-current=page]{font-weight:700;color:#005a6a;color:var(--wai-green);background-color:#fafafc;background-color:var(--body-bg);position:relative}.sidenav--list a[aria-current=page]:after,.sidenav--list a[aria-current=page]:before{position:absolute;content:"";width:0;height:0;left:auto;right:0}[dir=rtl] .sidenav--list a[aria-current=page]:after,[dir=rtl] .sidenav--list a[aria-current=page]:before{left:0;right:auto}.sidenav--list a[aria-current=page]:after,.sidenav--list a[aria-current=page]:before{border:1px solid #fff;border:1px solid var(--pure-white);opacity:.9}.sidenav--list a[aria-current=page]:before{top:-2px;border-color:transparent #fff #fff transparent;border-color:transparent var(--pure-white) var(--pure-white) transparent}[dir=rtl] .sidenav--list a[aria-current=page]:before{border-color:transparent transparent #fff #fff;border-color:transparent transparent var(--pure-white) var(--pure-white)}.sidenav--list a[aria-current=page]:after{bottom:-2px;border-color:#fff #fff transparent transparent;border-color:var(--pure-white) var(--pure-white) transparent transparent}[dir=rtl] .sidenav--list a[aria-current=page]:after{border-color:#fff transparent transparent #fff;border-color:var(--pure-white) transparent transparent var(--pure-white)}.sidenav-languages{font-size:13px;font-size:.8125rem;margin-top:32px;margin-top:2rem;border-radius:3px;border:2px solid #eed009;border:2px solid var(--gold);background-color:#fff;background-color:var(--pure-white)}.sidenav-languages header{border-bottom:2px solid #eed009;border-bottom:2px solid var(--gold);padding:8px 27px;font-weight:700}[dir=ltr] .sidenav-languages .langlist{padding-left:27px}[dir=rtl] .sidenav-languages .langlist{padding-right:27px}.sidenav-languages .langlist{list-style-position:inside;list-style-type:square;color:#005a9c;color:var(--w3c-classic)}.sidenav-languages .langlist li{margin-bottom:2px}[dir=ltr] .sidenav-languages p{padding-left:27px}[dir=rtl] .sidenav-languages p{padding-right:27px}[dir=ltr] .sidenav-languages p{padding-right:0}[dir=rtl] .sidenav-languages p{padding-left:0}.sidenav-languages p{padding-top:4px;padding-bottom:4px;margin:0;border-top:1px solid #eed009}[dir=ltr] caption,[dir=ltr] table{text-align:left}[dir=rtl] caption,[dir=rtl] table{text-align:right}table{border:1px solid #ddd;border:1px solid var(--line-grey);border-collapse:collapse;margin-bottom:2em}caption{font-weight:700;font-size:18px;font-size:1.125rem;color:#005a6a;color:var(--wai-green);line-height:1.4;margin-bottom:8px}td,th{padding:12px 18px;border:1px solid #ddd;border:1px solid var(--line-grey);vertical-align:top}.dense td,.dense th{padding:2px 4px}th{font-weight:700;color:#fff;color:var(--pure-white);background-color:#005a6a;background-color:var(--wai-green)}th a{color:inherit}th a:focus,th a:hover{color:#eed009;color:var(--gold)}th a:visited{color:inherit}td>:first-child,td>:last-child,th>:first-child,th>:last-child{margin-top:0}.hyphenated{-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.teaser.audiences-inline .title{display:block;font-size:36px;font-size:2.25rem}.making-web-accessible{text-align:center;border-bottom:1px solid #ddd;border-bottom:1px solid var(--line-grey);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.making-web-accessible [hidden]{display:none!important}.making-web-accessible .inner.hidesection{position:relative;-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}[dir=ltr] .making-web-accessible .making-web-accessible-box{text-align:left}[dir=rtl] .making-web-accessible .making-web-accessible-box{text-align:right}[dir=ltr] .making-web-accessible .making-web-accessible-box{padding-right:20px}[dir=rtl] .making-web-accessible .making-web-accessible-box{padding-left:20px}[dir=ltr] .making-web-accessible .making-web-accessible-box{padding-left:105px}[dir=rtl] .making-web-accessible .making-web-accessible-box{padding-right:105px}.making-web-accessible .making-web-accessible-box{padding-top:32px;padding-bottom:0}[dir=ltr] .making-web-accessible .mwa-icon{margin-left:-85px}[dir=rtl] .making-web-accessible .mwa-icon{margin-right:-85px}.making-web-accessible .mwa-icon{width:65px;height:65px;float:left}.making-web-accessible .title{display:block;font-size:36px;font-size:2.25rem}.making-web-accessible .teaser-h h2{margin:0}.making-web-accessible h3{margin-top:10px;font-size:24px;font-size:1.5rem;margin-bottom:0}.making-web-accessible p{margin-bottom:0}[dir=ltr] .making-web-accessible .showhidebutton{float:right}[dir=rtl] .making-web-accessible .showhidebutton{float:left}.making-web-accessible .showhidebutton{position:absolute;top:-1.35em;right:0}.teaser.media-inline .title{display:block;font-size:36px;font-size:2.25rem}.white-bg{background-color:#fff;background-color:var(--pure-white)}.bordered{border:0;border-color:#ddd;border-color:var(--line-grey)}.teaser.news-teaser .title{display:block;font-size:36px;font-size:2.25rem}.teaser.resource-inline .title{display:block;font-size:36px;font-size:2.25rem}.teaser{padding-top:32px;padding-bottom:32px}.teaser.featured{background-size:cover;background-position:50%}.teaser.featured .teaser-c{background-color:hsla(0,0%,100%,.9);border-top:5px solid #c0272d;border-top:5px solid var(--faded-red);padding:16px 32px;display:block}.teaser-h h2,.teaser-h h3,.teaser-h h4,.teaser-h h5,.teaser-h h6{margin:0;margin-bottom:16px;padding:0;border:none;color:#005a6a;color:var(--wai-green);font-size:16px;font-size:1rem;line-height:1.2}.teaser-h h2.title,.teaser-h h3.title,.teaser-h h4.title,.teaser-h h5.title,.teaser-h h6.title{font-size:24px;font-size:1.5rem;margin:0;margin-top:10px;margin-bottom:20px}@media (min-width:35em){.teaser-h h2.title,.teaser-h h3.title,.teaser-h h4.title,.teaser-h h5.title,.teaser-h h6.title{font-size:2rem}}@media (min-width:60em){.teaser-h h2.title,.teaser-h h3.title,.teaser-h h4.title,.teaser-h h5.title,.teaser-h h6.title{font-size:2.375rem}}.teaser-h .subtitle{font-weight:700;margin:0;font-size:14px;font-size:.875rem;color:#1d1d1d;color:var(--off-black)}[dir=ltr] .teaser-h-icon{margin-right:10px}[dir=rtl] .teaser-h-icon{margin-left:10px}.teaser-h-icon{height:1em;width:1em;vertical-align:middle}.teaser-h-icon.full{display:block;height:1.8em;width:1.8em}.teaser-tip{text-align:center}.teaser-tip .teaser-h h2{font-size:28px;font-size:1.75rem}.teaser-tip .teaser-h svg{display:block;margin:0 auto;height:1.75em;width:1.75em}.teaser-tip .fakelink{margin:0 auto}.fakelink{text-decoration:underline;position:relative}[dir=ltr] .fakelink svg{margin-left:5px}[dir=rtl] .fakelink svg{margin-right:5px}.fakelink svg{width:.75em;height:.75em}@media (min-width:35em){.teaser-about p{font-size:1.25rem}}@media (min-width:60em){.teaser-about p{font-size:1.5rem}}.teaser-about p{color:#686868;color:var(--grey)}.teaser-about .teaser-h h2{font-weight:700}.teaser-media{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fff;background-color:var(--pure-white)}.teaser-sponsors{border-top:1px solid #ddd;border-top:1px solid var(--line-grey)}.area-teaser{display:block;background-color:#fff;background-color:var(--pure-white);border:1px solid #ddd;border:1px solid var(--line-grey);margin:-1px;padding:20px 32px}@media (min-width:35em){.area-teaser{padding:40px}}@media (min-width:60em){.area-teaser{padding:60px 40px}}.area-teaser .teaser-h{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.area-teaser .teaser-h h2,.area-teaser .teaser-h h3,.area-teaser .teaser-h h4,.area-teaser .teaser-h h5,.area-teaser .teaser-h h6{margin:0;font-weight:400}.area-teaser .teaser-h-icon{margin-bottom:10px}.area-teaser:focus .teaser-h>:not(svg),.area-teaser:hover .teaser-h>:not(svg){text-decoration:underline}.video-link{display:inline-block;text-decoration:none;margin:10px 0}.video-link img{-webkit-mask:url(../images/video-mask-16-9.svg);mask:url(../images/video-mask-16-9.svg);-webkit-mask-size:contain;mask-size:contain;width:240px}.video-link.ratio-43 img{-webkit-mask:url(../images/video-mask-4-3.svg);mask:url(../images/video-mask-4-3.svg)}.video-link span{display:block;text-align:center;text-decoration:underline}.video-link-small img{width:120px}.video-link-inline{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}[dir=ltr] .video-link-inline img{margin-right:1em}[dir=rtl] .video-link-inline img{margin-left:1em}.video-link-inline img{width:auto;height:2em}.video-link-inline{[dir=ltr] span{text-align:left}[dir=rtl] span{text-align:right}}.able-wrapper{margin:0;padding:0;height:auto;box-sizing:content-box!important;max-width:none!important}.able,.able-wrapper{position:relative;width:100%}.able{margin:1em 0;z-index:5000}[dir=ltr] .able-column-left{float:left}[dir=rtl] .able-column-left{float:right}[dir=ltr] .able-column-right{float:left}[dir=rtl] .able-column-right{float:right}.able .able-vidcap-container{background-color:#000;left:0;margin:0;position:relative;top:0}.able-player{font-family:inherit;background-color:#262626}.able-offscreen{position:absolute;left:-10000px}[dir=rtl] .able-offscreen{right:-10000px;left:auto}.able-offscreen{top:auto;width:1px;height:1px;overflow:hidden}.able-media-container audio{display:none!important}.able-video .able-now-playing{display:none}.able-controller{position:relative;border-top:2px solid #4c4c4c;border-bottom:2px solid #4c4c4c;background-color:#464646;min-height:38px;padding:0}.able-big-play-button,.able-poster{position:absolute;top:0;left:0}.able-big-play-button{font-size:8em;opacity:.5;filter:alpha(opacity=50);color:#fdfdfd;background-color:transparent;border:none;outline:none;padding:0;z-index:6500}.able-big-play-button:hover{opacity:1;filter:alpha(opacity=100)}.able-left-controls,.able-right-controls{overflow:visible}.able-left-controls button,.able-right-controls button{vertical-align:middle}[dir=ltr] .able-left-controls{float:left}[dir=ltr] .able-right-controls,[dir=rtl] .able-left-controls{float:right}[dir=rtl] .able-right-controls{float:left}.able-black-controls,.able-black-controls button,.able-black-controls label{color:#000!important}.able-black-controls .able-seekbar{border:2px solid #000}.able-black-controls label,.able-white-controls,.able-white-controls button{color:#fff!important}.able-white-controls .able-seekbar{border:2px solid #fff}.able-controller button{background:none;position:relative;display:inline-block;border-style:none;margin:3px;padding:0;font-size:20px;min-width:24px;outline:2px solid #464646;border:none;overflow:visible!important;z-index:6600}.able-controller button>img,.able-controller button>span{width:20px;margin:0 auto;padding:0;z-index:6700}.able-controller .buttonOff{opacity:.5;filter:alpha(opacity=50);z-index:6800}.able-controller .able-seekbar{margin:0 5px;z-index:6900}.able-controller button:focus,.able-controller button:hover{outline-style:solid;outline-width:medium}.able-controller button:hover{outline-color:#8ab839!important}.able-controller button:focus{outline-color:#ffbb37!important}.able-seekbar-wrapper{display:inline-block;vertical-align:middle}.able-seekbar{position:relative;height:.5em;border:1px solid;background-color:#000;margin:0 3px;border:2px solid #fff}.able-seekbar-loaded{background-color:#464646;z-index:5100}.able-seekbar-loaded,.able-seekbar-played{display:inline-block;position:absolute;left:0;top:0;height:.5em}.able-seekbar-played{background-color:#dadada;z-index:5200}.able-seekbar-head{display:inline-block;position:relative;left:0;top:-.45em;background-color:#fdfdfd;width:.8em;height:.8em;border:1px solid;border-radius:.8em;z-index:5500}.able-volume-slider{width:34px;height:50px;background-color:#464646;padding:10px 0;position:absolute;right:0;top:-74px;display:block;z-index:9100}.able-volume-track{display:block;position:relative;height:100%;width:5px;margin:0 auto;background-color:#999}.able-volume-track.able-volume-track-on{background-color:#dadada;position:absolute;height:20px;top:30px}.able-volume-head{display:inline-block;background-color:#fdfdfd;outline:1px solid #333;position:absolute;height:7px;width:15px;left:-5px;top:23px;z-index:9175}.able-volume-head:focus,.able-volume-head:hover{background-color:#ffbb37!important}.able-volume-help{display:none}.able-status-bar{height:1.5em;min-height:1.5em;color:#ccc;font-size:.9em;background-color:transparent;padding:.5em .5em .25em}[dir=ltr] .able-status-bar span.able-timer{text-align:left}[dir=rtl] .able-status-bar span.able-timer{text-align:right}[dir=ltr] .able-status-bar span.able-timer{float:left}[dir=rtl] .able-status-bar span.able-timer{float:right}.able-status-bar span.able-timer{width:32%}[dir=ltr] .able-status-bar span.able-speed{float:left}[dir=rtl] .able-status-bar span.able-speed{float:right}.able-status-bar span.able-speed{width:33%;text-align:center}[dir=ltr] .able-status{float:right}[dir=rtl] .able-status{float:left}.able-status{font-style:italic;width:32%;text-align:right}div.able-captions-wrapper{width:100%;margin:0;padding:0;text-align:center;line-height:1.35em;display:block;z-index:6000}div.able-captions{display:none;padding:.15em .25em;background-color:#000;font-size:1.1em;color:#fff;opacity:.75}div.able-captions-overlay{position:absolute;margin:0;bottom:0}div.able-captions-below,div.able-descriptions{position:relative;min-height:2.8em}div.able-descriptions{color:#ff6;background-color:#262626;border-top:1px solid #666;margin:0;padding:3%;width:94%;text-align:center}div.able-now-playing{text-align:center;font-weight:700;font-size:1.1em;color:#fff;background-color:transparent;padding:.5em .5em 1em}div.able-now-playing span{font-size:.9em}div.able-now-playing span span{display:block}[dir=ltr] div.able-modal-dialog{margin-left:auto}[dir=ltr] div.able-modal-dialog,[dir=rtl] div.able-modal-dialog{margin-right:auto}[dir=rtl] div.able-modal-dialog{margin-left:auto}div.able-modal-dialog{position:absolute;height:auto;max-width:90%;left:0;right:0;outline:0 none;display:none;color:#000;background-color:#fafafa;box-sizing:content-box!important;z-index:10000}div.able-modal-overlay{position:fixed;width:100%;height:100%;background-color:#000;opacity:.5;margin:0;padding:0;top:0;left:0;display:none;z-index:9500}button.modalCloseButton{position:absolute;top:5px;right:5px}[dir=ltr] button.modal-button{margin-right:5px}[dir=rtl] button.modal-button{margin-left:5px}div.able-modal-dialog button:focus,div.able-modal-dialog button:hover,div.able-modal-dialog input:focus,div.able-modal-dialog input:hover{outline-style:solid;outline-width:2px}div.able-modal-dialog button:hover,div.able-modal-dialog input:hover{outline-color:#8ab839}div.able-modal-dialog button:focus,div.able-modal-dialog input:focus{outline-color:#ffbb37}div.able-modal-dialog h1{font-weight:700;font-size:1.8em;line-height:1.2em;margin:.75em 0;color:#000;text-align:center}.able-help-div,.able-prefs-form,.able-resize-form{background-color:#f5f5f5;border:medium solid #ccc;padding:.5em 1em;margin:0 0 0 1em;width:25em;display:none}[dir=ltr] .able-prefs-form fieldset{margin-left:0}[dir=rtl] .able-prefs-form fieldset{margin-right:0}.able-prefs-form fieldset{padding-left:0;border:none}.able-prefs-form legend{color:#000;font-weight:700;font-size:1.1em}[dir=ltr] .able-prefs-form fieldset div{margin-left:1em}[dir=rtl] .able-prefs-form fieldset div{margin-right:1em}.able-prefs-form fieldset div{display:table}.able-prefs-form fieldset div input{display:table-cell;width:1em;vertical-align:middle}.able-prefs-form fieldset div label{display:table-cell;padding-left:.5em}[dir=ltr] fieldset.able-prefs-keys div{float:left}[dir=rtl] fieldset.able-prefs-keys div{float:right}[dir=ltr] fieldset.able-prefs-keys div{margin-right:1em}[dir=rtl] fieldset.able-prefs-keys div{margin-left:1em}[dir=ltr] div.able-desc-pref-prompt{margin-left:1em!important}[dir=rtl] div.able-desc-pref-prompt{margin-right:1em!important}div.able-desc-pref-prompt{font-weight:700;font-style:italic}[dir=ltr] div.able-prefDescFormat>div{margin-left:1.5em}[dir=rtl] div.able-prefDescFormat>div{margin-right:1.5em}[dir=ltr] .able-prefs-captions label,[dir=ltr] .able-prefs-captions select{float:left}[dir=rtl] .able-prefs-captions label,[dir=rtl] .able-prefs-captions select{float:right}.able-prefs-captions label,.able-prefs-captions select{display:block;margin-bottom:.25em}[dir=ltr] fieldset.able-prefs-captions label{text-align:right}[dir=rtl] fieldset.able-prefs-captions label{text-align:left}fieldset.able-prefs-captions label{width:6em;padding-right:1em}fieldset.able-prefs-captions select{width:10em;font-size:.9em;border-radius:none}.able-prefs-form div.able-captions-sample{padding:.5em;text-align:center}.able-prefs-form h2{margin-top:0;margin-bottom:.5em;font-size:1.1em}.able-prefs-form ul{margin-top:0}able-prefs-form-keyboard ul{list-style-type:none}span.able-modkey-alt,span.able-modkey-ctrl,span.able-modkey-shift{color:#666;font-style:italic}span.able-modkey{font-weight:700;color:#000;font-size:1.1em}.able-resize-form h1{font-size:1.15em}.able-resize-form div div{margin:1em}.able-resize-form label{padding-right:.5em;font-weight:700}.able-resize-form input[type=text]{font-size:1em}.able-resize-form input[readonly]{color:#aaa}.able-window-toolbar{background-color:#464646;min-height:15px;padding:10px;border-style:solid;border-width:0 0 1px}.able-draggable:hover{cursor:move}.able-window-toolbar .able-button-handler-preferences{position:absolute;top:0;right:0;font-size:1.5em;background-color:transparent;border:none;outline:none;padding:0;z-index:9300}.able-window-toolbar .able-button-handler-preferences:focus,.able-window-toolbar .able-button-handler-preferences:hover{outline-style:solid;outline-width:medium}.able-window-toolbar .able-button-handler-preferences:hover{outline-color:#8ab839!important}.able-window-toolbar .able-button-handler-preferences:focus{outline-color:#ffbb37!important}.able-window-toolbar .able-popup{position:absolute;cursor:default;right:0;top:0;display:block}.able-drag{border:2px dashed #f90;cursor:move}.able-resizable{position:absolute;width:16px;height:16px;padding:5px 0 0 5px;bottom:0;right:0;cursor:nwse-resize;background:transparent 100% 100% url(../ableplayer/images/wingrip.png) no-repeat}.able-sign-window{position:relative;margin:1em;z-index:8000}.able-sign-window video{width:100%}.able-sign-window:focus{outline:none}div.able-chapters-div{padding:0}div.able-chapters-div .able-chapters-heading{margin:1em .75em;font-size:1.1em;font-weight:700}div.able-chapters-div ul{list-style-type:none;padding-left:0}div.able-chapters-div ul li{max-width:100%;padding:0;height:2em}[dir=ltr] div.able-chapters-div button{text-align:left}[dir=rtl] div.able-chapters-div button{text-align:right}div.able-chapters-div button{width:100%;height:100%;border:none;background-color:transparent;color:#000;font-size:1em;padding:.15em 1em}div.able-chapters-div li.able-current-chapter{background-color:#000!important}div.able-chapters-div li.able-current-chapter button{color:#fff!important}div.able-chapters-div li.able-focus{background-color:#4c4c4c}div.able-chapters-div button::-moz-focus-inner,div.able-chapters-div button:focus,div.able-chapters-div button:hover{border:0;outline:none;color:#fff!important}.able-alert,.able-tooltip{position:absolute;padding:5px 10px;border-color:#000;border-width:1px;color:#000!important;background-color:#ccc;border-radius:5px;display:block}.able-alert{background-color:#ffc;box-shadow:0 0 16px #262626;z-index:9400}.able-popup{z-index:9200}.able-tooltip{z-index:9000}.able-popup{position:absolute;margin:0;padding:0;border-color:#000;border-width:1px;background-color:#000;opacity:.85;border-radius:5px;display:block;cursor:default;list-style:none}ul.able-popup{list-style-type:none}.able-popup li{padding:.25em 1em .25em .25em;margin:1px;color:#fff}.able-popup li.able-focus{background-color:#ccc;color:#000}.able-popup-captions li{padding-left:1em}.able-popup-captions li[aria-checked=true]{padding-left:0}.able-popup-captions li[aria-checked=true]:before{content:"\2713 "}.able-transcript-area{border-width:1px;border-style:solid;height:400px;z-index:7000;outline:none;padding-bottom:25px;background-color:#fff}.able-transcript{position:relative;overflow-y:scroll;padding-left:5%;padding-right:5%;background-color:#fff;height:350px}.able-transcript div{margin:1em 0}.able-transcript-heading{font-size:1.4em;font-weight:700}.able-transcript-chapter-heading{font-size:1.2em;font-weight:700}.able-transcript div.able-transcript-desc{background-color:#fee;border:thin solid #336;font-style:italic;padding:1em}.able-transcript .able-unspoken{font-weight:700}.able-transcript .able-hidden{position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}.able-highlight{background:#ff6}.able-previous{background:#000!important;font-style:italic}.able-transcript span:active,.able-transcript span:focus,.able-transcript span:hover{background:#cf6;cursor:pointer}[dir=ltr] .able-window-toolbar label{margin-right:10px}[dir=rtl] .able-window-toolbar label{margin-left:10px}.able-window-toolbar label{color:#fff}.able-controller button:focus,.able-controller button:hover,.able-controller input:focus,.able-controller input:hover,.able-seekbar-head:focus,.able-seekbar-head:hover,.able-window-toolbar input:focus,.able-window-toolbar input:hover,.able-window-toolbar select:focus,.able-window-toolbar select:hover{outline-style:solid;outline-width:2px}.able-controller button:focus,.able-controller input:focus,.able-seekbar-head:focus,.able-window-toolbar input:focus,.able-window-toolbar select:focus{outline-color:#ffbb37}.able-controller button:hover,.able-controller input:hover,.able-seekbar-head:hover,.able-window-toolbar input:hover,.able-window-toolbar select:hover{outline-color:#8ab839}[dir=ltr] .able-window-toolbar .transcript-language-select-wrapper{float:right}[dir=rtl] .able-window-toolbar .transcript-language-select-wrapper{float:left}.able-window-toolbar .transcript-language-select-wrapper{padding-right:30px}.able-playlist{list-style-type:none;margin:0;background-color:#fff;padding:5px 0}.able-playlist li{background-color:#ddd;margin:5px;padding:0;border:2px solid #aaa;border-radius:5px;-moz-border-radius:5px}.able-playlist li button{border:none;color:#000;background-color:transparent;font-size:1em;width:100%;padding:5px 10px;text-align:left}.able-playlist li button:active,.able-playlist li button:focus,.able-playlist li button:hover{background-color:#ffeeb3;color:#000;text-decoration:none;outline:none}.able-playlist li button::-moz-focus-inner{border:0}.able-playlist li button img{width:100px;float:left;margin-right:10px}.able-playlist li.able-current{background-color:#340449;border-color:#230330}.able-playlist li.able-current button{color:#fff;font-weight:700;text-decoration:none;outline:none}.able-playlist li.able-current button:active,.able-playlist li.able-current button:focus,.able-playlist li.able-current button:hover{color:#000}.able-search-results ul li{font-size:1.1em;margin-bottom:1em}.able-search-results-time{font-weight:700;text-decoration:underline;cursor:pointer}.able-search-results-time:active,.able-search-results-time:focus,.able-search-results-time:hover{color:#fff;background-color:#000;text-decoration:none}.able-search-results-text{padding-left:1em}.able-search-term{background-color:#ffc;font-weight:700}#able-vts-instructions{margin-bottom:1.5em;padding:1em;border:1px solid #999;width:720px;max-width:90%}#able-vts fieldset{margin:1em;border:none}#able-vts fieldset legend{color:#000;font-weight:700}[dir=ltr] #able-vts fieldset div{float:left}[dir=rtl] #able-vts fieldset div{float:right}#able-vts fieldset div{padding-right:1em}[dir=ltr] #able-vts table{clear:left}[dir=rtl] #able-vts table{clear:right}#able-vts table,#able-vts table td,#able-vts table th{border:1px solid #000;border-collapse:collapse;padding:.5em .75em}#able-vts table th.actions{min-width:140px}#able-vts table td button{width:auto;padding:0;margin:2px}#able-vts table td button svg{width:16px;height:16px}#able-vts table button:hover svg{fill:#c00}tr.kind-chapters,tr.kind-subtitles{background-color:#fff}tr.kind-descriptions{background-color:#fee}tr.kind-chapters{background-color:#e6ffe6}.able-vts-dragging{background-color:#ffc}div#able-vts-icon-credit{margin:1em}div#able-vts-alert{display:none;position:fixed;top:5px;left:5px;border:2px solid #666;background-color:#ffc;padding:1em;font-weight:700;z-index:9400}button#able-vts-save{font-size:1em;padding:.25em;border-radius:5px;margin-bottom:1em;font-weight:700}button#able-vts-save:focus,button#able-vts-save:hover{color:#fff;background-color:#060}#able-vts textarea,.able-vts-output-instructions{width:720px;max-width:90%}#able-vts textarea{height:200px}.able-clipped,.able-screenreader-alert{position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);width:1px!important;height:1px!important;overflow:hidden!important}.able-error{display:block;background:#ffc;border:2px solid #000;color:red;margin:.75em;padding:.5em}.able-fallback{display:block;text-align:center;border:2px solid #335;background-color:#eee;color:#000;font-weight:700;font-size:1.1em;padding:1em;margin-bottom:1em;max-width:500px;width:95%}[dir=ltr] .able-fallback div,[dir=ltr] .able-fallback p,[dir=ltr] .able-fallback ul{text-align:left}[dir=rtl] .able-fallback div,[dir=rtl] .able-fallback p,[dir=rtl] .able-fallback ul{text-align:right}.able-fallback li{font-weight:400}.able-fallback img{width:90%;margin:1em auto;opacity:.3}.able-fallback img.able-poster{position:relative}button svg{display:inline-block;width:1em;height:1em;fill:currentColor}@font-face{font-family:able;src:url(../ableplayer/button-icons/fonts/able.eot?dqripi);src:url(../ableplayer/button-icons/fonts/able.eot?dqripi#iefix) format("embedded-opentype"),url(../ableplayer/button-icons/fonts/able.ttf?dqripi) format("truetype"),url(../ableplayer/button-icons/fonts/able.woff?dqripi) format("woff"),url(../ableplayer/button-icons/fonts/able.svg?dqripi#able) format("svg");font-weight:400;font-style:normal}[class*=" icon-"],[class^=icon-]{font-family:able!important;speak:none;font-style:normal;font-weight:400;-webkit-font-feature-settings:normal;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-play:before{content:"\f04b"}.icon-pause:before{content:"\f04c"}.icon-stop:before{content:"\f04d"}.icon-restart:before{content:"\e900"}.icon-rewind:before{content:"\e603"}.icon-forward:before{content:"\e604"}.icon-previous:before{content:"\e901"}.icon-next:before{content:"\e902"}.icon-slower:before{content:"\f0dd"}.icon-faster:before{content:"\f0de"}.icon-turtle:before{content:"\e904"}.icon-rabbit:before{content:"\e905"}.icon-ellipsis:before{content:"\e903"}.icon-pipe:before{content:"\e600"}.icon-captions:before{content:"\e601"}.icon-descriptions:before{content:"\e602"}.icon-sign:before{content:"\e60a"}.icon-volume-mute:before{content:"\e606"}.icon-volume-soft:before{content:"\e60c"}.icon-volume-medium:before{content:"\e605"}.icon-volume-loud:before{content:"\e60b"}.icon-volume-up:before{content:"\e607"}.icon-volume-down:before{content:"\e608"}.icon-chapters:before{content:"\e609"}.icon-transcript:before{content:"\f15c"}.icon-preferences:before{content:"\e60d"}.icon-close:before{content:"\f00d"}.icon-fullscreen-expand:before{content:"\f065"}.icon-fullscreen-collapse:before{content:"\f066"}.icon-help:before{content:"\f128"}pre{white-space:pre-wrap}.highlight{font-size:14px;color:#036;color:var(--w3c-blue);-moz-tab-size:2;-o-tab-size:2;tab-size:2;-webkit-font-feature-settings:"liga","clig off";font-feature-settings:"liga","clig off";-webkit-font-variant-ligatures:no-common-ligatures;font-variant-ligatures:no-common-ligatures}.highlight .c{color:#3b3b3b;color:var(--dk-grey)}.highlight .err,.highlight .g{color:#036;color:var(--w3c-blue)}.highlight .k{color:#005a6a;color:var(--wai-green)}.highlight .l,.highlight .n{color:#036;color:var(--w3c-blue)}.highlight .o{color:#005a6a;color:var(--wai-green)}.highlight .x{color:#c0272d;color:var(--faded-red)}.highlight .p{color:#036;color:var(--w3c-blue)}.highlight .cm{color:#3b3b3b;color:var(--dk-grey)}.highlight .cp{color:#005a6a;color:var(--wai-green)}.highlight .c1{color:#3b3b3b;color:var(--dk-grey)}.highlight .cs,.highlight .gd{color:#005a6a;color:var(--wai-green)}.highlight .ge{color:#036;color:var(--w3c-blue);font-weight:700}.highlight .gh,.highlight .gr{color:#c0272d;color:var(--faded-red)}.highlight .gi{color:#005a6a;color:var(--wai-green)}.highlight .go,.highlight .gp,.highlight .gs{color:#036;color:var(--w3c-blue)}.highlight .gs{font-weight:700}.highlight .gu{color:#c0272d;color:var(--faded-red)}.highlight .gt{color:#036;color:var(--w3c-blue)}.highlight .kc{color:#c0272d;color:var(--faded-red)}.highlight .kd{color:#005a9c;color:var(--w3c-classic)}.highlight .kn,.highlight .kp{color:#005a6a;color:var(--wai-green)}.highlight .kr{color:#005a9c;color:var(--w3c-classic)}.highlight .kt{color:#c0272d;color:var(--faded-red)}.highlight .ld{color:#036;color:var(--w3c-blue)}.highlight .m,.highlight .s{color:#005a6a;color:var(--wai-green)}.highlight .na{color:#036;color:var(--w3c-blue)}.highlight .nb{color:#c0272d;color:var(--faded-red)}.highlight .nc{color:#005a9c;color:var(--w3c-classic)}.highlight .no{color:#c0272d;color:var(--faded-red)}.highlight .nd{color:#005a9c;color:var(--w3c-classic)}.highlight .ne,.highlight .ni{color:#c0272d;color:var(--faded-red)}.highlight .nf{color:#005a9c;color:var(--w3c-classic)}.highlight .nl,.highlight .nn,.highlight .nx,.highlight .py{color:#036;color:var(--w3c-blue)}.highlight .nt,.highlight .nv{color:#005a9c;color:var(--w3c-classic)}.highlight .ow{color:#005a6a;color:var(--wai-green)}.highlight .w{color:#036;color:var(--w3c-blue)}.highlight .mf,.highlight .mh,.highlight .mi,.highlight .mo{color:#005a6a;color:var(--wai-green)}.highlight .sb{color:#3b3b3b;color:var(--dk-grey)}.highlight .sc{color:#005a6a;color:var(--wai-green)}.highlight .sd{color:#036;color:var(--w3c-blue)}.highlight .s2{color:#005a6a;color:var(--wai-green)}.highlight .se{color:#c0272d;color:var(--faded-red)}.highlight .sh{color:#036;color:var(--w3c-blue)}.highlight .si,.highlight .sx{color:#005a6a;color:var(--wai-green)}.highlight .sr{color:#c0272d;color:var(--faded-red)}.highlight .s1,.highlight .ss{color:#005a6a;color:var(--wai-green)}.highlight .bp,.highlight .vc,.highlight .vg,.highlight .vi{color:#005a9c;color:var(--w3c-classic)}.highlight .il{color:#005a6a;color:var(--wai-green)}:not(.highlight) code{-webkit-font-feature-settings:"liga","clig off";font-feature-settings:"liga","clig off";-webkit-font-variant-ligatures:no-common-ligatures;font-variant-ligatures:no-common-ligatures;color:#036;color:var(--w3c-blue)}
1
+ :root{--w3c-classic:#005a9c;--w3c-blue:#036;--wai-green:#005a6a;--off-black:#1d1d1d;--dk-grey:#3b3b3b;--faded-red:#c0272d;--light-blue:#196cac;--dk-blue:#091832;--gold:#eed009;--gold-light:rgba(238,208,9,.35);--ocean:#00818d;--cloudy:#bccbd3;--grey:#686868;--line-grey:#ddd;--trans-line-grey:hsla(0,0%,87%,.32);--off-white:#f2f2f2;--body-bg:#fafafc;--lt-off-white:#fafafa;--pure-white:#fff;--white-transparent:hsla(0,0%,100%,.92);--visited-link:#606;--footer-grey:#efefef}.no-display,.visuallyhidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.no-display.focusable:active,.no-display.focusable:focus,.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;-webkit-clip-path:none;clip-path:none;height:auto;margin:0;overflow:visible;position:static;width:auto;white-space:inherit}@font-face{font-family:Noto Sans;src:url(../fonts/notosans/notosans-regular.woff2) format("woff2"),url(../fonts/notosans/notosans-regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Noto Sans;src:url(../fonts/notosans/notosans-italic.woff2) format("woff2"),url(../fonts/notosans/notosans-italic.woff) format("woff");font-weight:400;font-style:italic}@font-face{font-family:Noto Sans;src:url(../fonts/notosans/notosans-bold.woff2) format("woff2"),url(../fonts/notosans/notosans-bold.woff) format("woff");font-weight:600;font-style:normal}@font-face{font-family:Noto Sans;src:url(../fonts/notosans/notosans-bolditalic.woff2) format("woff2"),url(../fonts/notosans/notosans-bolditalic.woff) format("woff");font-weight:600;font-style:italic}@font-face{font-family:Noto Sans Mono;src:url(../fonts/notosansmono/notosansmono-semicondensed.woff2) format("woff2"),url(../fonts/notosansmono/notosansmono-semicondensed.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Noto Sans Mono;src:url(../fonts/notosansmono/notosansmono-semicondensedbold.woff2) format("woff2"),url(../fonts/notosansmono/notosansmono-semicondensedbold.woff) format("woff");font-weight:600;font-style:normal}@font-face{font-family:Noto Naskh Arabic Minimal;src:url(../fonts/notonaskh/regular-minimal.woff2) format("woff2"),url(../fonts/notonaskh/regular-minimal.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Noto Naskh Arabic Minimal;src:url(../fonts/notonaskh/bold-minimal.woff2) format("woff2"),url(../fonts/notonaskh/bold-minimal.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:Noto Naskh Arabic;src:url(../fonts/notonaskh/regular.woff2) format("woff2"),url(../fonts/notonaskh/regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Noto Naskh Arabic;src:url(../fonts/notonaskh/bold.woff2) format("woff2"),url(../fonts/notonaskh/bold.woff) format("woff");font-weight:700;font-style:normal}html{background-color:#f2f2f2;background-color:var(--off-white)}@media print{html{background-color:#fff}}body{font-family:Noto Sans,Trebuchet MS,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-size:16px;font-size:1rem;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;background-color:#fafafc;background-color:var(--body-bg);color:#1d1d1d;color:var(--off-black);padding:0;padding:constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);margin:0 auto;max-width:1250px}@supports (display:grid){body{max-width:none;margin:0}}@media print{body{color:#000;background-color:#fff;font-size:10pt;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}}body:lang(ar){font-family:Noto Naskh Arabic,Noto Sans,Trebuchet MS,Helvetica Neue,Arial,sans-serif}body:not(:lang(ar)) :lang(ar){font-family:Noto Naskh Arabic Minimal,Noto Sans,Trebuchet MS,Helvetica Neue,Arial,sans-serif}code{font-size:1em;font-family:Noto Sans Mono,monospace}a{color:#036;color:var(--w3c-blue)}a:focus,a:hover{color:#005a6a;color:var(--wai-green)}a:visited{color:#606;color:var(--visited-link)}a.stealthy-link{text-decoration:none}a.stealthy-link:focus,a.stealthy-link:hover,a.stealthy-link:visited{color:inherit}@media print{a{color:#000}a[href^="#"]:after{content:"(⇘ " attr(href) ")"}a[href^=http]:after{content:" (" attr(href) ")"}a[href^="/WAI/"]:after{content:" (https://www.w3.org" attr(href) ")"}}[tabindex]:not([tabindex="-1"]),a,button,input,select,submit,textarea{outline:2px solid transparent;outline-offset:5px;transition:outline-offset .2s linear}[tabindex]:not([tabindex="-1"]):focus,a:focus,button:focus,input:focus,select:focus,submit:focus,textarea:focus{outline-color:currentColor;outline-offset:2px}.default-container,.default-grid{padding:0 32px}@media (min-width:35em){.default-container,.default-grid{padding:0}}.default-grid{padding:0 16px}@media (min-width:60em){[dir=ltr] .default-grid{padding-left:32px}[dir=ltr] .default-grid,[dir=rtl] .default-grid{padding-right:32px}[dir=rtl] .default-grid{padding-left:32px}.default-grid{padding:0;display:-webkit-box;display:-ms-flexbox;display:flex}@supports (display:grid){.default-grid{display:grid;grid-column-gap:32px;padding:0;max-width:none;grid-template-columns:[complete-start] minmax(16px,1fr) [navigation-start] repeat(2,minmax(0,130px)) [navigation-end content-start] repeat(6,minmax(0,130px)) [content-end] minmax(16px,1fr) [complete-end]}}.default-grid .inner{grid-column-start:navigation-start;grid-column-end:content-end}}@media print{.default-grid{display:block}}@media (min-width:60em){[dir=ltr] .grid-3{padding-left:32px}[dir=ltr] .grid-3,[dir=rtl] .grid-3{padding-right:32px}[dir=rtl] .grid-3{padding-left:32px}.grid-3{display:-webkit-box;display:-ms-flexbox;display:flex}@supports (display:grid){.grid-3{display:grid;grid-column-gap:32px;padding:0;max-width:none;grid-template-columns:repeat(3,minmax(0,1fr))}}.grid-3.nogap{grid-column-gap:0}}.grid-3 .col1,.grid-3 .from-col1{grid-column-start:1}.grid-3 .col1,.grid-3 .to-col1{grid-column-end:2}.grid-3 .col2,.grid-3 .from-col2{grid-column-start:2}.grid-3 .col2,.grid-3 .to-col2{grid-column-end:3}.grid-3 .col3,.grid-3 .from-col3{grid-column-start:3}.grid-3 .col3,.grid-3 .to-col3{grid-column-end:4}@media (min-width:60em){[dir=ltr] .grid-4{padding-left:32px}[dir=ltr] .grid-4,[dir=rtl] .grid-4{padding-right:32px}[dir=rtl] .grid-4{padding-left:32px}.grid-4{display:-webkit-box;display:-ms-flexbox;display:flex}@supports (display:grid){.grid-4{display:grid;grid-column-gap:32px;padding:0;max-width:none;grid-template-columns:repeat(4,minmax(0,1fr))}}.grid-4.nogap{grid-column-gap:0}}.grid-4 .col1,.grid-4 .from-col1{grid-column-start:1}.grid-4 .col1,.grid-4 .to-col1{grid-column-end:2}.grid-4 .col2,.grid-4 .from-col2{grid-column-start:2}.grid-4 .col2,.grid-4 .to-col2{grid-column-end:3}.grid-4 .col3,.grid-4 .from-col3{grid-column-start:3}.grid-4 .col3,.grid-4 .to-col3{grid-column-end:4}.grid-4 .col4,.grid-4 .from-col4{grid-column-start:4}.grid-4 .col4,.grid-4 .to-col4{grid-column-end:5}@media (min-width:60em){[dir=ltr] .grid-6{padding-left:32px}[dir=ltr] .grid-6,[dir=rtl] .grid-6{padding-right:32px}[dir=rtl] .grid-6{padding-left:32px}.grid-6{display:-webkit-box;display:-ms-flexbox;display:flex}@supports (display:grid){.grid-6{display:grid;grid-column-gap:32px;padding:0;max-width:none;grid-template-columns:repeat(6,minmax(0,1fr))}}}.grid-6 .col1,.grid-6 .from-col1{grid-column-start:1}.grid-6 .col1,.grid-6 .to-col1{grid-column-end:2}.grid-6 .col2,.grid-6 .from-col2{grid-column-start:2}.grid-6 .col2,.grid-6 .to-col2{grid-column-end:3}.grid-6 .col3,.grid-6 .from-col3{grid-column-start:3}.grid-6 .col3,.grid-6 .to-col3{grid-column-end:4}.grid-6 .col4,.grid-6 .from-col4{grid-column-start:4}.grid-6 .col4,.grid-6 .to-col4{grid-column-end:5}.grid-6 .col5,.grid-6 .from-col5{grid-column-start:5}.grid-6 .col5,.grid-6 .to-col5{grid-column-end:6}.grid-6 .col6,.grid-6 .from-col6{grid-column-start:6}.grid-6 .col6,.grid-6 .to-col6{grid-column-end:7}.grid-6 .col1,.grid-6 .col2,.grid-6 .col3,.grid-6 .col4,.grid-6 .col5,.grid-6 .col6,.grid-6 .from-col2,.grid-6 .from-col3,.grid-6 .from-col4,.grid-6 .from-col5,.grid-6 .from-col6,.grid-6.from-col1{-ms-flex-preferred-size:25%;flex-basis:25%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}[dir=ltr] .grid-6 .col2,[dir=ltr] .grid-6 .col3,[dir=ltr] .grid-6 .col4,[dir=ltr] .grid-6 .col5,[dir=ltr] .grid-6 .col6,[dir=ltr] .grid-6 .from-col2,[dir=ltr] .grid-6 .from-col3,[dir=ltr] .grid-6 .from-col4,[dir=ltr] .grid-6 .from-col5,[dir=ltr] .grid-6 .from-col6{margin-left:32px}[dir=rtl] .grid-6 .col2,[dir=rtl] .grid-6 .col3,[dir=rtl] .grid-6 .col4,[dir=rtl] .grid-6 .col5,[dir=rtl] .grid-6 .col6,[dir=rtl] .grid-6 .from-col2,[dir=rtl] .grid-6 .from-col3,[dir=rtl] .grid-6 .from-col4,[dir=rtl] .grid-6 .from-col5,[dir=rtl] .grid-6 .from-col6{margin-right:32px}@supports (display:grid){[dir=ltr] .grid-6 .col2,[dir=ltr] .grid-6 .col3,[dir=ltr] .grid-6 .col4,[dir=ltr] .grid-6 .col5,[dir=ltr] .grid-6 .col6,[dir=ltr] .grid-6 .from-col2,[dir=ltr] .grid-6 .from-col3,[dir=ltr] .grid-6 .from-col4,[dir=ltr] .grid-6 .from-col5,[dir=ltr] .grid-6 .from-col6{margin-left:0}[dir=rtl] .grid-6 .col2,[dir=rtl] .grid-6 .col3,[dir=rtl] .grid-6 .col4,[dir=rtl] .grid-6 .col5,[dir=rtl] .grid-6 .col6,[dir=rtl] .grid-6 .from-col2,[dir=rtl] .grid-6 .from-col3,[dir=rtl] .grid-6 .from-col4,[dir=rtl] .grid-6 .from-col5,[dir=rtl] .grid-6 .from-col6{margin-right:0}}.grid-6.from-col1.to-col6{width:100%}[dir=ltr] .grid-three-five .col1,[dir=ltr] .grid-three-five .col2{padding-left:16px}[dir=ltr] .grid-three-five .col1,[dir=ltr] .grid-three-five .col2,[dir=rtl] .grid-three-five .col1,[dir=rtl] .grid-three-five .col2{padding-right:16px}[dir=rtl] .grid-three-five .col1,[dir=rtl] .grid-three-five .col2{padding-left:16px}@media (min-width:35em){[dir=ltr] .grid-three-five{padding-left:32px}[dir=ltr] .grid-three-five,[dir=rtl] .grid-three-five{padding-right:32px}[dir=rtl] .grid-three-five{padding-left:32px}.grid-three-five{display:-webkit-box;display:-ms-flexbox;display:flex}@supports (display:grid){.grid-three-five{display:grid;grid-column-gap:32px;padding:0;max-width:none;grid-template-columns:[complete-start] 0 [three-start five-start] 1fr [three-end five-end] 0 [complete-end]}@media (min-width:35em){.grid-three-five{grid-template-columns:[complete-start] minmax(16px,1fr) [three-start] repeat(3,minmax(0,130px)) [three-end five-start] repeat(5,minmax(0,130px)) [five-end] minmax(16px,1fr) [complete-end]}}}.grid-three-five .col1,.grid-three-five .col2{padding:0}}.grid-three-five .col1,.grid-three-five .col2{-ms-flex-negative:1;flex-shrink:1}[dir=ltr] .grid-three-five .col1{margin-right:32px}[dir=rtl] .grid-three-five .col1{margin-left:32px}.grid-three-five .col1{-ms-flex-preferred-size:35%;flex-basis:35%;grid-column-start:three-start;grid-column-end:three-end}@supports (display:grid){[dir=ltr] .grid-three-five .col1{margin-right:0}[dir=rtl] .grid-three-five .col1{margin-left:0}}.grid-three-five .col2{-ms-flex-preferred-size:61%;flex-basis:61%;grid-column-start:five-start;grid-column-end:five-end}.grid-three-five .col12{-ms-flex-preferred-size:100%;flex-basis:100%;grid-column-start:three-start;grid-column-end:five-end}[dir=ltr] .grid-five-three .col1,[dir=ltr] .grid-five-three .col2{padding-left:16px}[dir=ltr] .grid-five-three .col1,[dir=ltr] .grid-five-three .col2,[dir=rtl] .grid-five-three .col1,[dir=rtl] .grid-five-three .col2{padding-right:16px}[dir=rtl] .grid-five-three .col1,[dir=rtl] .grid-five-three .col2{padding-left:16px}@media (min-width:35em){[dir=ltr] .grid-five-three{padding-left:32px}[dir=ltr] .grid-five-three,[dir=rtl] .grid-five-three{padding-right:32px}[dir=rtl] .grid-five-three{padding-left:32px}.grid-five-three{display:-webkit-box;display:-ms-flexbox;display:flex}@supports (display:grid){.grid-five-three{display:grid;grid-column-gap:32px;padding:0;max-width:none;grid-template-columns:[complete-start] 0 [three-start five-start] 1fr [three-end five-end] 0 [complete-end]}@media (min-width:35em){.grid-five-three{grid-template-columns:[complete-start] minmax(16px,1fr) [five-start] repeat(5,minmax(0,130px)) [five-end three-start] repeat(3,minmax(0,130px)) [three-end] minmax(16px,1fr) [complete-end]}}}.grid-five-three .col1,.grid-five-three .col2{padding:0}}.grid-five-three .col1,.grid-five-three .col2{-ms-flex-negative:1;flex-shrink:1}[dir=ltr] .grid-five-three .col1{margin-right:32px}[dir=rtl] .grid-five-three .col1{margin-left:32px}.grid-five-three .col1{-webkit-box-flex:1;-ms-flex:1 1 62%;flex:1 1 62%;grid-column-start:five-start;grid-column-end:five-end}@supports (display:grid){[dir=ltr] .grid-five-three .col1{margin-right:0}[dir=rtl] .grid-five-three .col1{margin-left:0}}.grid-five-three .col2{-webkit-box-flex:1;-ms-flex:1 1 37%;flex:1 1 37%;grid-column-start:three-start;grid-column-end:three-end}.grid-five-three .col12{-ms-flex-preferred-size:100%;flex-basis:100%;grid-column-start:five-start;grid-column-end:three-end}[dir=ltr] .grid-4q{padding-left:32px}[dir=ltr] .grid-4q,[dir=rtl] .grid-4q{padding-right:32px}[dir=rtl] .grid-4q{padding-left:32px}.grid-4q{display:-webkit-box;display:-ms-flexbox;display:flex}@supports (display:grid){.grid-4q{display:grid;grid-column-gap:32px;padding:0;max-width:none;grid-template-columns:[complete-start] 0 [q1-start q2-start q3-start q4-start] 1fr [q1-end q2-end q3-end q4-end] 0 [complete-end]}@media (min-width:60em){.grid-4q{grid-template-columns:[complete-start] minmax(16px,1fr) [content-start q1-start] repeat(2,minmax(0,130px)) [q1-end q2-start] repeat(2,minmax(0,130px)) [q2-end q3-start] repeat(2,minmax(0,130px)) [q3-end q4-start] repeat(2,minmax(0,130px)) [q4-end content-end] minmax(16px,1fr) [complete-end]}}}.grid-4q.nogap{grid-template-columns:[complete-start] 0 [q1-start q2-start q3-start q4-start] 1fr [q1-end q2-end q3-end q4-end] 0 [complete-end]}@media (min-width:60em){.grid-4q.nogap{grid-template-columns:[complete-start] minmax(16px,1fr) [content-start q1-start] repeat(2,minmax(0,158px)) [q1-end q2-start] repeat(2,minmax(0,158px)) [q2-end q3-start] repeat(2,minmax(0,158px)) [q3-end q4-start] repeat(2,minmax(0,158px)) [q4-end content-end] minmax(16px,1fr) [complete-end]}}.grid-4q.nogap{grid-column-gap:0}[dir=ltr] .grid-4q .q1-start{margin-right:32px}[dir=rtl] .grid-4q .q1-start{margin-left:32px}.grid-4q .q1-start{-ms-flex-preferred-size:25%;flex-basis:25%;-ms-flex-negative:1;flex-shrink:1;grid-column-start:q1-start}[dir=ltr] .grid-4q .q2-start{margin-right:32px}[dir=rtl] .grid-4q .q2-start{margin-left:32px}.grid-4q .q2-start{-ms-flex-preferred-size:25%;flex-basis:25%;-ms-flex-negative:1;flex-shrink:1;grid-column-start:q2-start}[dir=ltr] .grid-4q .q3-start{margin-right:32px}[dir=rtl] .grid-4q .q3-start{margin-left:32px}.grid-4q .q3-start{-ms-flex-preferred-size:25%;flex-basis:25%;-ms-flex-negative:1;flex-shrink:1;grid-column-start:q3-start}[dir=ltr] .grid-4q .q4-start{margin-right:32px}[dir=rtl] .grid-4q .q4-start{margin-left:32px}.grid-4q .q4-start{-ms-flex-preferred-size:25%;flex-basis:25%;-ms-flex-negative:1;flex-shrink:1;grid-column-start:q4-start}.grid-4q .q1-end{grid-column-end:q1-end}.grid-4q .q2-end{grid-column-end:q2-end}.grid-4q .q3-end{grid-column-end:q3-end}[dir=ltr] .grid-4q .q4-end{margin-right:0}[dir=rtl] .grid-4q .q4-end{margin-left:0}.grid-4q .q4-end{grid-column-end:q4-end}.grid-4q .q1-start.q2-end,.grid-4q .q2-start.q3-end,.grid-4q .q3-start.q4-end{-ms-flex-preferred-size:50%;flex-basis:50%}.grid-4q .q1-start.q3-end,.grid-4q .q2-start.q4-end{-ms-flex-preferred-size:75%;flex-basis:75%}[dir=ltr] .grid-4q.nogap .q1-start,[dir=ltr] .grid-4q.nogap .q2-start,[dir=ltr] .grid-4q.nogap .q3-start,[dir=ltr] .grid-4q.nogap .q4-start{margin-right:0}[dir=rtl] .grid-4q.nogap .q1-start,[dir=rtl] .grid-4q.nogap .q2-start,[dir=rtl] .grid-4q.nogap .q3-start,[dir=rtl] .grid-4q.nogap .q4-start{margin-left:0}@supports(display:grid){[dir=ltr] .grid-4q .q1-start,[dir=ltr] .grid-4q .q2-start,[dir=ltr] .grid-4q .q3-start,[dir=ltr] .grid-4q .q4-start{margin-right:0}[dir=rtl] .grid-4q .q1-start,[dir=rtl] .grid-4q .q2-start,[dir=rtl] .grid-4q .q3-start,[dir=rtl] .grid-4q .q4-start{margin-left:0}}.leftcol nav{-ms-flex-preferred-size:24.25%;flex-basis:24.25%;-ms-flex-negative:0;flex-shrink:0}[dir=ltr] .leftcol main{margin-left:32px}[dir=rtl] .leftcol main{margin-right:32px}.leftcol main{grid-area:content;-webkit-box-flex:1;-ms-flex:1;flex:1}@supports (display:grid){[dir=ltr] .leftcol main{margin-left:0}[dir=rtl] .leftcol main{margin-right:0}}@media (min-width:35em){[dir=ltr] .grid-line-right{border-right:1px solid #ddd}[dir=rtl] .grid-line-right{border-left:1px solid #ddd}[dir=ltr] .grid-line-right{border-right:1px solid var(--line-grey)}[dir=rtl] .grid-line-right{border-left:1px solid var(--line-grey)}[dir=ltr] .grid-line-right{margin-right:-17px!important}[dir=rtl] .grid-line-right{margin-left:-17px!important}[dir=ltr] .grid-line-right{padding-right:17px!important}[dir=rtl] .grid-line-right{padding-left:17px!important}}@media (min-width:35em){[dir=ltr] .grid-line-left{border-left:1px solid #ddd}[dir=rtl] .grid-line-left{border-right:1px solid #ddd}[dir=ltr] .grid-line-left{border-left:1px solid var(--line-grey)}[dir=rtl] .grid-line-left{border-right:1px solid var(--line-grey)}[dir=ltr] .grid-line-left{margin-left:-16px!important}[dir=rtl] .grid-line-left{margin-right:-16px!important}[dir=ltr] .grid-line-left{padding-left:16px!important}[dir=rtl] .grid-line-left{padding-right:16px!important}}.able-media-container,.media-wrapper{position:relative;padding-top:56.25%}.able-media-container .img,.able-media-container iframe,.able-media-container video,.media-wrapper .img,.media-wrapper iframe,.media-wrapper video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none}.contentarea{position:relative}[dir=ltr] img.symbol{float:right}[dir=rtl] img.symbol{float:left}[dir=ltr] img.symbol{margin-left:1em}[dir=rtl] img.symbol{margin-right:1em}img.symbol{margin-bottom:1em}main img{max-width:100%}figure{margin:0 0 1em}figcaption{font-weight:700;border-bottom:1px solid #ddd;border-bottom:1px solid var(--line-grey);margin-bottom:.5em}.button,button{cursor:pointer;border-radius:5px;display:inline-block;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:8px 12px;border:2px solid #005a6a;border:2px solid var(--wai-green);font-size:13px;font-size:.8125rem;line-height:1.4;background-color:#005a6a;background-color:var(--wai-green);text-decoration:none;font-weight:700}.button,.button:visited,button,button:visited{color:#fff;color:var(--pure-white)}.button.button-nobg,button.button-nobg{background:transparent}.button.button-nobg:focus,.button.button-nobg:hover,button.button-nobg:focus,button.button-nobg:hover{background-color:transparent;border-color:#fff;border-color:var(--pure-white)}.button.button-noborder,button.button-noborder{border-color:transparent}.button.button-noborder:focus,.button.button-noborder:hover,button.button-noborder:focus,button.button-noborder:hover{border-color:#fff;border-color:var(--pure-white)}.button.button-small,button.button-small{padding:2px 4px}.button.button-inline,button.button-inline{padding:0}.button:focus,.button:hover,.stealthy-link:focus span.button,.stealthy-link:hover span.button,button:focus,button:hover{background-color:#036;background-color:var(--w3c-blue);color:#fff;color:var(--pure-white)}.button:focus,.button:hover,button:focus,button:hover{border-color:#036;border-color:var(--w3c-blue)}.button:focus,button:focus{outline-color:#036;outline-color:var(--w3c-blue)}.button:disabled,button:disabled{opacity:.75;text-decoration:line-through}.button-secondary{background-color:#fff;background-color:var(--pure-white);color:#005a6a;color:var(--wai-green)}.button-secondary:visited{color:#036;color:var(--w3c-blue)}.button-secondary:visited:focus,.button-secondary:visited:hover{color:#fff;color:var(--pure-white)}.button-backtotop{position:fixed;cursor:pointer;bottom:16px;right:16px;left:auto}[dir=rtl] .button-backtotop{right:auto;left:16px}.button-backtotop{opacity:.85;border-radius:100px;background-color:#036;background-color:var(--w3c-blue);border-color:#036;border-color:var(--w3c-blue);box-shadow:0 2px 4px 0 rgba(0,0,0,.5);opacity:0;transition:opacity .5s linear}.button-backtotop.active,.button-backtotop:focus{opacity:1}.button-backtotop svg{vertical-align:-1px}[dir=ltr] .button-backtotop.inline{float:right}[dir=rtl] .button-backtotop.inline{float:left}.button-backtotop.inline{position:static}.button-menu{text-transform:uppercase;background-color:#fff;background-color:var(--pure-white);color:#036;color:var(--w3c-blue);border-color:#eed009;border-color:var(--gold)}.button-menu:focus,.button-menu:hover{border-color:#fff;border-color:var(--pure-white);background-color:#eed009;background-color:var(--gold);color:#1d1d1d;color:var(--off-black)}.button-group{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -8px}.button-group .button,.button-group button{min-width:7em;-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center;margin:8px}[dir=ltr] img.left{float:left}[dir=rtl] img.left{float:right}[dir=ltr] img.left{margin-right:1em}[dir=rtl] img.left{margin-left:1em}[dir=ltr] img.right{clear:right}[dir=rtl] img.right{clear:left}[dir=ltr] img.right{float:right}[dir=rtl] img.right{float:left}[dir=ltr] img.right{margin-left:1em}[dir=rtl] img.right{margin-right:1em}mark{background-color:rgba(238,208,9,.35);background-color:var(--gold-light)}p{margin:1em 0}.showhidebutton{display:inline;background:transparent;color:inherit;border-color:transparent;font-weight:400}[dir=ltr] .showhidebutton:after{margin-left:.5em}[dir=rtl] .showhidebutton:after{margin-right:.5em}.showhidebutton:after{display:inline-block;background-color:#036;background-color:var(--w3c-blue);color:#fff;color:var(--pure-white);content:"–";font-weight:700;padding:.3em;border-radius:3px;width:1em;height:1em;line-height:1em}.showhidebutton:focus:after,.showhidebutton:hover:after{color:#036;color:var(--w3c-blue);background-color:#fff!important;background-color:var(--pure-white)!important}.showhidebutton[aria-expanded=false]:after{content:"+"}blockquote{font-style:italic;margin-bottom:1em}blockquote cite{display:block;font-style:normal;padding-left:32px;padding-left:2rem}[dir=ltr] blockquote cite:before{margin-left:-32px;margin-left:-2rem}[dir=rtl] blockquote cite:before{margin-right:-32px;margin-right:-2rem}blockquote cite:before{content:"— ";font-weight:700;width:32px;width:2rem;display:inline-block}[dir=ltr] blockquote p:first-of-type:before{margin-left:-.75ch}[dir=rtl] blockquote p:first-of-type:before{margin-right:-.75ch}blockquote p:first-of-type:before{content:"“"}blockquote p:last-of-type{margin-bottom:0}blockquote p:last-of-type:after{content:"”"}blockquote.special{text-align:center}[dir=ltr] blockquote.pull{margin-left:64px;margin-left:4rem}[dir=rtl] blockquote.pull{margin-right:64px;margin-right:4rem}[dir=ltr] blockquote.pull{border-left:2px solid #ddd}[dir=rtl] blockquote.pull{border-right:2px solid #ddd}[dir=ltr] blockquote.pull{border-left:2px solid var(--line-grey)}[dir=rtl] blockquote.pull{border-right:2px solid var(--line-grey)}blockquote.pull{position:relative;font-size:20px;font-size:1.25rem;padding-left:1ch;border:1px solid transparent;color:#036;color:var(--w3c-blue);font-weight:700}blockquote.pull.left,blockquote.pull.right{max-width:256px;max-width:16rem}[dir=ltr] blockquote.pull.right{float:right}[dir=ltr] blockquote.pull.left,[dir=rtl] blockquote.pull.right{float:left}[dir=rtl] blockquote.pull.left{float:right}[dir=ltr] blockquote.pull.left{margin-right:32px;margin-right:2rem}[dir=rtl] blockquote.pull.left{margin-left:32px;margin-left:2rem}[dir=ltr] blockquote.pull p:first-of-type:before{margin-left:-1.25ch}[dir=rtl] blockquote.pull p:first-of-type:before{margin-right:-1.25ch}blockquote.pull p:first-of-type:before{font-size:80px;font-size:5rem;position:absolute;left:0;top:-.25ch}blockquote.pull cite{margin-top:8px;margin-top:.5rem;font-size:16px;font-size:1rem;font-weight:400;color:#1d1d1d;color:var(--off-black)}blockquote.pull.alt-1{color:#005a9c;color:var(--w3c-classic)}blockquote.pull.alt-2{color:#005a6a;color:var(--wai-green)}blockquote.pull.alt-3{color:#1d1d1d;color:var(--off-black)}.box{border:1px solid #ddd;border:solid 1px var(--line-grey);margin-top:16px;background-color:#fff;background-color:var(--pure-white)}.box+.box#toc{margin-top:0;border-top:0}.box.box-space-above{margin-top:90px}.box-h{padding:8px 16px;color:#005a6a;color:var(--wai-green)}@media print{.box-h{color:#000}}.box-h{font-weight:700;background-color:#f2f2f2;background-color:var(--off-white)}.box-h h1,.box-h h2,.box-h h3,.box-h h4,.box-h h5,.box-h h6{border:none;font-size:inherit;color:inherit;margin:0;padding:0;font-weight:inherit;display:inline-block}@supports (all:unset){.box-h h1,.box-h h2,.box-h h3,.box-h h4,.box-h h5,.box-h h6{all:unset}}.box-h-large{font-size:20px;font-size:1.25rem;color:#036;color:var(--w3c-blue);padding-bottom:7px;font-weight:400;border-bottom:1px solid #ddd;border-bottom:solid 1px var(--line-grey)}[dir=ltr] .box-h-icon svg{margin-right:4px}[dir=rtl] .box-h-icon svg{margin-left:4px}.box-i:after,.box-i:before{content:" ";display:table}.box-i:after{clear:both}.box-i{padding:8px 16px;font-size:14/16 * 16px;font-size:14/16 * 1rem}.box-i>:first-child{margin-top:0}.box-i>:last-child{margin-bottom:0}.box.box-list .box-i ol,.box.box-list .box-i ul{margin:0;padding:0;list-style:none}.box.box-linklist .box-i{padding:0}.box.box-simple .box-i{padding:2px 8px 8px}.box.box-simple .box-h-simple{padding:8px 8px 2px;background-color:transparent;line-height:1.57}.box.box-simple.box-aside .box-i,.box.box-simple .box-h-simple{font-size:14px;font-size:.875rem}@media (min-width:35em){.box.box-left,.box.box-right{width:33%;margin-top:-9px}.box.box-left.box-simple,.box.box-right.box-simple{margin-top:-3px}[dir=ltr] .box.box-left{clear:left}[dir=rtl] .box.box-left{clear:right}[dir=ltr] .box.box-left{float:left}[dir=rtl] .box.box-left{float:right}[dir=ltr] .box.box-left{margin-right:1em}[dir=rtl] .box.box-left{margin-left:1em}[dir=ltr] .box.box-right{clear:right}[dir=rtl] .box.box-right{clear:left}[dir=ltr] .box.box-right{float:right}[dir=rtl] .box.box-right{float:left}[dir=ltr] .box.box-right{margin-left:1em}[dir=rtl] .box.box-right{margin-right:1em}}.breadcrumb{font-size:13px;font-size:.8125rem;background-color:#fff;background-color:var(--pure-white);border-bottom:1px solid #ddd;border-bottom:1px solid var(--line-grey);padding-top:16px;padding-bottom:16px;margin-bottom:32px}.breadcrumb ul{margin:0;padding:0;grid-column:2/10}.breadcrumb ul li{display:inline-block;margin:0;padding:0}.breadcrumb ul li:after{content:" / ";color:#005a6a;color:var(--wai-green);white-space:pre-wrap}.breadcrumb ul li:last-child:after{content:"";display:none}.breadcrumb a{color:#036;color:var(--w3c-blue)}@media print{.breadcrumb a:after{content:""}}.breadcrumb [aria-current=page]{font-weight:700;text-decoration:none}.content{display:grid;grid-area:content;grid-template-columns:repeat(6,minmax(0,120px));grid-column-gap:32px}.content>*{grid-column:1/5;grid-auto-flow:dense}.content{&>.ref-side,>& .aside,>& .demo-side{grid-column:5/7;font-size:14px;font-size:.875rem;line-height:1.2}&>.ref-side p:first-of-type,>& .aside p:first-of-type,>& .demo-side p:first-of-type{margin-top:0}}.content.wide{grid-template-columns:repeat(8,minmax(0,120px));grid-column-start:navigation;grid-column-end:content}.content.wide>*{grid-column:3/9}.content.wide .sn-contents{grid-column:1/3;grid-row:1/99}[dir=ltr] .example-bar{padding-left:32px}[dir=ltr] .example-bar,[dir=rtl] .example-bar{padding-right:32px}[dir=rtl] .example-bar{padding-left:32px}.example-bar{display:-webkit-box;display:-ms-flexbox;display:flex}@supports (display:grid){.example-bar{display:grid;grid-column-gap:32px;padding:0;max-width:none}}.example-bar{grid-template-columns:repeat(6,minmax(0,1fr))}.example-bar>*{grid-column:2/7}[dir=ltr] .example-bar .eg{border-right:2px solid #005a6a}[dir=rtl] .example-bar .eg{border-left:2px solid #005a6a}[dir=ltr] .example-bar .eg{border-right:2px solid var(--wai-green)}[dir=rtl] .example-bar .eg{border-left:2px solid var(--wai-green)}.example-bar .eg{grid-column:1/2;grid-row:1/99;text-align:right;padding:0 8px;font-weight:700;font-style:italic;color:#005a6a;color:var(--wai-green)}[dir=ltr] .example-sheet{padding-right:32px}[dir=rtl] .example-sheet{padding-left:32px}.example-sheet{display:-webkit-box;display:-ms-flexbox;display:flex;padding-inlne-start:32px}@supports (display:grid){.example-sheet{display:grid;grid-column-gap:32px;padding:0;max-width:none}}.example-sheet{grid-template-columns:repeat(6,minmax(0,1fr))}.example-sheet .example-sheet-inner{grid-column:2/6;background-color:#fff;background-color:var(--pure-white);padding:16px 32px}.decision-tree{list-style:none;margin:1em 0;padding:0}.decision-tree>li>strong{display:block;padding:1em .5em}.decision-tree>li>ul{padding:0;list-style:none}@supports (display:flex){.decision-tree>li>ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}}.decision-tree>li>ul>li{text-indent:0;box-sizing:border-box;font-weight:400}@supports (display:flex){.decision-tree>li>ul>li{-ms-flex-preferred-size:25%;flex-basis:25%}}.decision-tree>li>ul>li{padding:.5em;//:1px solid #aaa}@supports (display:flex){.decision-tree>li>ul>li:nth-child(odd){-ms-flex-preferred-size:75%;flex-basis:75%}}.decision-tree>li>ul>li:nth-child(odd):last-child{display:block;-ms-flex-preferred-size:100%;flex-basis:100%}.decision-tree>li>ul>li ul{padding:0;margin:0}.decision-tree>li>ul>li li{padding:0;padding-bottom:.5em;margin-bottom:.5em;border-bottom:1px solid #3b3b3b;border-bottom:1px solid var(--dk-grey);list-style:none}.decision-tree>li>ul>li li>em{display:block;padding-left:1.5em;position:relative;margin-top:.25em;font-style:normal}[dir=ltr] .decision-tree>li>ul>li li>em:before{margin-left:-1.5em}[dir=rtl] .decision-tree>li>ul>li li>em:before{margin-right:-1.5em}.decision-tree>li>ul>li li>em:before{position:absolute;content:"";top:.2em}.decision-tree>li>ul>li li:last-child{border-bottom-style:none;padding-bottom:0;margin-bottom:0}.decision-tree .yes{background-color:color(#036 lightness(95%));background-color:color(var(--w3c-blue) lightness(95%));border-bottom:none}[dir=ltr] .decision-tree .yes li{margin-left:1em}[dir=rtl] .decision-tree .yes li{margin-right:1em}.decision-tree .yes li{list-style:disc}.decision-tree .yes li:only-child{list-style:none}.decision-tree .no{background-color:color(#c0272d lightness(85%));background-color:color(var(--faded-red) lightness(85%));border-bottom:none;position:relative}[dir=ltr] .decision-tree .no:after{margin-left:-8px;margin-left:-.5rem}[dir=rtl] .decision-tree .no:after{margin-right:-8px;margin-right:-.5rem}.decision-tree .no:after{top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:hsla(0,0%,47%,0);border-top-color:color(#c0272d lightness(85%));border-top-color:color(var(--faded-red) lightness(85%));border-width:16px;border-width:1rem;z-index:500}.doc-archived h1:before{content:"Archived"}.doc-draft h1:before{content:"Draft"}.doc-note-translation{font-size:13px;font-size:.8125rem}.doc-note-translation p{margin-top:5px;margin-bottom:5px}.doc-note-translation p:first-of-type{margin-top:0}.doc-note-translation p:last-child{margin-bottom:0}[dir=ltr] .doc-note h1:before{margin-right:8px}[dir=rtl] .doc-note h1:before{margin-left:8px}.doc-note h1:before{background-color:#eed009;background-color:var(--gold);color:#091832;color:var(--dk-blue);display:inline-block;padding:4px 8px;margin-top:-8px;font-size:14px;font-size:.875rem;text-transform:uppercase;letter-spacing:1px;font-weight:700;vertical-align:middle;border-radius:3px}.doc-note-box{border:2px solid #eed009;border:2px solid var(--gold);padding:8px;background-color:#fff;background-color:var(--pure-white);margin-bottom:20px}.doc-note-box p:first-child{margin-top:0}.doc-note-box p:last-child{margin-bottom:0}details{padding-left:32px;padding-left:2rem}[dir=ltr] summary{margin-left:-32px;margin-left:-2rem}[dir=rtl] summary{margin-right:-32px;margin-right:-2rem}summary{cursor:pointer;display:block}summary::-webkit-details-marker{display:none}[dir=ltr] summary>:first-child:before{margin-right:8px;margin-right:.5rem}[dir=rtl] summary>:first-child:before{margin-left:8px;margin-left:.5rem}summary>:first-child:before{content:"+";display:inline-block;border-radius:5px;width:20.8px;width:1.3rem;height:20.8px;height:1.3rem;line-height:.9;background:#fff;background:var(--pure-white);color:#005a6a;color:var(--wai-green);border:2px solid #005a6a;border:2px solid var(--wai-green);text-align:center;font-weight:700}summary:focus>:first-child:before,summary:hover>:first-child:before{background:#036;background:var(--w3c-blue);border-color:#036;border-color:var(--w3c-blue);color:#fff;color:var(--pure-white)}details[open]>summary>:first-child:before{content:"–"}details>div:after{content:"";display:block;clear:both}.excol-all{margin:16px 0}figure.shrink-wrap{box-sizing:border-box;background-color:#fff;background-color:var(--pure-white);width:-webkit-min-content;width:-moz-min-content;width:min-content;max-width:100%;border:1px solid #ddd;border:1px solid var(--line-grey);border-radius:3px;padding:10px}@media (min-width:47.5em){figure.shrink-wrap .figcontent{display:-webkit-box;display:-ms-flexbox;display:flex}figure.shrink-wrap .figcontent>*{-webkit-box-flex:1;-ms-flex:1;flex:1}}figure.shrink-wrap img{border:1px solid #ddd;border:1px solid var(--line-grey);max-width:none!important}figure.shrink-wrap figcaption{font-weight:400;border:none;margin:0}.page-footer,.site-footer{font-size:14px;font-size:.875rem}@media print{.page-footer,.site-footer{font-size:8pt}}.page-footer,.site-footer{padding-top:16px;padding-bottom:16px}.page-footer p:first-of-type,.site-footer p:first-of-type{margin-top:0}.page-footer p:last-of-type,.site-footer p:last-of-type{margin-bottom:0}.page-footer{margin-top:32px;background-color:#efefef;background-color:var(--footer-grey)}.page-footer .inner{grid-area:content}.site-footer{margin-top:32px;padding-top:16px;padding-bottom:16px;background-color:#3b3b3b;background-color:var(--dk-grey);color:#fff;color:var(--pure-white)}@media print{.site-footer{background-color:#efefef;background-color:var(--footer-grey);color:#3b3b3b;color:var(--dk-grey);border-top:1px solid #3b3b3b;border-top:1px solid var(--dk-grey)}}.site-footer a{color:#fff;color:var(--pure-white)}.site-footer a.largelink{color:#eed009;color:var(--gold);font-size:20px;font-size:1.25rem;text-decoration:none}@media print{.site-footer a.largelink{color:#3b3b3b;color:var(--dk-grey);font-size:12pt}}.site-footer a.largelink:focus,.site-footer a.largelink:hover{text-decoration:underline}.site-footer .footer-list-header{font-weight:700;border-bottom:1px solid hsla(0,0%,87%,.32);border-bottom:1px solid var(--trans-line-grey);padding:4px 0}.site-footer .about{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media print{.site-footer .about{grid-column-end:q4-end;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.site-footer .about p{margin:0}}@media print{.site-footer>:not(.about){display:none}}.page-footer+.site-footer{margin-top:0}.site-footer ul{margin:0;padding:0}.site-footer ul li{list-style:none}.footnotes{margin-top:60px}.footnotes ol{font-size:13.6px;font-size:.85rem}input,select,textarea{font-size:1em;font-family:inherit}input[type=search]{-webkit-appearance:none}fieldset{margin:0 0 32px;margin:0 0 2rem;padding:0}input:not([type=checkbox]):not([type=radio]),textarea{border:1px solid #686868;border:1px solid var(--grey)}input:not([type=checkbox]):not([type=radio]):focus,input:not([type=checkbox]):not([type=radio]):hover,textarea:focus,textarea:hover{border:1px solid #036;border:1px solid var(--w3c-blue)}& ::-webkit-input-placeholder{color:#767676;font-style:italic;opacity:1}& :-moz-placeholder,& ::-moz-placeholder{color:#767676;font-style:italic;opacity:1}& :-ms-input-placeholder{color:#767676;font-style:italic;opacity:1}.field{padding:4px;margin:0 0 32px;margin:0 0 2rem}.field label{display:block}.field input:not([type=checkbox]):not([type=radio]),.field textarea{display:block;box-sizing:border-box;width:100%;padding:8px}.field input:not([type=checkbox]):not([type=radio]):focus,.field textarea:focus{outline:none;border-color:#005a9c;border-color:var(--w3c-classic);background-color:#edf4fa}.field input:not([type=checkbox]):not([type=radio]):focus ::-webkit-input-placeholder,.field textarea:focus ::-webkit-input-placeholder{color:#545554}.field input:not([type=checkbox]):not([type=radio]):focus :-moz-placeholder,.field input:not([type=checkbox]):not([type=radio]):focus ::-moz-placeholder,.field textarea:focus :-moz-placeholder,.field textarea:focus ::-moz-placeholder{color:#545554}.field input:not([type=checkbox]):not([type=radio]):focus :-ms-input-placeholder,.field textarea:focus :-ms-input-placeholder{color:#545554}.field[focus-within]{background-color:#edf4fa}.field:focus-within{background-color:#edf4fa}.field[focus-within] input:focus{background-color:#fff!important;background-color:var(--pure-white)!important}.field:focus-within input:focus{background-color:#fff!important;background-color:var(--pure-white)!important}[dir=ltr] .group>.field{margin-left:32px;margin-left:2rem}[dir=rtl] .group>.field{margin-right:32px;margin-right:2rem}.group>.field{margin-bottom:8px;margin-bottom:.5rem}.radio-field{display:-webkit-box;display:-ms-flexbox;display:flex;padding:4px;margin:0 0 8px;border-radius:3px}[dir=ltr] .radio-field input{margin-right:.5em}[dir=rtl] .radio-field input{margin-left:.5em}.radio-field input{-webkit-box-flex:0;-ms-flex:0 0 1em;flex:0 0 1em;width:1em;height:1em}.radio-field input:checked+label{font-weight:700;color:#091832;color:var(--dk-blue)}.radio-field:focus,.radio-field:hover{background-color:#196cac;background-color:var(--light-blue);color:#fff}.radio-field:focus :checked+label,.radio-field:hover :checked+label{color:inherit}.radio-field label{-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%;cursor:pointer}fieldset{border:none}legend{font-size:20px;font-size:1.25rem;font-weight:700}@media (min-width:35em){.searchform{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}[dir=ltr] .searchform label{text-align:right}[dir=rtl] .searchform label{text-align:left}.searchform label{-webkit-box-flex:1;-ms-flex:1;flex:1}[dir=ltr] .searchform input{margin-left:10px}[dir=rtl] .searchform input{margin-right:10px}.searchform input{-webkit-box-flex:4;-ms-flex:4;flex:4}[dir=ltr] .searchform button{margin-left:10px}[dir=rtl] .searchform button{margin-right:10px}.searchform button{-webkit-box-flex:1;-ms-flex:1;flex:1}#site-header{background-color:#005a9c;background-color:var(--w3c-classic);color:#fff;color:var(--pure-white)}@media print{#site-header{background-color:#f2f2f2;background-color:var(--off-white);color:#000}}#site-header{padding-top:3px}@supports (display:grid){[dir=ltr] #site-header{padding-left:8px}[dir=ltr] #site-header,[dir=rtl] #site-header{padding-right:8px}[dir=rtl] #site-header{padding-left:8px}}#site-header a{color:#fff;color:var(--pure-white)}@media print{#site-header a{color:#005a9c;color:var(--w3c-classic)}}@media print{#site-header a:after{content:""}}.wai{line-height:1.2}@media (min-width:35em){.wai{vertical-align:middle;font-size:1.5625rem}}.logos{grid-column-start:2;grid-column-end:6;grid-row-start:1;padding:16px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:60%}@supports (display:grid){.logos{width:auto}}.logos .claim{font-size:14px;font-size:.875rem;font-style:italic}.logos .claim:lang(ar){font-style:normal}[dir=ltr] .logos .claim{margin-left:16px}[dir=rtl] .logos .claim{margin-right:16px}[dir=ltr] .logos .claim{padding-left:16px}[dir=rtl] .logos .claim{padding-right:16px}[dir=ltr] .logos .claim{border-left:1px solid #eed009}[dir=rtl] .logos .claim{border-right:1px solid #eed009}[dir=ltr] .logos .claim{border-left:1px solid var(--gold)}[dir=rtl] .logos .claim{border-right:1px solid var(--gold)}.logos .claim{color:#fff;color:var(--pure-white)}@media print{.logos .claim{color:#005a9c;color:var(--w3c-classic)}}.logos .claim{-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;display:none}@media (min-width:35em){.logos .claim{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}@media (min-width:23em){[dir=ltr] .home{margin-right:32px}[dir=rtl] .home{margin-left:32px}}.home{text-decoration:none;transition:color .25s ease-in .1s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@supports (display:grid){.home{-webkit-box-flex:0;-ms-flex:0;flex:0}}@media (min-width:60em){[dir=ltr] .home{margin-right:8px}[dir=rtl] .home{margin-left:8px}}.home img,.home svg{vertical-align:middle;color:inherit;fill:currentColor;height:30px}@media (min-width:35em){.home img,.home svg{height:46px}}.home{[dir=ltr] img{padding-right:8px}[dir=rtl] img{padding-left:8px}}.home.w3c{border-bottom:2px solid transparent}.home.w3c:hover{border-bottom-color:currentColor}.home .wai{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (min-width:35em){.home .wai{font-size:1.25rem}}.home .wai .wa{padding-bottom:2px}.home .wai .i{border-top:1px solid #eed009;border-top:1px solid var(--gold);padding-top:2px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.home:focus,.home:hover{text-decoration:underline;color:#eed009!important;color:var(--gold)!important}h1,h2,h3,h4,h5,h6{padding:0}h1,h2{margin:60px 0 20px}h3{margin:40px 0 20px}h4,h5,h6{margin:20px 0 10px}h1,h2,h3,h4{color:#005a6a;color:var(--wai-green)}@media print{h1,h2,h3,h4{color:#000}}h1{font-size:24px;font-size:1.5rem}@media (min-width:35em){h1{font-size:2rem}}@media (min-width:60em){h1{font-size:2.375rem}}h1{line-height:1.2;font-weight:400}h1,h1+h2{margin-top:0}h2{font-size:22px;font-size:1.375rem;line-height:1.2;font-weight:700;border-bottom:1px solid #ddd;border-bottom:1px solid var(--line-grey)}h2+h3{margin-top:0}h3,h4{font-size:18px;font-size:1.125rem;line-height:1.4}h3+h4{margin-top:0}h4{font-weight:400}h4+h5{margin-top:0}h5{font-weight:700;line-height:1.6}h5+h6{margin-top:0}h6{font-size:14px;font-size:.875rem;line-height:1.8}h1 b,h1.ap:before,h1.ex:before,h2 b,h2.ap:before,h2.ex:before,h3 b,h3.ap:before,h3.ex:before,h4 b,h4.ap:before,h4.ex:before,h5 b,h5.ap:before,h5.ex:before,h6 b,h6.ap:before,h6.ex:before{color:#036!important;color:var(--w3c-blue)!important;font-weight:700}.no-js .ex{counter-increment:a;counter-reset:b}.no-js .ex:before{content:"Example " counter(a) ": "}.no-js .ex.inap{counter-reset:none}.no-js .newap{counter-reset:b}.no-js .newex{counter-reset:a}.no-js .newexap,.no-js h2.first,.no-js h3.first{counter-reset:a b}.no-js .ap{counter-increment:b}.no-js .ap:before{content:"Approach " counter(b) ": "}[class*=" icon-"],[class^=icon-]{display:inline-block;width:1em;height:1em;stroke-width:0;stroke:currentColor;fill:currentColor}.icon-default{width:.9285714285714285em}.icon-info{width:.8571428571428571em}.icon-audio-description{width:3.5em;height:1.75em;margin:-.25em}.icon-search{width:.9287109375em}.icon-arrow-left{width:.8928571428571428em}.icon-arrow-right{width:.8214285714285714em}.icon-arrow-down,.icon-arrow-up{width:.9285714285714285em}.icon-check-circle,.icon-ex-circle,.icon-external-link{width:.8571428571428571em}.icon-readmore{width:.7142857142857142em}.icon-desktop,.icon-laptop{width:1.0714285714285714em}.icon-tablet{width:.6428571428571428em}.icon-mobile{width:.42857142857142855em}.icon-code{width:1.0714285714285714em}.icon-fork{width:.5714285714285714em}.icon-code-file{width:.8571428571428571em}.icon-cart-plus{width:.9285714285714285em}.icon-languages{height:1em;width:2.75em;vertical-align:-8%}.icon-translations{height:1.6em;vertical-align:middle}dl{margin:16px 0}dt{font-weight:700}.notbold dt{font-weight:400}[dir=ltr] dd{margin-left:32px}[dir=rtl] dd{margin-right:32px}dd+dt{margin-top:8px}dl.paragraph-like dd+dt{margin-top:1em}ol li,ul li{margin-bottom:8px}.linklist,.linklist li{margin:0;padding:0;list-style:none}.linklist a{display:block;padding:4px 16px;border-bottom:1px solid #ddd;border-bottom:1px solid var(--line-grey);text-decoration:none}.linklist a svg{height:.65em}.linklist a:focus svg,.linklist a:hover svg{color:#c0272d;color:var(--faded-red)}.linklist a:focus .visual-a,.linklist a:hover .visual-a{text-decoration:underline}.linklist li:last-child a{border-bottom:none}.nolist,.nolist li{margin:0;padding:0}.nolist li{list-style:none}p+ol,p+ul{margin-top:-8px}.columns{padding:0}[dir=ltr] .columns>*{margin-left:32px}[dir=rtl] .columns>*{margin-right:32px}.four.columns,.two.columns{grid-column-gap:32px;-webkit-column-gap:32px;column-gap:32px}@media (min-width:35em){.four.columns,.two.columns{-webkit-columns:2;columns:2}}.four.columns{padding:0 8px}@media (min-width:60em){.four.columns{-webkit-columns:4;columns:4}}.two.small.columns{grid-column-gap:32px;-webkit-column-gap:32px;column-gap:32px}@media (min-width:35em){.two.small.columns{-webkit-columns:1;columns:1}}@media (min-width:60em){.two.small.columns{-webkit-columns:2;columns:2}}.info{background-color:#eed009;background-color:var(--gold);background-image:linear-gradient(180deg,#eed009,color(#eed009 blackness(15%)));background-image:linear-gradient(180deg,var(--gold),color(var(--gold) blackness(15%)));background-size:100% 20%;background-repeat:no-repeat;background-position:bottom;font-weight:700;text-align:center}[dir=ltr] .info svg{margin-right:8px}[dir=rtl] .info svg{margin-left:8px}.info svg{font-size:2em;vertical-align:middle;margin-top:-.14em}#controls{background-color:#f2f2f2;background-color:var(--off-white);padding:0 8px}@media (min-width:35em){[dir=ltr] #controls{text-align:right}[dir=rtl] #controls{text-align:left}}#controls{font-size:.8125em}#controls>ul{padding:0;margin:0}@media (min-width:35em){#controls>ul{grid-column-start:navigation;grid-column-end:content}}[dir=ltr] #controls>ul>li{margin-left:4px}[dir=rtl] #controls>ul>li{margin-right:4px}[dir=ltr] #controls>ul>li{padding-left:4px}[dir=rtl] #controls>ul>li{padding-right:4px}#controls>ul>li{display:inline;list-style:none;margin:0;padding:0}@media (min-width:35em){[dir=ltr] #controls>ul>li{margin-left:8px}[dir=rtl] #controls>ul>li{margin-right:8px}[dir=ltr] #controls>ul>li{padding-left:8px}[dir=rtl] #controls>ul>li{padding-right:8px}#controls>ul>li{margin:0;padding:0}}[dir=ltr] #controls>ul>li{border-left:1px solid #036}[dir=rtl] #controls>ul>li{border-right:1px solid #036}[dir=ltr] #controls>ul>li{border-left:1px solid var(--w3c-blue)}[dir=rtl] #controls>ul>li{border-right:1px solid var(--w3c-blue)}#controls>ul>li:first-child{border-left:0;border-right:0;margin:0;padding:0}#controls a{color:#036;color:var(--w3c-blue);text-decoration:none;padding:2px 0}#controls a:focus,#controls a:hover{border-bottom:none;text-decoration:underline}@media print{#controls{display:none}}#controls [hidden]{display:none!important}.languagelist>ul{display:inline;margin:0;padding:0}.languagelist>ul>li{border:none;padding:0;margin:0;display:inline-block}[dir=ltr] .languagelist>ul>li:first-child{margin-right:4px}[dir=rtl] .languagelist>ul>li:first-child{margin-left:4px}.languagelist>ul>li:first-child:before{display:none;margin:0}[dir=ltr] .languagelist>ul>li:before{margin-right:4px}[dir=rtl] .languagelist>ul>li:before{margin-left:4px}.languagelist>ul>li:before{content:"";display:inline-block;background-color:#005a9c;width:4px;height:4px;margin:0;margin-top:-4px;vertical-align:middle}#showoptions{display:inline}.mainnav{position:relative;font-size:14px;font-size:.875rem;border-top:1px solid #005a9c;border-top:1px solid var(--w3c-classic);border-bottom:1px solid #005a9c;border-bottom:1px solid var(--w3c-classic);background-color:#036;background-color:var(--w3c-blue);display:none}.mainnav.open{display:block}@media (min-width:35em){.mainnav{display:block}}@media print{.mainnav{display:none}}.mainnav>ul{width:100%;max-width:1268px;padding:0;margin:0 auto!important;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-wrap:wrap;flex-wrap:wrap}@media (min-width:35em){.mainnav>ul{-ms-flex-wrap:nowrap;flex-wrap:nowrap}}.mainnav>ul>li{display:block;position:relative;-ms-flex-preferred-size:50%;flex-basis:50%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1}.mainnav>ul>li.active{background:#036;background:var(--w3c-blue)}.mainnav>ul>li.active>a>span{border-bottom:2px solid #eed009!important;border-bottom:2px solid var(--gold)!important}.mainnav>ul>li>a{text-decoration:none;display:block;width:100%;height:100%;color:#fff;color:var(--pure-white);text-align:center;min-height:44px;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-bottom:#005a9c;border-bottom:var(--w3c-classic)}.mainnav>ul>li>a>span{display:block;border-bottom:2px solid transparent}.mainnav>ul>li>a:focus,.mainnav>ul>li>a:hover{background-color:#091832;background-color:var(--dk-blue)}.mainnav>ul>li>a:focus>span,.mainnav>ul>li>a:hover>span,.mainnav>ul>li>a[aria-current=location]>span,.mainnav>ul>li>a[aria-current=page]>span{border-bottom:2px solid #eed009;border-bottom:2px solid var(--gold)}.mainnav>ul>li>a[aria-current=location]:focus>span,.mainnav>ul>li>a[aria-current=location]:hover>span,.mainnav>ul>li>a[aria-current=page]:focus>span,.mainnav>ul>li>a[aria-current=page]:hover>span{border-bottom:2px solid #fff;border-bottom:2px solid var(--pure-white)}[dir=ltr] .mainnav>ul>li+li>a{border-left:1px solid #235a97}[dir=rtl] .mainnav>ul>li+li>a{border-right:1px solid #235a97}@media (min-width:60em){#openmenu{display:none}}@media print{#openmenu{display:none}}@media (min-width:35em){.page-home #openmenu{display:none}}[dir=ltr] .metanav{text-align:right}[dir=rtl] .metanav{text-align:left}.metanav{width:100%;display:none;font-size:.85em}.metanav.open{display:block}@media (min-width:35em){.metanav{display:block}}@media print{.metanav{display:none}}.metanav a{text-decoration:none}.metanav a:focus,.metanav a:hover,.metanav a[aria-current=page]{text-decoration:underline}.metanav>ul{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.metanav>ul li{display:inline-block;padding-left:8px;padding-right:8px}@media (min-width:35em){.metanav>ul li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.metanav>ul li:first-child{border:0}.metanav>ul li:last-child{margin-bottom:0;padding:0;border:0}.metanav>ul li a{position:relative;min-height:24px;padding-top:10px;padding-bottom:10px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.metanav>ul li a:after,.metanav>ul li a:before{position:absolute;top:12px;left:-8px;bottom:12px;width:1px;background-color:#eed009;background-color:var(--gold)}[dir=ltr] .metanav>ul li a:before,[dir=rtl] .metanav>ul li a:after{content:""}@media (min-width:35em){[dir=ltr] .metanav>ul li a{text-align:right}[dir=rtl] .metanav>ul li a{text-align:left}.metanav>ul li a{width:100%}}[dir=ltr] .metanav>ul li:first-child a:before,[dir=rtl] .metanav>ul li:nth-last-child(2) a:after{display:none}.metanav form[role=search]{background-color:#036;background-color:var(--w3c-blue);border:1px solid #fff;border:1px solid var(--pure-white)}.metanav form[role=search]>div{display:-webkit-box;display:-ms-flexbox;display:flex}.metanav form[role=search] label{text-transform:none;font-weight:400}.metanav form[role=search] input{box-sizing:border-box;-webkit-appearance:none;background-color:transparent;border:0;border-radius:0;color:#f2f2f2;color:var(--off-white);height:100%;padding:5px;margin:0;width:10em}.metanav form[role=search] input:focus{color:#fff;color:var(--pure-white)}.metanav form[role=search] input::-webkit-search-decoration{display:none}.metanav form[role=search] input::-webkit-search-cancel-button,.metanav form[role=search] input::-webkit-search-results-button{-webkit-filter:invert(100%);filter:invert(100%)}.metanav form[role=search] button{display:block;margin:0}.metanav form[role=search] ::-webkit-input-placeholder{color:#fff;color:var(--pure-white);font-style:italic;opacity:1}.metanav form[role=search] :-moz-placeholder,.metanav form[role=search] ::-moz-placeholder{color:#fff;color:var(--pure-white);font-style:italic;opacity:1}.metanav form[role=search] :-ms-input-placeholder{color:#fff;color:var(--pure-white);font-style:italic;opacity:1}.navigations{position:relative;grid-column-start:6;grid-column-end:-2;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.navigations .nava11y{display:block}.mainnav>ul,.metanav>ul{margin:0;padding:0}.mainnav>ul>li,.metanav>ul>li{list-style:none;margin:0}.teaser.news{background-color:#fff;background-color:var(--pure-white)}.announce-box{background-color:#fafafa;background-color:var(--lt-off-white);border:1px solid #ddd;border:1px solid var(--line-grey);border-top:1px;border-bottom:1px;border-left:0;border-right:0;padding:10px 25px!important}.announce-box+.announce-box{border-top:0}.announce-box>:first-child{margin-top:0}.announce-box>:last-child{margin-bottom:0}.notes{font-size:.85em}.notes strong:first-child{font-weight:700;color:#005a6a;color:var(--wai-green)}.pager{background-color:#fff;background-color:var(--pure-white);border:1px solid #ddd;border:1px solid var(--line-grey);margin-top:32px}.pager>ul{box-sizing:border-box;-ms-flex-line-pack:center;align-content:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0;padding:8px}.pager--item,.pager>ul{display:-webkit-box;display:-ms-flexbox;display:flex}.pager--item{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%}.pager--item:only-child{-ms-flex-preferred-size:100%;flex-basis:100%}.pager--item{list-style:none;margin:0}.pager--item a:link{color:#005a6a;color:var(--wai-green);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:1;-ms-flex:1 100%;flex:1 100%;text-decoration:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.pager--item a:visited{color:#606;color:var(--visited-link)}.pager--item a:focus,.pager--item a:hover{color:#036;color:var(--w3c-blue)}.pager--item a:active{color:#005a6a;color:var(--wai-green)}[dir=ltr] .pager--item.next a{text-align:right}[dir=rtl] .pager--item.next a{text-align:left}.pager--item.next a{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.pager--item-icon{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:33px}[dir=ltr] .pager--item-text{margin-right:8px}[dir=ltr] .pager--item-text,[dir=rtl] .pager--item-text{margin-left:8px}[dir=rtl] .pager--item-text{margin-right:8px}.pager--item-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 auto;flex:1 auto;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.pager--item-text-direction{color:#1d1d1d;color:var(--off-black);font-size:12px;font-size:.75rem}.pager--item-text-target{font-size:16px;font-size:1rem;line-height:1}.pagination{margin:0;margin-top:16px;margin-bottom:16px;padding-top:16px;border-top:2px solid #ddd;border-top:2px solid var(--line-grey)}.pagination ul{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;margin:0;padding:0;list-style:none;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}[dir=ltr] .pagination li{margin-left:8px}[dir=rtl] .pagination li{margin-right:8px}.pagination .like-a,.pagination a{padding:8px 16px;border-radius:4px;border:2px solid #ddd;border:2px solid var(--line-grey)}.pagination .is-active .like-a{background-color:#036;background-color:var(--w3c-blue);border-color:#036;border-color:var(--w3c-blue);color:#fff;color:var(--pure-white)}.pagination a:focus,.pagination a:hover{background-color:#ddd;background-color:var(--line-grey)}.quote{background-color:#005a6a;background-color:var(--wai-green);border-radius:5px;color:#fff;color:var(--pure-white);padding:22px}.quote--block{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:0;padding:0}.quote--block-text{font-size:20px;font-style:italic;line-height:1.25;margin:0;padding:0}.quote--block-text:before{content:open-quote}.quote--block-text:after{content:close-quote}.quote--block-cite{font-size:15px;font-weight:500;margin:0;margin-top:9px}.quote--block-cite a{color:#fafafc;color:var(--body-bg)}.related-content{background-color:#fff;background-color:var(--pure-white);border:1px solid #ddd;border:1px solid var(--line-grey);-webkit-box-flex:1;-ms-flex:1 100%;flex:1 100%;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;margin:50px}.related-content,.related-content--head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal}.related-content--head{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#f2f2f2;background-color:var(--off-white);border-box-end:1px solid #ddd;border-box-end:1px solid var(--line-grey);-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;height:48px}[dir=ltr] .related-content--head-icon{margin-right:10px}[dir=rtl] .related-content--head-icon{margin-left:10px}[dir=ltr] .related-content--head-icon{margin-left:19px}[dir=rtl] .related-content--head-icon{margin-right:19px}.related-content--head-icon{height:22px;width:22px}.related-content--head-heading{border:none;color:#036;color:var(--w3c-blue);-webkit-box-flex:1;-ms-flex:1 100%;flex:1 100%;font-size:20px;margin:0;padding:0}.related-content--content{margin:0;padding:0}.related-content--content-list{list-style:none;margin:22px;padding:0}.related-content--content-list li{font-size:14px;line-height:2.2em}.sidenav{grid-area:navigation;margin-bottom:24px;display:none}.sidenav.open{display:block;margin-top:16px}@media (min-width:60em){.sidenav{display:block}}@media print{.sidenav{display:none}}.sidenav--head{background-color:#036;background-color:var(--w3c-blue);border:2px solid #036;border:2px solid var(--w3c-blue);border-width:0 5px;padding:16px 24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;border-bottom:none;font-weight:700}[dir=ltr] .sidenav--head-icon{margin-left:-16px}[dir=rtl] .sidenav--head-icon{margin-right:-16px}.sidenav--head-icon{padding-bottom:.3em}[dir=ltr] .sidenav--head-icon--inner{float:left}[dir=rtl] .sidenav--head-icon--inner{float:right}[dir=ltr] .sidenav--head-icon--inner{margin-right:8px}[dir=rtl] .sidenav--head-icon--inner{margin-left:8px}.sidenav--head-icon--inner{width:47px;height:48px}.sidenav--head-section{color:#fff;color:var(--pure-white);text-transform:uppercase;letter-spacing:.7px;font-size:11px;font-size:.6875rem;font-weight:700}.sidenav--head-subsection{color:#fff;color:var(--pure-white);font-size:22px;font-size:1.375rem}[dir=ltr] .sidenav--list{border-left-width:5px}[dir=rtl] .sidenav--list{border-right-width:5px}[dir=ltr] .sidenav--list{border-right-width:0}[dir=rtl] .sidenav--list{border-left-width:0}.sidenav--list{background-color:#036;background-color:var(--w3c-blue);border:2px solid #036;border:2px solid var(--w3c-blue);border-bottom:5px;border-top:0;margin:0;padding:0;font-size:13px;font-size:.8125rem}.sidenav--list a{display:-webkit-box;display:-ms-flexbox;display:flex;box-sizing:border-box;padding:8px 24px;min-height:44px;color:#fff;color:var(--pure-white);text-decoration:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.sidenav--list a:focus,.sidenav--list a:hover{text-decoration:underline;background-color:#f2f2f2;background-color:var(--off-white);color:#005a6a;color:var(--wai-green)}.sidenav--list a:focus{outline-color:#eed009;outline-color:var(--gold)}.sidenav--list a span.lang{font-weight:400}.sidenav--list li a{border-top:1px solid #005a9c;border-top:1px solid var(--w3c-classic)}.sidenav--list{.sidenav-head+&{border-top:none}}[dir=ltr] .sidenav--list ul{padding-left:24px}[dir=rtl] .sidenav--list ul{padding-right:24px}.sidenav--list ul{padding:0;margin:0}.sidenav--list a+ul{display:none}.sidenav--list a[aria-current]+ul{display:block}.sidenav--list li{margin:0;padding:0;list-style:none}.sidenav--list ul li:first-child a{border-top-color:transparent}.sidenav--list a[aria-current=location]{padding-bottom:4px;font-weight:700}.sidenav--list a[aria-current=page]{font-weight:700;color:#005a6a;color:var(--wai-green);background-color:#fafafc;background-color:var(--body-bg);position:relative}.sidenav--list a[aria-current=page]:after,.sidenav--list a[aria-current=page]:before{position:absolute;content:"";width:0;height:0;left:auto;right:0}[dir=rtl] .sidenav--list a[aria-current=page]:after,[dir=rtl] .sidenav--list a[aria-current=page]:before{left:0;right:auto}.sidenav--list a[aria-current=page]:after,.sidenav--list a[aria-current=page]:before{border:1px solid #fff;border:1px solid var(--pure-white);opacity:.9}.sidenav--list a[aria-current=page]:before{top:-2px;border-color:transparent #fff #fff transparent;border-color:transparent var(--pure-white) var(--pure-white) transparent}[dir=rtl] .sidenav--list a[aria-current=page]:before{border-color:transparent transparent #fff #fff;border-color:transparent transparent var(--pure-white) var(--pure-white)}.sidenav--list a[aria-current=page]:after{bottom:-2px;border-color:#fff #fff transparent transparent;border-color:var(--pure-white) var(--pure-white) transparent transparent}[dir=rtl] .sidenav--list a[aria-current=page]:after{border-color:#fff transparent transparent #fff;border-color:var(--pure-white) transparent transparent var(--pure-white)}.sidenav-languages{font-size:13px;font-size:.8125rem;margin-top:32px;margin-top:2rem;border-radius:3px;border:2px solid #eed009;border:2px solid var(--gold);background-color:#fff;background-color:var(--pure-white)}.sidenav-languages header{border-bottom:2px solid #eed009;border-bottom:2px solid var(--gold);padding:8px 27px;font-weight:700}[dir=ltr] .sidenav-languages .langlist{padding-left:27px}[dir=rtl] .sidenav-languages .langlist{padding-right:27px}.sidenav-languages .langlist{list-style-position:inside;list-style-type:square;color:#005a9c;color:var(--w3c-classic)}.sidenav-languages .langlist li{margin-bottom:2px}[dir=ltr] .sidenav-languages p{padding-left:27px}[dir=rtl] .sidenav-languages p{padding-right:27px}[dir=ltr] .sidenav-languages p{padding-right:0}[dir=rtl] .sidenav-languages p{padding-left:0}.sidenav-languages p{padding-top:4px;padding-bottom:4px;margin:0;border-top:1px solid #eed009}[dir=ltr] caption,[dir=ltr] table{text-align:left}[dir=rtl] caption,[dir=rtl] table{text-align:right}table{border:1px solid #ddd;border:1px solid var(--line-grey);border-collapse:collapse;margin-bottom:2em}caption{font-weight:700;font-size:18px;font-size:1.125rem;color:#005a6a;color:var(--wai-green);line-height:1.4;margin-bottom:8px}td,th{padding:12px 18px;border:1px solid #ddd;border:1px solid var(--line-grey);vertical-align:top}.dense td,.dense th{padding:2px 4px}th{font-weight:700;color:#fff;color:var(--pure-white);background-color:#005a6a;background-color:var(--wai-green)}th a{color:inherit}th a:focus,th a:hover{color:#eed009;color:var(--gold)}th a:visited{color:inherit}td>:first-child,td>:last-child,th>:first-child,th>:last-child{margin-top:0}.quiet th{background-color:#f2f2f2;background-color:var(--off-white);color:#036;color:var(--w3c-blue)}.quiet th a{color:inherit}.quiet th a:focus,.quiet th a:hover{color:#005a6a;color:var(--wai-green)}.quiet th a:visited{color:inherit}.hyphenated{-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.teaser.audiences-inline .title{display:block;font-size:36px;font-size:2.25rem}.making-web-accessible{text-align:center;border-bottom:1px solid #ddd;border-bottom:1px solid var(--line-grey);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.making-web-accessible [hidden]{display:none!important}.making-web-accessible .inner.hidesection{position:relative;-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}[dir=ltr] .making-web-accessible .making-web-accessible-box{text-align:left}[dir=rtl] .making-web-accessible .making-web-accessible-box{text-align:right}[dir=ltr] .making-web-accessible .making-web-accessible-box{padding-right:20px}[dir=rtl] .making-web-accessible .making-web-accessible-box{padding-left:20px}[dir=ltr] .making-web-accessible .making-web-accessible-box{padding-left:105px}[dir=rtl] .making-web-accessible .making-web-accessible-box{padding-right:105px}.making-web-accessible .making-web-accessible-box{padding-top:32px;padding-bottom:0}[dir=ltr] .making-web-accessible .mwa-icon{margin-left:-85px}[dir=rtl] .making-web-accessible .mwa-icon{margin-right:-85px}.making-web-accessible .mwa-icon{width:65px;height:65px;float:left}.making-web-accessible .title{display:block;font-size:36px;font-size:2.25rem}.making-web-accessible .teaser-h h2{margin:0}.making-web-accessible h3{margin-top:10px;font-size:24px;font-size:1.5rem;margin-bottom:0}.making-web-accessible p{margin-bottom:0}[dir=ltr] .making-web-accessible .showhidebutton{float:right}[dir=rtl] .making-web-accessible .showhidebutton{float:left}.making-web-accessible .showhidebutton{position:absolute;top:-1.35em;right:0}.teaser.media-inline .title{display:block;font-size:36px;font-size:2.25rem}.white-bg{background-color:#fff;background-color:var(--pure-white)}.bordered{border:0;border-color:#ddd;border-color:var(--line-grey)}.teaser.news-teaser .title{display:block;font-size:36px;font-size:2.25rem}.teaser.resource-inline .title{display:block;font-size:36px;font-size:2.25rem}.teaser{padding-top:32px;padding-bottom:32px}.teaser.featured{background-size:cover;background-position:50%}.teaser.featured .teaser-c{background-color:hsla(0,0%,100%,.9);border-top:5px solid #c0272d;border-top:5px solid var(--faded-red);padding:16px 32px;display:block}.teaser-h h2,.teaser-h h3,.teaser-h h4,.teaser-h h5,.teaser-h h6{margin:0;margin-bottom:16px;padding:0;border:none;color:#005a6a;color:var(--wai-green);font-size:16px;font-size:1rem;line-height:1.2}.teaser-h h2.title,.teaser-h h3.title,.teaser-h h4.title,.teaser-h h5.title,.teaser-h h6.title{font-size:24px;font-size:1.5rem;margin:0;margin-top:10px;margin-bottom:20px}@media (min-width:35em){.teaser-h h2.title,.teaser-h h3.title,.teaser-h h4.title,.teaser-h h5.title,.teaser-h h6.title{font-size:2rem}}@media (min-width:60em){.teaser-h h2.title,.teaser-h h3.title,.teaser-h h4.title,.teaser-h h5.title,.teaser-h h6.title{font-size:2.375rem}}.teaser-h .subtitle{font-weight:700;margin:0;font-size:14px;font-size:.875rem;color:#1d1d1d;color:var(--off-black)}[dir=ltr] .teaser-h-icon{margin-right:10px}[dir=rtl] .teaser-h-icon{margin-left:10px}.teaser-h-icon{height:1em;width:1em;vertical-align:middle}.teaser-h-icon.full{display:block;height:1.8em;width:1.8em}.teaser-tip{text-align:center}.teaser-tip .teaser-h h2{font-size:28px;font-size:1.75rem}.teaser-tip .teaser-h svg{display:block;margin:0 auto;height:1.75em;width:1.75em}.teaser-tip .fakelink{margin:0 auto}.fakelink{text-decoration:underline;position:relative}[dir=ltr] .fakelink svg{margin-left:5px}[dir=rtl] .fakelink svg{margin-right:5px}.fakelink svg{width:.75em;height:.75em}@media (min-width:35em){.teaser-about p{font-size:1.25rem}}@media (min-width:60em){.teaser-about p{font-size:1.5rem}}.teaser-about p{color:#686868;color:var(--grey)}.teaser-about .teaser-h h2{font-weight:700}.teaser-media{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fff;background-color:var(--pure-white)}.teaser-sponsors{border-top:1px solid #ddd;border-top:1px solid var(--line-grey)}.area-teaser{display:block;background-color:#fff;background-color:var(--pure-white);border:1px solid #ddd;border:1px solid var(--line-grey);margin:-1px;padding:20px 32px}@media (min-width:35em){.area-teaser{padding:40px}}@media (min-width:60em){.area-teaser{padding:60px 40px}}.area-teaser .teaser-h{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.area-teaser .teaser-h h2,.area-teaser .teaser-h h3,.area-teaser .teaser-h h4,.area-teaser .teaser-h h5,.area-teaser .teaser-h h6{margin:0;font-weight:400}.area-teaser .teaser-h-icon{margin-bottom:10px}.area-teaser:focus .teaser-h>:not(svg),.area-teaser:hover .teaser-h>:not(svg){text-decoration:underline}.video-link{display:inline-block;text-decoration:none;margin:10px 0}.video-link img{-webkit-mask:url(../images/video-mask-16-9.svg);mask:url(../images/video-mask-16-9.svg);-webkit-mask-size:contain;mask-size:contain;width:240px}.video-link.ratio-43 img{-webkit-mask:url(../images/video-mask-4-3.svg);mask:url(../images/video-mask-4-3.svg)}.video-link span{display:block;text-align:center;text-decoration:underline}.video-link-small img{width:120px}.video-link-inline{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}[dir=ltr] .video-link-inline img{margin-right:1em}[dir=rtl] .video-link-inline img{margin-left:1em}.video-link-inline img{width:auto;height:2em}.video-link-inline{[dir=ltr] span{text-align:left}[dir=rtl] span{text-align:right}}.able-wrapper{margin:0;padding:0;height:auto;box-sizing:content-box!important;max-width:none!important}.able,.able-wrapper{position:relative;width:100%}.able{margin:1em 0;z-index:5000}[dir=ltr] .able-column-left{float:left}[dir=rtl] .able-column-left{float:right}[dir=ltr] .able-column-right{float:left}[dir=rtl] .able-column-right{float:right}.able .able-vidcap-container{background-color:#000;left:0;margin:0;position:relative;top:0}.able-player{font-family:inherit;background-color:#262626}.able-offscreen{position:absolute;left:-10000px}[dir=rtl] .able-offscreen{right:-10000px;left:auto}.able-offscreen{top:auto;width:1px;height:1px;overflow:hidden}.able-media-container audio{display:none!important}.able-video .able-now-playing{display:none}.able-controller{position:relative;border-top:2px solid #4c4c4c;border-bottom:2px solid #4c4c4c;background-color:#464646;min-height:38px;padding:0}.able-big-play-button,.able-poster{position:absolute;top:0;left:0}.able-big-play-button{font-size:8em;opacity:.5;filter:alpha(opacity=50);color:#fdfdfd;background-color:transparent;border:none;outline:none;padding:0;z-index:6500}.able-big-play-button:hover{opacity:1;filter:alpha(opacity=100)}.able-left-controls,.able-right-controls{overflow:visible}.able-left-controls button,.able-right-controls button{vertical-align:middle}[dir=ltr] .able-left-controls{float:left}[dir=ltr] .able-right-controls,[dir=rtl] .able-left-controls{float:right}[dir=rtl] .able-right-controls{float:left}.able-black-controls,.able-black-controls button,.able-black-controls label{color:#000!important}.able-black-controls .able-seekbar{border:2px solid #000}.able-black-controls label,.able-white-controls,.able-white-controls button{color:#fff!important}.able-white-controls .able-seekbar{border:2px solid #fff}.able-controller button{background:none;position:relative;display:inline-block;border-style:none;margin:3px;padding:0;font-size:20px;min-width:24px;outline:2px solid #464646;border:none;overflow:visible!important;z-index:6600}.able-controller button>img,.able-controller button>span{width:20px;margin:0 auto;padding:0;z-index:6700}.able-controller .buttonOff{opacity:.5;filter:alpha(opacity=50);z-index:6800}.able-controller .able-seekbar{margin:0 5px;z-index:6900}.able-controller button:focus,.able-controller button:hover{outline-style:solid;outline-width:medium}.able-controller button:hover{outline-color:#8ab839!important}.able-controller button:focus{outline-color:#ffbb37!important}.able-seekbar-wrapper{display:inline-block;vertical-align:middle}.able-seekbar{position:relative;height:.5em;border:1px solid;background-color:#000;margin:0 3px;border:2px solid #fff}.able-seekbar-loaded{background-color:#464646;z-index:5100}.able-seekbar-loaded,.able-seekbar-played{display:inline-block;position:absolute;left:0;top:0;height:.5em}.able-seekbar-played{background-color:#dadada;z-index:5200}.able-seekbar-head{display:inline-block;position:relative;left:0;top:-.45em;background-color:#fdfdfd;width:.8em;height:.8em;border:1px solid;border-radius:.8em;z-index:5500}.able-volume-slider{width:34px;height:50px;background-color:#464646;padding:10px 0;position:absolute;right:0;top:-74px;display:block;z-index:9100}.able-volume-track{display:block;position:relative;height:100%;width:5px;margin:0 auto;background-color:#999}.able-volume-track.able-volume-track-on{background-color:#dadada;position:absolute;height:20px;top:30px}.able-volume-head{display:inline-block;background-color:#fdfdfd;outline:1px solid #333;position:absolute;height:7px;width:15px;left:-5px;top:23px;z-index:9175}.able-volume-head:focus,.able-volume-head:hover{background-color:#ffbb37!important}.able-volume-help{display:none}.able-status-bar{height:1.5em;min-height:1.5em;color:#ccc;font-size:.9em;background-color:transparent;padding:.5em .5em .25em}[dir=ltr] .able-status-bar span.able-timer{text-align:left}[dir=rtl] .able-status-bar span.able-timer{text-align:right}[dir=ltr] .able-status-bar span.able-timer{float:left}[dir=rtl] .able-status-bar span.able-timer{float:right}.able-status-bar span.able-timer{width:32%}[dir=ltr] .able-status-bar span.able-speed{float:left}[dir=rtl] .able-status-bar span.able-speed{float:right}.able-status-bar span.able-speed{width:33%;text-align:center}[dir=ltr] .able-status{float:right}[dir=rtl] .able-status{float:left}.able-status{font-style:italic;width:32%;text-align:right}div.able-captions-wrapper{width:100%;margin:0;padding:0;text-align:center;line-height:1.35em;display:block;z-index:6000}div.able-captions{display:none;padding:.15em .25em;background-color:#000;font-size:1.1em;color:#fff;opacity:.75}div.able-captions-overlay{position:absolute;margin:0;bottom:0}div.able-captions-below,div.able-descriptions{position:relative;min-height:2.8em}div.able-descriptions{color:#ff6;background-color:#262626;border-top:1px solid #666;margin:0;padding:3%;width:94%;text-align:center}div.able-now-playing{text-align:center;font-weight:700;font-size:1.1em;color:#fff;background-color:transparent;padding:.5em .5em 1em}div.able-now-playing span{font-size:.9em}div.able-now-playing span span{display:block}[dir=ltr] div.able-modal-dialog{margin-left:auto}[dir=ltr] div.able-modal-dialog,[dir=rtl] div.able-modal-dialog{margin-right:auto}[dir=rtl] div.able-modal-dialog{margin-left:auto}div.able-modal-dialog{position:absolute;height:auto;max-width:90%;left:0;right:0;outline:0 none;display:none;color:#000;background-color:#fafafa;box-sizing:content-box!important;z-index:10000}div.able-modal-overlay{position:fixed;width:100%;height:100%;background-color:#000;opacity:.5;margin:0;padding:0;top:0;left:0;display:none;z-index:9500}button.modalCloseButton{position:absolute;top:5px;right:5px}[dir=ltr] button.modal-button{margin-right:5px}[dir=rtl] button.modal-button{margin-left:5px}div.able-modal-dialog button:focus,div.able-modal-dialog button:hover,div.able-modal-dialog input:focus,div.able-modal-dialog input:hover{outline-style:solid;outline-width:2px}div.able-modal-dialog button:hover,div.able-modal-dialog input:hover{outline-color:#8ab839}div.able-modal-dialog button:focus,div.able-modal-dialog input:focus{outline-color:#ffbb37}div.able-modal-dialog h1{font-weight:700;font-size:1.8em;line-height:1.2em;margin:.75em 0;color:#000;text-align:center}.able-help-div,.able-prefs-form,.able-resize-form{background-color:#f5f5f5;border:medium solid #ccc;padding:.5em 1em;margin:0 0 0 1em;width:25em;display:none}[dir=ltr] .able-prefs-form fieldset{margin-left:0}[dir=rtl] .able-prefs-form fieldset{margin-right:0}.able-prefs-form fieldset{padding-left:0;border:none}.able-prefs-form legend{color:#000;font-weight:700;font-size:1.1em}[dir=ltr] .able-prefs-form fieldset div{margin-left:1em}[dir=rtl] .able-prefs-form fieldset div{margin-right:1em}.able-prefs-form fieldset div{display:table}.able-prefs-form fieldset div input{display:table-cell;width:1em;vertical-align:middle}.able-prefs-form fieldset div label{display:table-cell;padding-left:.5em}[dir=ltr] fieldset.able-prefs-keys div{float:left}[dir=rtl] fieldset.able-prefs-keys div{float:right}[dir=ltr] fieldset.able-prefs-keys div{margin-right:1em}[dir=rtl] fieldset.able-prefs-keys div{margin-left:1em}[dir=ltr] div.able-desc-pref-prompt{margin-left:1em!important}[dir=rtl] div.able-desc-pref-prompt{margin-right:1em!important}div.able-desc-pref-prompt{font-weight:700;font-style:italic}[dir=ltr] div.able-prefDescFormat>div{margin-left:1.5em}[dir=rtl] div.able-prefDescFormat>div{margin-right:1.5em}[dir=ltr] .able-prefs-captions label,[dir=ltr] .able-prefs-captions select{float:left}[dir=rtl] .able-prefs-captions label,[dir=rtl] .able-prefs-captions select{float:right}.able-prefs-captions label,.able-prefs-captions select{display:block;margin-bottom:.25em}[dir=ltr] fieldset.able-prefs-captions label{text-align:right}[dir=rtl] fieldset.able-prefs-captions label{text-align:left}fieldset.able-prefs-captions label{width:6em;padding-right:1em}fieldset.able-prefs-captions select{width:10em;font-size:.9em;border-radius:none}.able-prefs-form div.able-captions-sample{padding:.5em;text-align:center}.able-prefs-form h2{margin-top:0;margin-bottom:.5em;font-size:1.1em}.able-prefs-form ul{margin-top:0}able-prefs-form-keyboard ul{list-style-type:none}span.able-modkey-alt,span.able-modkey-ctrl,span.able-modkey-shift{color:#666;font-style:italic}span.able-modkey{font-weight:700;color:#000;font-size:1.1em}.able-resize-form h1{font-size:1.15em}.able-resize-form div div{margin:1em}.able-resize-form label{padding-right:.5em;font-weight:700}.able-resize-form input[type=text]{font-size:1em}.able-resize-form input[readonly]{color:#aaa}.able-window-toolbar{background-color:#464646;min-height:15px;padding:10px;border-style:solid;border-width:0 0 1px}.able-draggable:hover{cursor:move}.able-window-toolbar .able-button-handler-preferences{position:absolute;top:0;right:0;font-size:1.5em;background-color:transparent;border:none;outline:none;padding:0;z-index:9300}.able-window-toolbar .able-button-handler-preferences:focus,.able-window-toolbar .able-button-handler-preferences:hover{outline-style:solid;outline-width:medium}.able-window-toolbar .able-button-handler-preferences:hover{outline-color:#8ab839!important}.able-window-toolbar .able-button-handler-preferences:focus{outline-color:#ffbb37!important}.able-window-toolbar .able-popup{position:absolute;cursor:default;right:0;top:0;display:block}.able-drag{border:2px dashed #f90;cursor:move}.able-resizable{position:absolute;width:16px;height:16px;padding:5px 0 0 5px;bottom:0;right:0;cursor:nwse-resize;background:transparent 100% 100% url(../ableplayer/images/wingrip.png) no-repeat}.able-sign-window{position:relative;margin:1em;z-index:8000}.able-sign-window video{width:100%}.able-sign-window:focus{outline:none}div.able-chapters-div{padding:0}div.able-chapters-div .able-chapters-heading{margin:1em .75em;font-size:1.1em;font-weight:700}div.able-chapters-div ul{list-style-type:none;padding-left:0}div.able-chapters-div ul li{max-width:100%;padding:0;height:2em}[dir=ltr] div.able-chapters-div button{text-align:left}[dir=rtl] div.able-chapters-div button{text-align:right}div.able-chapters-div button{width:100%;height:100%;border:none;background-color:transparent;color:#000;font-size:1em;padding:.15em 1em}div.able-chapters-div li.able-current-chapter{background-color:#000!important}div.able-chapters-div li.able-current-chapter button{color:#fff!important}div.able-chapters-div li.able-focus{background-color:#4c4c4c}div.able-chapters-div button::-moz-focus-inner,div.able-chapters-div button:focus,div.able-chapters-div button:hover{border:0;outline:none;color:#fff!important}.able-alert,.able-tooltip{position:absolute;padding:5px 10px;border-color:#000;border-width:1px;color:#000!important;background-color:#ccc;border-radius:5px;display:block}.able-alert{background-color:#ffc;box-shadow:0 0 16px #262626;z-index:9400}.able-popup{z-index:9200}.able-tooltip{z-index:9000}.able-popup{position:absolute;margin:0;padding:0;border-color:#000;border-width:1px;background-color:#000;opacity:.85;border-radius:5px;display:block;cursor:default;list-style:none}ul.able-popup{list-style-type:none}.able-popup li{padding:.25em 1em .25em .25em;margin:1px;color:#fff}.able-popup li.able-focus{background-color:#ccc;color:#000}.able-popup-captions li{padding-left:1em}.able-popup-captions li[aria-checked=true]{padding-left:0}.able-popup-captions li[aria-checked=true]:before{content:"\2713 "}.able-transcript-area{border-width:1px;border-style:solid;height:400px;z-index:7000;outline:none;padding-bottom:25px;background-color:#fff}.able-transcript{position:relative;overflow-y:scroll;padding-left:5%;padding-right:5%;background-color:#fff;height:350px}.able-transcript div{margin:1em 0}.able-transcript-heading{font-size:1.4em;font-weight:700}.able-transcript-chapter-heading{font-size:1.2em;font-weight:700}.able-transcript div.able-transcript-desc{background-color:#fee;border:thin solid #336;font-style:italic;padding:1em}.able-transcript .able-unspoken{font-weight:700}.able-transcript .able-hidden{position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}.able-highlight{background:#ff6}.able-previous{background:#000!important;font-style:italic}.able-transcript span:active,.able-transcript span:focus,.able-transcript span:hover{background:#cf6;cursor:pointer}[dir=ltr] .able-window-toolbar label{margin-right:10px}[dir=rtl] .able-window-toolbar label{margin-left:10px}.able-window-toolbar label{color:#fff}.able-controller button:focus,.able-controller button:hover,.able-controller input:focus,.able-controller input:hover,.able-seekbar-head:focus,.able-seekbar-head:hover,.able-window-toolbar input:focus,.able-window-toolbar input:hover,.able-window-toolbar select:focus,.able-window-toolbar select:hover{outline-style:solid;outline-width:2px}.able-controller button:focus,.able-controller input:focus,.able-seekbar-head:focus,.able-window-toolbar input:focus,.able-window-toolbar select:focus{outline-color:#ffbb37}.able-controller button:hover,.able-controller input:hover,.able-seekbar-head:hover,.able-window-toolbar input:hover,.able-window-toolbar select:hover{outline-color:#8ab839}[dir=ltr] .able-window-toolbar .transcript-language-select-wrapper{float:right}[dir=rtl] .able-window-toolbar .transcript-language-select-wrapper{float:left}.able-window-toolbar .transcript-language-select-wrapper{padding-right:30px}.able-playlist{list-style-type:none;margin:0;background-color:#fff;padding:5px 0}.able-playlist li{background-color:#ddd;margin:5px;padding:0;border:2px solid #aaa;border-radius:5px;-moz-border-radius:5px}.able-playlist li button{border:none;color:#000;background-color:transparent;font-size:1em;width:100%;padding:5px 10px;text-align:left}.able-playlist li button:active,.able-playlist li button:focus,.able-playlist li button:hover{background-color:#ffeeb3;color:#000;text-decoration:none;outline:none}.able-playlist li button::-moz-focus-inner{border:0}.able-playlist li button img{width:100px;float:left;margin-right:10px}.able-playlist li.able-current{background-color:#340449;border-color:#230330}.able-playlist li.able-current button{color:#fff;font-weight:700;text-decoration:none;outline:none}.able-playlist li.able-current button:active,.able-playlist li.able-current button:focus,.able-playlist li.able-current button:hover{color:#000}.able-search-results ul li{font-size:1.1em;margin-bottom:1em}.able-search-results-time{font-weight:700;text-decoration:underline;cursor:pointer}.able-search-results-time:active,.able-search-results-time:focus,.able-search-results-time:hover{color:#fff;background-color:#000;text-decoration:none}.able-search-results-text{padding-left:1em}.able-search-term{background-color:#ffc;font-weight:700}#able-vts-instructions{margin-bottom:1.5em;padding:1em;border:1px solid #999;width:720px;max-width:90%}#able-vts fieldset{margin:1em;border:none}#able-vts fieldset legend{color:#000;font-weight:700}[dir=ltr] #able-vts fieldset div{float:left}[dir=rtl] #able-vts fieldset div{float:right}#able-vts fieldset div{padding-right:1em}[dir=ltr] #able-vts table{clear:left}[dir=rtl] #able-vts table{clear:right}#able-vts table,#able-vts table td,#able-vts table th{border:1px solid #000;border-collapse:collapse;padding:.5em .75em}#able-vts table th.actions{min-width:140px}#able-vts table td button{width:auto;padding:0;margin:2px}#able-vts table td button svg{width:16px;height:16px}#able-vts table button:hover svg{fill:#c00}tr.kind-chapters,tr.kind-subtitles{background-color:#fff}tr.kind-descriptions{background-color:#fee}tr.kind-chapters{background-color:#e6ffe6}.able-vts-dragging{background-color:#ffc}div#able-vts-icon-credit{margin:1em}div#able-vts-alert{display:none;position:fixed;top:5px;left:5px;border:2px solid #666;background-color:#ffc;padding:1em;font-weight:700;z-index:9400}button#able-vts-save{font-size:1em;padding:.25em;border-radius:5px;margin-bottom:1em;font-weight:700}button#able-vts-save:focus,button#able-vts-save:hover{color:#fff;background-color:#060}#able-vts textarea,.able-vts-output-instructions{width:720px;max-width:90%}#able-vts textarea{height:200px}.able-clipped,.able-screenreader-alert{position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);width:1px!important;height:1px!important;overflow:hidden!important}.able-error{display:block;background:#ffc;border:2px solid #000;color:red;margin:.75em;padding:.5em}.able-fallback{display:block;text-align:center;border:2px solid #335;background-color:#eee;color:#000;font-weight:700;font-size:1.1em;padding:1em;margin-bottom:1em;max-width:500px;width:95%}[dir=ltr] .able-fallback div,[dir=ltr] .able-fallback p,[dir=ltr] .able-fallback ul{text-align:left}[dir=rtl] .able-fallback div,[dir=rtl] .able-fallback p,[dir=rtl] .able-fallback ul{text-align:right}.able-fallback li{font-weight:400}.able-fallback img{width:90%;margin:1em auto;opacity:.3}.able-fallback img.able-poster{position:relative}button svg{display:inline-block;width:1em;height:1em;fill:currentColor}@font-face{font-family:able;src:url(../ableplayer/button-icons/fonts/able.eot?dqripi);src:url(../ableplayer/button-icons/fonts/able.eot?dqripi#iefix) format("embedded-opentype"),url(../ableplayer/button-icons/fonts/able.ttf?dqripi) format("truetype"),url(../ableplayer/button-icons/fonts/able.woff?dqripi) format("woff"),url(../ableplayer/button-icons/fonts/able.svg?dqripi#able) format("svg");font-weight:400;font-style:normal}[class*=" icon-"],[class^=icon-]{font-family:able!important;speak:none;font-style:normal;font-weight:400;-webkit-font-feature-settings:normal;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-play:before{content:"\f04b"}.icon-pause:before{content:"\f04c"}.icon-stop:before{content:"\f04d"}.icon-restart:before{content:"\e900"}.icon-rewind:before{content:"\e603"}.icon-forward:before{content:"\e604"}.icon-previous:before{content:"\e901"}.icon-next:before{content:"\e902"}.icon-slower:before{content:"\f0dd"}.icon-faster:before{content:"\f0de"}.icon-turtle:before{content:"\e904"}.icon-rabbit:before{content:"\e905"}.icon-ellipsis:before{content:"\e903"}.icon-pipe:before{content:"\e600"}.icon-captions:before{content:"\e601"}.icon-descriptions:before{content:"\e602"}.icon-sign:before{content:"\e60a"}.icon-volume-mute:before{content:"\e606"}.icon-volume-soft:before{content:"\e60c"}.icon-volume-medium:before{content:"\e605"}.icon-volume-loud:before{content:"\e60b"}.icon-volume-up:before{content:"\e607"}.icon-volume-down:before{content:"\e608"}.icon-chapters:before{content:"\e609"}.icon-transcript:before{content:"\f15c"}.icon-preferences:before{content:"\e60d"}.icon-close:before{content:"\f00d"}.icon-fullscreen-expand:before{content:"\f065"}.icon-fullscreen-collapse:before{content:"\f066"}.icon-help:before{content:"\f128"}pre{white-space:pre-wrap}.highlight{font-size:14px;color:#036;color:var(--w3c-blue);-moz-tab-size:2;-o-tab-size:2;tab-size:2;-webkit-font-feature-settings:"liga","clig off";font-feature-settings:"liga","clig off";-webkit-font-variant-ligatures:no-common-ligatures;font-variant-ligatures:no-common-ligatures}.highlight .c{color:#3b3b3b;color:var(--dk-grey)}.highlight .err,.highlight .g{color:#036;color:var(--w3c-blue)}.highlight .k{color:#005a6a;color:var(--wai-green)}.highlight .l,.highlight .n{color:#036;color:var(--w3c-blue)}.highlight .o{color:#005a6a;color:var(--wai-green)}.highlight .x{color:#c0272d;color:var(--faded-red)}.highlight .p{color:#036;color:var(--w3c-blue)}.highlight .cm{color:#3b3b3b;color:var(--dk-grey)}.highlight .cp{color:#005a6a;color:var(--wai-green)}.highlight .c1{color:#3b3b3b;color:var(--dk-grey)}.highlight .cs,.highlight .gd{color:#005a6a;color:var(--wai-green)}.highlight .ge{color:#036;color:var(--w3c-blue);font-weight:700}.highlight .gh,.highlight .gr{color:#c0272d;color:var(--faded-red)}.highlight .gi{color:#005a6a;color:var(--wai-green)}.highlight .go,.highlight .gp,.highlight .gs{color:#036;color:var(--w3c-blue)}.highlight .gs{font-weight:700}.highlight .gu{color:#c0272d;color:var(--faded-red)}.highlight .gt{color:#036;color:var(--w3c-blue)}.highlight .kc{color:#c0272d;color:var(--faded-red)}.highlight .kd{color:#005a9c;color:var(--w3c-classic)}.highlight .kn,.highlight .kp{color:#005a6a;color:var(--wai-green)}.highlight .kr{color:#005a9c;color:var(--w3c-classic)}.highlight .kt{color:#c0272d;color:var(--faded-red)}.highlight .ld{color:#036;color:var(--w3c-blue)}.highlight .m,.highlight .s{color:#005a6a;color:var(--wai-green)}.highlight .na{color:#036;color:var(--w3c-blue)}.highlight .nb{color:#c0272d;color:var(--faded-red)}.highlight .nc{color:#005a9c;color:var(--w3c-classic)}.highlight .no{color:#c0272d;color:var(--faded-red)}.highlight .nd{color:#005a9c;color:var(--w3c-classic)}.highlight .ne,.highlight .ni{color:#c0272d;color:var(--faded-red)}.highlight .nf{color:#005a9c;color:var(--w3c-classic)}.highlight .nl,.highlight .nn,.highlight .nx,.highlight .py{color:#036;color:var(--w3c-blue)}.highlight .nt,.highlight .nv{color:#005a9c;color:var(--w3c-classic)}.highlight .ow{color:#005a6a;color:var(--wai-green)}.highlight .w{color:#036;color:var(--w3c-blue)}.highlight .mf,.highlight .mh,.highlight .mi,.highlight .mo{color:#005a6a;color:var(--wai-green)}.highlight .sb{color:#3b3b3b;color:var(--dk-grey)}.highlight .sc{color:#005a6a;color:var(--wai-green)}.highlight .sd{color:#036;color:var(--w3c-blue)}.highlight .s2{color:#005a6a;color:var(--wai-green)}.highlight .se{color:#c0272d;color:var(--faded-red)}.highlight .sh{color:#036;color:var(--w3c-blue)}.highlight .si,.highlight .sx{color:#005a6a;color:var(--wai-green)}.highlight .sr{color:#c0272d;color:var(--faded-red)}.highlight .s1,.highlight .ss{color:#005a6a;color:var(--wai-green)}.highlight .bp,.highlight .vc,.highlight .vg,.highlight .vi{color:#005a9c;color:var(--w3c-classic)}.highlight .il{color:#005a6a;color:var(--wai-green)}:not(.highlight) code{-webkit-font-feature-settings:"liga","clig off";font-feature-settings:"liga","clig off";-webkit-font-variant-ligatures:no-common-ligatures;font-variant-ligatures:no-common-ligatures;color:#036;color:var(--w3c-blue)}
2
2
  /*# sourceMappingURL=style.css.map */
data/assets/css/style.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["colors.css","base.css","style.css","../components/atoms/button.css","../components/atoms/images.css","../components/atoms/mark.css","../components/atoms/p.css","../components/atoms/showhidebutton.css","../components/blockquote-in-box/blockquote-in-box.css","../components/box/box.css","../components/breadcrumb.css","../components/content.css","../components/decision-tree/decision-tree.css","../components/document-notes/document-notes-draft.css","../components/document-notes/document-notes-translation.css","../components/document-notes/document-notes.css","../components/excol/excol.css","../components/figure/figure.css","../components/footer/footers.css","../components/footnotes/footnotes.css","../components/form/form-elements.css","../components/form/form-search.css","../components/header/header.css","../components/headings/headings.css","../components/icons/icons.css","../components/lists/description-list.css","../components/lists/lists.css","../components/misc/warning.css","../components/navigations/controls.css","../components/navigations/mainnav.css","../components/navigations/metanav.css","../components/navigations/navigations.css","../components/news/news.css","../components/notes/notes.css","../components/pager/pager.css","../components/pagination/pagination.css","../components/quote/quote.css","../components/related-content/related-content.css","../components/sidenav/sidenav.css","../components/tables/tables.css","../components/teaser/audiences-inline.css","../components/teaser/making-web-accessible.css","../components/teaser/media-inline.css","../components/teaser/news.css","../components/teaser/resource-inline.css","../components/teaser/teaser.css","../components/video-links/video-links.css","../components/video/video.css","code.css"],"names":[],"mappings":"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,gBAAA,A1BqwGA,S0BpwGE,A1BqwGF,S0BrwGE,C1BswGH,AAEL,wB0BlwGE,0BACE,eAAsB,C1BqwGvB,AAEH,0B0BrwGI,gBAAkB,C1BuwGnB,AAEH,0BACQ,gBAAkB,C0BxwGtB,A1B2wGJ,0B0BxwGI,iBAAA,C1B0wGD,AAEH,gB0BxzGA,SAAA,AA+CI,SAAA,CAEJ,CADE,AAGF,0BACE,0BAAwB,CAC1B,AACA,0BACE,2BAAe,C1B6wGhB,A0B1wGD,0B1B6wGM,qCAAuC,C0B5wG7C,A1B+wGA,0B0B5wGE,sCAAQ,C1B8wGT,AAED,4B0B9wGE,cAAA,AACE,eAAA,AACF,SAAA,A1BgxGM,SAAW,C0BlxGjB,AAEA,Y1BoxGE,WAAe,A0BlxGnB,sBAAA,AACE,qBAAY,A1BsxGV,aAAgB,C0B3wGlB,A1B+wGF,oC0BvxGA,mBAAA,AAQE,yBAAA,CAEF,AAVA,a1B8xGA,U0B3xGE,YAAA,C1B6xGD,C0B3xGC,A1B8xGF,mB0B1xGE,sBAAsB,CACxB,AAEA,iBACE,eAAe,AACjB,SAAA,A1B4xGE,SAAW,C2Bl3Gb,A3Bq3GA,oB2Bl3GE,YAAA,UAAA,AACA,SAAA,oBAAA,C3Bs3GD,AAED,0C2BjzGA,gBAAA,C3BmzGC,AAED,0C2Bx3GE,eAAA,C3B03GD,AAED,uC2BzzGA,aAAA,AAjEE,QAAA,C3B63GD,AAED,qC2Bz4GA,gBAAA,C3B24GC,AAED,qCACE,eAAiB,C2Bh4GjB,A3Bm4GF,2BACE,W2Bj4GY,A3Bk4GZ,qB2Bj4GE,A3Bk4GF,yB2Bj4GoB,A3Bk4GpB,U2Bj4GE,A3Bk4GF,W2Bl4GE,A3Bm4GF,S2Bn4GE,A3Bo4GF,gB2Bn4GE,A3Bo4GF,qB2Bp4GE,C3Bq4GH,AAED,a2Bl1GE,cAAA,C3Bo1GD,AAED,S2Bl5GE,kBAAA,A3Bo5GA,e2B14GI,A3B24GJ,kB2B34GI,AAkDJ,6BAAA,A3B21GA,wC2B54GE,A3B64GF,gCAAiC,A2B54G/B,2CAAA,A3B84GF,sB2B74GiB,A3B84GjB,iC2B74GsB,A3B84GtB,Y2B74GI,C3B84GL,AAED,c2B/4GM,aAAY,CAAA,A3Bi5GlB,wBAEA,SACI,aAAc,C2Bl5GZ,C3Bo5GH,AAEH,a2Bp5GQ,S3Bu5GJ,Y2Bt5GM,C3Bu5GT,CACE,A2Br5GG,Y3Bw5GF,W2Bv5GI,A3Bw5GJ,iB2Bv5GiB,A3Bw5GjB,U2Bv5GI,A3Bw5GJ,wB2Bv5GgB,A3Bw5GhB,kB2Bv5G4B,A3Bw5G5B,oB2Bx5GI,A3By5GJ,oB2Bx5GI,A3By5GJ,a2Bx5GI,A3By5GJ,0B2Bx5GoB,AAChB,uBAAA,A3By5GI,oB2Bz5GJ,A3B05GJ,mB2Bz5GI,cAAA,C3B25GL,AAEH,wBAEA,YACM,qB2B95GE,A3B+5GE,gB2B/5GF,C3Bg6GL,CACE,AAEL,e2Bj6GQ,cAAA,A3Bm6GF,kB2Bl6GkB,A3Bm6GlB,4B2Bl6GI,AACF,eAAA,A3Bm6GF,mBAAoB,A2Bl6GlB,oBAAA,AACE,YAAA,A3Bo6GJ,oB2Bp6GI,AACF,aAAA,C3Bq6GH,AAEL,sBACQ,gB2Br6GI,A3Bs6GJ,0B2Br6GE,C3Bs6GH,AAEP,6BACU,0C2Br6G+C,AAC/C,6CAAA,C3Bs6GD,AAET,iB2Bn6GM,qBAAA,A3Bq6GE,cAAc,A2Bv6GhB,WAAA,AACE,YAAA,AACF,WAAA,A3By6GE,wBAAyB,A2Bn6G/B,kBAAA,AADF,gBAAA,AAOA,sBAAA,AAJE,oBAAA,A3Bw6GM,oBAAqB,A2Bv6G3B,aAAA,A3By6GM,yBAA0B,A2B76GlC,sBAAA,AAKI,mBAAA,AAEJ,wBAAA,AADE,qBAAA,A3B46Gc,uBAAwB,A2Bz6GtC,sBAAA,A3B26GM,gCAAiC,C2B56GzC,AAIA,sBADE,cAAA,A3B86GQ,mCAAqC,C4BtgH/C,AAuIA,8C5Bm4GU,yBAA0B,A4B1gHpC,+BAAA,CACE,A5B6gHF,8I4B9gHA,gCAAA,AAEE,mCAAW,CACX,AAoIF,oM5B64GY,6BAAiC,A4B/gH3C,yCAAuB,C5BihHd,AAEX,8B4BxhHA,6BAAA,C5B0hHC,AAED,8BACQ,8BAAgC,C4BphHtC,AATF,wBAuIA,UA5HE,YAAA,C5ByhHD,C4BxhHC,A5B2hHF,a4BzhHI,U5B4hHA,Y4B3hHE,C5B4hHL,CACE,AAEH,wBAEA,qB4B3hHE,YAAA,C5B6hHD,CACE,AAEH,mBACE,gB4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","file":"style.css","sourcesContent":[":root {\n --w3c-classic: #005A9C;\n --w3c-blue: #003366;\n --wai-green: #005A6A;\n --off-black: #1d1d1d;\n --dk-grey: #3b3b3b;\n --faded-red: #c0272d;\n --light-blue: #196cac;\n --dk-blue: #091832;\n --gold: rgb(238, 208, 9);\n --gold-light: rgba(238, 208, 9, .35);\n --ocean: #00818d;\n --cloudy: #bccbd3;\n --grey: #686868;\n --line-grey: #ddd;\n --trans-line-grey: rgba(221, 221, 221, 0.32);\n --off-white: #f2f2f2;\n --body-bg: #FAFAFC;\n --lt-off-white: #fafafa;\n --pure-white: #ffffff;\n --white-transparent: rgba(255, 255, 255, 0.92);;\n --visited-link: #660066;\n --footer-grey: #efefef;\n}\n\n/*\n@media(prefers-color-scheme: dark) {\n :root {\n --w3c-classic: #005A9C;\n --w3c-blue: #003366;\n --wai-green: #005A6A;\n --off-black: #f2d2d2;\n --dk-grey: #3b3b3b;\n --faded-red: #c0272d;\n --light-blue: #196cac;\n --dk-blue: #091832;\n --gold: #eed009;\n --ocean: #00818d;\n --cloudy: #bccbd3;\n --grey: #686868;\n --line-grey: #aaa;\n --trans-line-grey: rgba(34, 34, 34, 0.32);\n --off-white: #0c0c0c;\n --body-bg: #1d1d1d;\n --lt-off-white: #050505;\n --pure-white: #000000;\n --white-transparent: rgba(0, 0, 0, 0.92);\n --visited-link: #660066;\n --footer-grey: #efefef;\n }\n}\n*/","@custom-selector :--hovcus :hover, :focus;\n\n@custom-media --small (width >= 23em);\n@custom-media --medium (width >= 35em);\n@custom-media --medlarge (width >= 47.5em);\n@custom-media --large (width >= 60em);\n\n.visuallyhidden, .no-display {\n border: 0;\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n white-space: nowrap;\n &.focusable {\n &:active, &:focus {\n clip: auto;\n clip-path: none;\n height: auto;\n margin: 0;\n overflow: visible;\n position: static;\n width: auto;\n white-space: inherit;\n }\n }\n}\n\n@font-face {\n font-family: 'Noto Sans';\n src: url('../fonts/notosans/notosans-regular.woff2') format('woff2'),\n url('../fonts/notosans/notosans-regular.woff') format('woff');\n font-weight: 400;\n font-style: normal;\n}\n@font-face {\n font-family: 'Noto Sans';\n src: url('../fonts/notosans/notosans-italic.woff2') format('woff2'),\n url('../fonts/notosans/notosans-italic.woff') format('woff');\n font-weight: 400;\n font-style: italic;\n}\n@font-face {\n font-family: 'Noto Sans';\n src: url('../fonts/notosans/notosans-bold.woff2') format('woff2'),\n url('../fonts/notosans/notosans-bold.woff') format('woff');\n font-weight: 600;\n font-style: normal;\n}\n@font-face {\n font-family: 'Noto Sans';\n src: url('../fonts/notosans/notosans-bolditalic.woff2') format('woff2'),\n url('../fonts/notosans/notosans-bolditalic.woff') format('woff');\n font-weight: 600;\n font-style: italic;\n}\n\n@font-face {\n font-family: 'Noto Sans Mono';\n src: url('../fonts/notosansmono/notosansmono-semicondensed.woff2') format('woff2'),\n url('../fonts/notosansmono/notosansmono-semicondensed.woff') format('woff');\n font-weight: 400;\n font-style: normal;\n}\n\n@font-face {\n font-family: 'Noto Sans Mono';\n src: url('../fonts/notosansmono/notosansmono-semicondensedbold.woff2') format('woff2'),\n url('../fonts/notosansmono/notosansmono-semicondensedbold.woff') format('woff');\n font-weight: 600;\n font-style: normal;\n}\n\n@font-face {\n font-family: 'Noto Naskh Arabic Minimal';\n src: url('../fonts/notonaskh/regular-minimal.woff2') format('woff2'),\n url('../fonts/notonaskh/regular-minimal.woff') format('woff');\n font-weight: normal;\n font-style: normal;\n}\n\n@font-face {\n font-family: 'Noto Naskh Arabic Minimal';\n src: url('../fonts/notonaskh/bold-minimal.woff2') format('woff2'),\n url('../fonts/notonaskh/bold-minimal.woff') format('woff');\n font-weight: bold;\n font-style: normal;\n}\n\n@font-face {\n font-family: 'Noto Naskh Arabic';\n src: url('../fonts/notonaskh/regular.woff2') format('woff2'),\n url('../fonts/notonaskh/regular.woff') format('woff');\n font-weight: normal;\n font-style: normal;\n}\n\n@font-face {\n font-family: 'Noto Naskh Arabic';\n src: url('../fonts/notonaskh/bold.woff2') format('woff2'),\n url('../fonts/notonaskh/bold.woff') format('woff');\n font-weight: bold;\n font-style: normal;\n}\n\nhtml {\n background-color: var(--off-white);\n @media print {\n background-color: #fff;\n }\n}\n\nbody {\n font-family: \"Noto Sans\", \"Trebuchet MS\", \"Helvetica Neue\", Arial, sans-serif;\n line-height: 1.5;\n font-size: 1rem;\n text-decoration-skip-ink: none;\n background-color: var(--body-bg);\n color: var(--off-black);\n padding: 0;\n padding: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);\n margin: 0 auto;\n max-width: 1250px;\n @supports (display: grid) {\n max-width: none;\n margin: 0;\n }\n @media print {\n color: #000;\n background-color: #fff;\n font-size: 10pt;\n text-decoration-skip-ink: none;\n }\n}\n\nbody:lang(ar) {\n font-family: \"Noto Naskh Arabic\", \"Noto Sans\", \"Trebuchet MS\", \"Helvetica Neue\", Arial, sans-serif;\n}\n\nbody:not(:lang(ar)) *:lang(ar) {\n font-family: \"Noto Naskh Arabic Minimal\", \"Noto Sans\", \"Trebuchet MS\", \"Helvetica Neue\", Arial, sans-serif;\n}\n\ncode {\n font-size: 1em;\n font-family: 'Noto Sans Mono', monospace;\n}\n\na {\n color: var(--w3c-blue);\n &:--hovcus {\n color: var(--wai-green);\n }\n &:visited {\n color: var(--visited-link);\n }\n &.stealthy-link {\n text-decoration: none;\n &:--hovcus {\n color: inherit;\n }\n &:visited {\n color: inherit;\n }\n }\n @media print {\n & {\n color: #000;\n }\n &[href^=\"#\"]:after {\n content: '(⇘ ' attr(href) ')';\n }\n &[href^=\"http\"]:after {\n content: ' (' attr(href) ')';\n }\n &[href^=\"/WAI/\"]:after {\n content: ' (https://www.w3.org' attr(href) ')';\n }\n }\n}\n\na, button, input, select, submit, textarea, [tabindex]:not([tabindex=\"-1\"]) {\n outline: 2px solid transparent;\n outline-offset: 5px;\n transition: outline-offset .2s linear;\n}\n\na:focus, button:focus, input:focus, select:focus, submit:focus, textarea:focus, [tabindex]:not([tabindex=\"-1\"]):focus {\n outline-color: currentColor;\n outline-offset: 2px;\n}\n\n.default-container, .default-grid {\n padding: 0 32px;\n @media (--medium) {\n padding:0;\n }\n}\n\n.default-grid {\n padding: 0 16px;\n @media (--large) {\n padding:0;\n display: flex;\n padding-inline-start: 32px;\n padding-inline-end: 32px;\n @supports (display: grid) {\n display: grid;\n grid-column-gap: 32px;\n padding: 0;\n max-width: none;\n grid-template-columns: [complete-start] minmax(16px, 1fr) [navigation-start] repeat(2, minmax(0, 130px)) [navigation-end content-start] repeat(6, minmax(0, 130px)) [content-end] minmax(16px, 1fr) [complete-end];\n }\n & .inner {\n grid-column-start: navigation-start;\n grid-column-end: content-end;\n }\n }\n @media print {\n display: block;\n }\n}\n\n.grid-3 {\n @media (--large) {\n display: flex;\n padding-inline-start: 32px;\n padding-inline-end: 32px;\n @supports (display: grid) {\n display: grid;\n grid-column-gap: 32px;\n padding: 0;\n max-width: none;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n &.nogap { grid-column-gap: 0; }\n }\n & .col1, & .from-col1 { grid-column-start: 1; }\n & .col1, & .to-col1 { grid-column-end: 2; }\n\n & .col2, & .from-col2 { grid-column-start: 2; }\n & .col2, & .to-col2 { grid-column-end: 3; }\n\n & .col3, & .from-col3 { grid-column-start: 3; }\n & .col3, & .to-col3 { grid-column-end: 4; }\n\n}\n\n.grid-4 {\n @media (--large) {\n display: flex;\n padding-inline-start: 32px;\n padding-inline-end: 32px;\n @supports (display: grid) {\n display: grid;\n grid-column-gap: 32px;\n padding: 0;\n max-width: none;\n grid-template-columns: repeat(4, minmax(0, 1fr));\n }\n &.nogap { grid-column-gap: 0; }\n }\n & .col1, & .from-col1 { grid-column-start: 1; }\n & .col1, & .to-col1 { grid-column-end: 2; }\n\n & .col2, & .from-col2 { grid-column-start: 2; }\n & .col2, & .to-col2 { grid-column-end: 3; }\n\n & .col3, & .from-col3 { grid-column-start: 3; }\n & .col3, & .to-col3 { grid-column-end: 4; }\n\n & .col4, & .from-col4 { grid-column-start: 4; }\n & .col4, & .to-col4 { grid-column-end: 5; }\n\n}\n\n.grid-6 {\n @media (--large) {\n display: flex;\n padding-inline-start: 32px;\n padding-inline-end: 32px;\n @supports (display: grid) {\n display: grid;\n grid-column-gap: 32px;\n padding: 0;\n max-width: none;\n grid-template-columns: repeat(6, minmax(0, 1fr));\n }\n }\n\n & .col1, & .from-col1 { grid-column-start: 1; }\n & .col1, & .to-col1 { grid-column-end: 2; }\n\n & .col2, & .from-col2 { grid-column-start: 2; }\n & .col2, & .to-col2 { grid-column-end: 3; }\n\n & .col3, & .from-col3 { grid-column-start: 3; }\n & .col3, & .to-col3 { grid-column-end: 4; }\n\n & .col4, & .from-col4 { grid-column-start: 4; }\n & .col4, & .to-col4 { grid-column-end: 5; }\n\n & .col5, & .from-col5 { grid-column-start: 5; }\n & .col5, & .to-col5 { grid-column-end: 6; }\n\n & .col6, & .from-col6 { grid-column-start: 6; }\n & .col6, & .to-col6 { grid-column-end: 7; }\n\n /* IE fixes: */\n & .col1, & .col2, & .col3, & .col4, & .col5, & .col6, &.from-col1, & .from-col2, & .from-col3, & .from-col4, & .from-col5, & .from-col6 {flex-basis: 25%; flex-grow: 1;}\n & .col2, & .col3, & .col4, & .col5, & .col6, & .from-col2, & .from-col3, & .from-col4, & .from-col5, & .from-col6 {margin-inline-start: 32px;}\n @supports (display: grid) {\n & .col2, & .col3, & .col4, & .col5, & .col6, & .from-col2, & .from-col3, & .from-col4, & .from-col5, & .from-col6 {margin-inline-start: 0;}\n }\n &.from-col1.to-col6 {\n width: 100%;\n }\n}\n\n.grid-three-five {\n & .col1, & .col2 { padding-inline-start: 16px; padding-inline-end: 16px; }\n @media (--medium) {\n display: flex;\n padding-inline-start: 32px;\n padding-inline-end: 32px;\n @supports (display: grid) {\n display: grid;\n grid-column-gap: 32px;\n padding: 0;\n max-width: none;\n grid-template-columns: [complete-start] 0 [three-start five-start] 1fr [three-end five-end] 0 [complete-end];\n @media (--medium) {\n grid-template-columns: [complete-start] minmax(16px, 1fr) [three-start] repeat(3, minmax(0, 130px)) [three-end five-start] repeat(5, minmax(0, 130px)) [five-end] minmax(16px, 1fr) [complete-end];\n }\n }\n & .col1, & .col2 { padding: 0; }\n }\n & .col1, & .col2 { flex-shrink: 1; }\n & .col1 {\n flex-basis: 35%;\n grid-column-start: three-start;\n grid-column-end: three-end;\n margin-inline-end: 32px;\n @supports (display: grid) {\n margin-inline-end: 0;\n }\n }\n & .col2 {\n flex-basis: 61%;\n grid-column-start: five-start;\n grid-column-end: five-end;\n }\n & .col12 {\n flex-basis: 100%;\n grid-column-start: three-start;\n grid-column-end: five-end;\n }\n}\n\n.grid-five-three {\n & .col1, & .col2 { padding-inline-start: 16px; padding-inline-end: 16px; }\n @media (--medium) {\n display: flex;\n padding-inline-start: 32px;\n padding-inline-end: 32px;\n @supports (display: grid) {\n display: grid;\n grid-column-gap: 32px;\n padding: 0;\n max-width: none;\n grid-template-columns: [complete-start] 0 [three-start five-start] 1fr [three-end five-end] 0 [complete-end];\n @media (--medium) {\n grid-template-columns: [complete-start] minmax(16px, 1fr) [five-start] repeat(5, minmax(0, 130px)) [five-end three-start] repeat(3, minmax(0, 130px)) [three-end] minmax(16px, 1fr) [complete-end];\n }\n }\n & .col1, & .col2 { padding: 0; }\n }\n & .col1, & .col2 { flex-shrink: 1; }\n & .col1 {\n flex: 1 1 62%;\n grid-column-start: five-start;\n grid-column-end: five-end;\n margin-inline-end: 32px;\n @supports (display: grid) {\n margin-inline-end: 0;\n }\n }\n & .col2 {\n flex: 1 1 37%;\n grid-column-start: three-start;\n grid-column-end: three-end;\n }\n & .col12 {\n flex-basis: 100%;\n grid-column-start: five-start;\n grid-column-end: three-end;\n }\n}\n\n.grid-4q {\n display: flex;\n padding-inline-start: 32px;\n padding-inline-end: 32px;\n @supports (display: grid) {\n display: grid;\n grid-column-gap: 32px;\n padding: 0;\n max-width: none;\n grid-template-columns: [complete-start] 0 [q1-start q2-start q3-start q4-start] 1fr [q1-end q2-end q3-end q4-end] 0 [complete-end];\n @media (--large) {\n grid-template-columns: [complete-start] minmax(16px, 1fr) [content-start q1-start] repeat(2, minmax(0, 130px)) [q1-end q2-start] repeat(2, minmax(0, 130px)) [q2-end q3-start] repeat(2, minmax(0, 130px)) [q3-end q4-start] repeat(2, minmax(0, 130px)) [q4-end content-end] minmax(16px, 1fr) [complete-end];\n }\n }\n &.nogap {\n grid-template-columns: [complete-start] 0 [q1-start q2-start q3-start q4-start] 1fr [q1-end q2-end q3-end q4-end] 0 [complete-end];\n @media (--large) {\n grid-template-columns: [complete-start] minmax(16px, 1fr) [content-start q1-start] repeat(2, minmax(0, 158px)) [q1-end q2-start] repeat(2, minmax(0, 158px)) [q2-end q3-start] repeat(2, minmax(0, 158px)) [q3-end q4-start] repeat(2, minmax(0, 158px)) [q4-end content-end] minmax(16px, 1fr) [complete-end];\n }\n grid-column-gap: 0;\n }\n\n & .q1-start {\n flex-basis:25%;\n flex-shrink: 1;\n margin-inline-end: 32px;\n grid-column-start: q1-start;\n }\n & .q2-start {\n flex-basis:25%;\n flex-shrink: 1;\n margin-inline-end: 32px;\n grid-column-start: q2-start;\n }\n & .q3-start {\n flex-basis:25%;\n flex-shrink: 1;\n margin-inline-end: 32px;\n grid-column-start: q3-start;\n }\n & .q4-start {\n flex-basis:25%;\n flex-shrink: 1;\n margin-inline-end: 32px;\n grid-column-start: q4-start;\n }\n & .q1-end {\n grid-column-end: q1-end;\n }\n & .q2-end {\n grid-column-end: q2-end;\n }\n & .q3-end {\n grid-column-end: q3-end;\n }\n & .q4-end {\n grid-column-end: q4-end;\n margin-inline-end: 0;\n }\n & .q1-start.q2-end,\n & .q2-start.q3-end,\n & .q3-start.q4-end {\n flex-basis: 50%;\n }\n & .q1-start.q3-end,\n & .q2-start.q4-end {\n flex-basis: 75%;\n }\n\n &.nogap {\n & .q1-start,\n & .q2-start,\n & .q3-start,\n & .q4-start {\n margin-inline-end: 0;\n }\n }\n\n @supports(display: grid) {\n & .q1-start,\n & .q2-start,\n & .q3-start,\n & .q4-start {\n margin-inline-end: 0;\n }\n }\n}\n\n.leftcol {\n & nav {\n flex-basis: 24.25%;\n flex-shrink: 0;\n }\n & main {\n grid-area: content;\n flex: 1;\n margin-inline-start: 32px;\n @supports (display: grid) {\n margin-inline-start: 0;\n }\n }\n}\n\n.grid-line-right {\n @media (--medium) {\n border-inline-end: 1px solid var(--line-grey);\n margin-inline-end: -17px !important;\n padding-inline-end: 17px !important;\n }\n}\n\n.grid-line-left {\n @media (--medium) {\n border-inline-start: 1px solid var(--line-grey);\n margin-inline-start: -16px !important;\n padding-inline-start: 16px !important;\n }\n}\n\n.media-wrapper, .able-media-container {\n position: relative;\n padding-top: 56.25%;\n & iframe, & video, & .img {\n position: absolute;\n top:0;\n right: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: none;\n }\n}\n\n.contentarea {\n position: relative;\n}\n\nimg.symbol {\n float: inline-end;\n margin-inline-start: 1em;\n margin-block-end: 1em;\n}\n\nmain img { max-width: 100%; }\n\nfigure { margin: 0 0 1em; }\nfigcaption { font-weight: bold; border-block-end: 1px solid var(--line-grey); margin-block-end: .5em;}",":root {\n --w3c-classic: #005A9C;\n --w3c-blue: #003366;\n --wai-green: #005A6A;\n --off-black: #1d1d1d;\n --dk-grey: #3b3b3b;\n --faded-red: #c0272d;\n --light-blue: #196cac;\n --dk-blue: #091832;\n --gold: rgb(238, 208, 9);\n --gold-light: rgba(238, 208, 9, .35);\n --ocean: #00818d;\n --cloudy: #bccbd3;\n --grey: #686868;\n --line-grey: #ddd;\n --trans-line-grey: rgba(221, 221, 221, 0.32);\n --off-white: #f2f2f2;\n --body-bg: #FAFAFC;\n --lt-off-white: #fafafa;\n --pure-white: #ffffff;\n --white-transparent: rgba(255, 255, 255, 0.92);;\n --visited-link: #660066;\n --footer-grey: #efefef;\n}\n\n/*\n@media(prefers-color-scheme: dark) {\n :root {\n --w3c-classic: #005A9C;\n --w3c-blue: #003366;\n --wai-green: #005A6A;\n --off-black: #f2d2d2;\n --dk-grey: #3b3b3b;\n --faded-red: #c0272d;\n --light-blue: #196cac;\n --dk-blue: #091832;\n --gold: #eed009;\n --ocean: #00818d;\n --cloudy: #bccbd3;\n --grey: #686868;\n --line-grey: #aaa;\n --trans-line-grey: rgba(34, 34, 34, 0.32);\n --off-white: #0c0c0c;\n --body-bg: #1d1d1d;\n --lt-off-white: #050505;\n --pure-white: #000000;\n --white-transparent: rgba(0, 0, 0, 0.92);\n --visited-link: #660066;\n --footer-grey: #efefef;\n }\n}\n*/\n\n.visuallyhidden, .no-display {\n border: 0;\n clip: rect(0 0 0 0);\n -webkit-clip-path: inset(50%);\n clip-path: inset(50%);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n white-space: nowrap\n}\n\n.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus, .no-display.focusable:active, .no-display.focusable:focus {\n clip: auto;\n -webkit-clip-path: none;\n clip-path: none;\n height: auto;\n margin: 0;\n overflow: visible;\n position: static;\n width: auto;\n white-space: inherit;\n }\n\n@font-face {\n font-family: 'Noto Sans';\n src: url('../fonts/notosans/notosans-regular.woff2') format('woff2'),\n url('../fonts/notosans/notosans-regular.woff') format('woff');\n font-weight: 400;\n font-style: normal;\n}\n\n@font-face {\n font-family: 'Noto Sans';\n src: url('../fonts/notosans/notosans-italic.woff2') format('woff2'),\n url('../fonts/notosans/notosans-italic.woff') format('woff');\n font-weight: 400;\n font-style: italic;\n}\n\n@font-face {\n font-family: 'Noto Sans';\n src: url('../fonts/notosans/notosans-bold.woff2') format('woff2'),\n url('../fonts/notosans/notosans-bold.woff') format('woff');\n font-weight: 600;\n font-style: normal;\n}\n\n@font-face {\n font-family: 'Noto Sans';\n src: url('../fonts/notosans/notosans-bolditalic.woff2') format('woff2'),\n url('../fonts/notosans/notosans-bolditalic.woff') format('woff');\n font-weight: 600;\n font-style: italic;\n}\n\n@font-face {\n font-family: 'Noto Sans Mono';\n src: url('../fonts/notosansmono/notosansmono-semicondensed.woff2') format('woff2'),\n url('../fonts/notosansmono/notosansmono-semicondensed.woff') format('woff');\n font-weight: 400;\n font-style: normal;\n}\n\n@font-face {\n font-family: 'Noto Sans Mono';\n src: url('../fonts/notosansmono/notosansmono-semicondensedbold.woff2') format('woff2'),\n url('../fonts/notosansmono/notosansmono-semicondensedbold.woff') format('woff');\n font-weight: 600;\n font-style: normal;\n}\n\n@font-face {\n font-family: 'Noto Naskh Arabic Minimal';\n src: url('../fonts/notonaskh/regular-minimal.woff2') format('woff2'),\n url('../fonts/notonaskh/regular-minimal.woff') format('woff');\n font-weight: normal;\n font-style: normal;\n}\n\n@font-face {\n font-family: 'Noto Naskh Arabic Minimal';\n src: url('../fonts/notonaskh/bold-minimal.woff2') format('woff2'),\n url('../fonts/notonaskh/bold-minimal.woff') format('woff');\n font-weight: bold;\n font-style: normal;\n}\n\n@font-face {\n font-family: 'Noto Naskh Arabic';\n src: url('../fonts/notonaskh/regular.woff2') format('woff2'),\n url('../fonts/notonaskh/regular.woff') format('woff');\n font-weight: normal;\n font-style: normal;\n}\n\n@font-face {\n font-family: 'Noto Naskh Arabic';\n src: url('../fonts/notonaskh/bold.woff2') format('woff2'),\n url('../fonts/notonaskh/bold.woff') format('woff');\n font-weight: bold;\n font-style: normal;\n}\n\nhtml {\n background-color: #f2f2f2;\n background-color: var(--off-white)\n}\n\n@media print {\n\nhtml {\n background-color: #fff\n}\n }\n\nbody {\n font-family: \"Noto Sans\", \"Trebuchet MS\", \"Helvetica Neue\", Arial, sans-serif;\n line-height: 1.5;\n font-size: 16px;\n font-size: 1rem;\n -webkit-text-decoration-skip-ink: none;\n text-decoration-skip-ink: none;\n background-color: #FAFAFC;\n background-color: var(--body-bg);\n color: #1d1d1d;\n color: var(--off-black);\n padding: 0;\n padding: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);\n margin: 0 auto;\n max-width: 1250px\n}\n\n@supports (display: grid) {\n\nbody {\n max-width: none;\n margin: 0\n}\n }\n\n@media print {\n\nbody {\n color: #000;\n background-color: #fff;\n font-size: 10pt;\n -webkit-text-decoration-skip-ink: none;\n text-decoration-skip-ink: none\n}\n }\n\nbody:lang(ar) {\n font-family: \"Noto Naskh Arabic\", \"Noto Sans\", \"Trebuchet MS\", \"Helvetica Neue\", Arial, sans-serif;\n}\n\nbody:not(:lang(ar)) *:lang(ar) {\n font-family: \"Noto Naskh Arabic Minimal\", \"Noto Sans\", \"Trebuchet MS\", \"Helvetica Neue\", Arial, sans-serif;\n}\n\ncode {\n font-size: 1em;\n font-family: 'Noto Sans Mono', monospace;\n}\n\na {\n color: #003366;\n color: var(--w3c-blue)\n}\n\na:hover,a:focus {\n color: #005A6A;\n color: var(--wai-green);\n }\n\na:visited {\n color: #660066;\n color: var(--visited-link);\n }\n\na.stealthy-link {\n text-decoration: none\n }\n\na.stealthy-link:hover,a.stealthy-link:focus {\n color: inherit;\n }\n\na.stealthy-link:visited {\n color: inherit;\n }\n\n@media print {\n a {\n color: #000;\n }\n a[href^=\"#\"]:after {\n content: '(⇘ ' attr(href) ')';\n }\n a[href^=\"http\"]:after {\n content: ' (' attr(href) ')';\n }\n a[href^=\"/WAI/\"]:after {\n content: ' (https://www.w3.org' attr(href) ')';\n }\n }\n\na, button, input, select, submit, textarea, [tabindex]:not([tabindex=\"-1\"]) {\n outline: 2px solid transparent;\n outline-offset: 5px;\n -webkit-transition: outline-offset .2s linear;\n transition: outline-offset .2s linear;\n}\n\na:focus, button:focus, input:focus, select:focus, submit:focus, textarea:focus, [tabindex]:not([tabindex=\"-1\"]):focus {\n outline-color: currentColor;\n outline-offset: 2px;\n}\n\n.default-container, .default-grid {\n padding: 0 32px\n}\n\n@media (min-width: 35em) {\n\n.default-container, .default-grid {\n padding:0\n}\n }\n\n.default-grid {\n padding: 0 16px\n}\n\n@media (min-width: 60em) {\n\n[dir=\"ltr\"] .default-grid {\n padding-left: 32px;\n }\n\n[dir=\"rtl\"] .default-grid {\n padding-right: 32px;\n }\n\n[dir=\"ltr\"] .default-grid {\n padding-right: 32px;\n }\n\n[dir=\"rtl\"] .default-grid {\n padding-left: 32px;\n }\n\n.default-grid {\n padding:0;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex\n}\n @supports (display: grid) {\n\n.default-grid {\n display: grid;\n grid-column-gap: 32px;\n padding: 0;\n max-width: none;\n grid-template-columns: [complete-start] minmax(16px, 1fr) [navigation-start] repeat(2, minmax(0, 130px)) [navigation-end content-start] repeat(6, minmax(0, 130px)) [content-end] minmax(16px, 1fr) [complete-end]\n}\n }\n .default-grid .inner {\n grid-column-start: navigation-start;\n grid-column-end: content-end;\n }\n }\n\n@media print {\n\n.default-grid {\n display: block\n}\n }\n\n@media (min-width: 60em) {\n\n[dir=\"ltr\"] .grid-3 {\n padding-left: 32px;\n }\n\n[dir=\"rtl\"] .grid-3 {\n padding-right: 32px;\n }\n\n[dir=\"ltr\"] .grid-3 {\n padding-right: 32px;\n }\n\n[dir=\"rtl\"] .grid-3 {\n padding-left: 32px;\n }\n\n.grid-3 {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex\n\n}\n @supports (display: grid) {\n\n.grid-3 {\n display: grid;\n grid-column-gap: 32px;\n padding: 0;\n max-width: none;\n grid-template-columns: repeat(3, minmax(0, 1fr))\n\n}\n }\n .grid-3.nogap { grid-column-gap: 0; }\n }\n\n.grid-3 .col1, .grid-3 .from-col1 { grid-column-start: 1; }\n\n.grid-3 .col1, .grid-3 .to-col1 { grid-column-end: 2; }\n\n.grid-3 .col2, .grid-3 .from-col2 { grid-column-start: 2; }\n\n.grid-3 .col2, .grid-3 .to-col2 { grid-column-end: 3; }\n\n.grid-3 .col3, .grid-3 .from-col3 { grid-column-start: 3; }\n\n.grid-3 .col3, .grid-3 .to-col3 { grid-column-end: 4; }\n\n@media (min-width: 60em) {\n\n[dir=\"ltr\"] .grid-4 {\n padding-left: 32px;\n }\n\n[dir=\"rtl\"] .grid-4 {\n padding-right: 32px;\n }\n\n[dir=\"ltr\"] .grid-4 {\n padding-right: 32px;\n }\n\n[dir=\"rtl\"] .grid-4 {\n padding-left: 32px;\n }\n\n.grid-4 {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex\n\n}\n @supports (display: grid) {\n\n.grid-4 {\n display: grid;\n grid-column-gap: 32px;\n padding: 0;\n max-width: none;\n grid-template-columns: repeat(4, minmax(0, 1fr))\n\n}\n }\n .grid-4.nogap { grid-column-gap: 0; }\n }\n\n.grid-4 .col1, .grid-4 .from-col1 { grid-column-start: 1; }\n\n.grid-4 .col1, .grid-4 .to-col1 { grid-column-end: 2; }\n\n.grid-4 .col2, .grid-4 .from-col2 { grid-column-start: 2; }\n\n.grid-4 .col2, .grid-4 .to-col2 { grid-column-end: 3; }\n\n.grid-4 .col3, .grid-4 .from-col3 { grid-column-start: 3; }\n\n.grid-4 .col3, .grid-4 .to-col3 { grid-column-end: 4; }\n\n.grid-4 .col4, .grid-4 .from-col4 { grid-column-start: 4; }\n\n.grid-4 .col4, .grid-4 .to-col4 { grid-column-end: 5; }\n\n@media (min-width: 60em) {\n\n[dir=\"ltr\"] .grid-6 {\n padding-left: 32px;\n }\n\n[dir=\"rtl\"] .grid-6 {\n padding-right: 32px;\n }\n\n[dir=\"ltr\"] .grid-6 {\n padding-right: 32px;\n }\n\n[dir=\"rtl\"] .grid-6 {\n padding-left: 32px;\n }\n\n.grid-6 {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex\n}\n @supports (display: grid) {\n\n.grid-6 {\n display: grid;\n grid-column-gap: 32px;\n padding: 0;\n max-width: none;\n grid-template-columns: repeat(6, minmax(0, 1fr))\n}\n }\n }\n\n.grid-6 .col1, .grid-6 .from-col1 { grid-column-start: 1; }\n\n.grid-6 .col1, .grid-6 .to-col1 { grid-column-end: 2; }\n\n.grid-6 .col2, .grid-6 .from-col2 { grid-column-start: 2; }\n\n.grid-6 .col2, .grid-6 .to-col2 { grid-column-end: 3; }\n\n.grid-6 .col3, .grid-6 .from-col3 { grid-column-start: 3; }\n\n.grid-6 .col3, .grid-6 .to-col3 { grid-column-end: 4; }\n\n.grid-6 .col4, .grid-6 .from-col4 { grid-column-start: 4; }\n\n.grid-6 .col4, .grid-6 .to-col4 { grid-column-end: 5; }\n\n.grid-6 .col5, .grid-6 .from-col5 { grid-column-start: 5; }\n\n.grid-6 .col5, .grid-6 .to-col5 { grid-column-end: 6; }\n\n.grid-6 .col6, .grid-6 .from-col6 { grid-column-start: 6; }\n\n.grid-6 .col6, .grid-6 .to-col6 { grid-column-end: 7; }\n\n.grid-6 {\n\n /* IE fixes: */\n}\n\n.grid-6 .col1, .grid-6 .col2, .grid-6 .col3, .grid-6 .col4, .grid-6 .col5, .grid-6 .col6, .grid-6.from-col1, .grid-6 .from-col2, .grid-6 .from-col3, .grid-6 .from-col4, .grid-6 .from-col5, .grid-6 .from-col6 {-ms-flex-preferred-size: 25%;flex-basis: 25%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1;}\n\n[dir=\"ltr\"] .grid-6 .col2,[dir=\"ltr\"] .grid-6 .col3,[dir=\"ltr\"] .grid-6 .col4,[dir=\"ltr\"] .grid-6 .col5,[dir=\"ltr\"] .grid-6 .col6,[dir=\"ltr\"] .grid-6 .from-col2,[dir=\"ltr\"] .grid-6 .from-col3,[dir=\"ltr\"] .grid-6 .from-col4,[dir=\"ltr\"] .grid-6 .from-col5,[dir=\"ltr\"] .grid-6 .from-col6 {margin-left: 32px;\n}\n\n[dir=\"rtl\"] .grid-6 .col2,[dir=\"rtl\"] .grid-6 .col3,[dir=\"rtl\"] .grid-6 .col4,[dir=\"rtl\"] .grid-6 .col5,[dir=\"rtl\"] .grid-6 .col6,[dir=\"rtl\"] .grid-6 .from-col2,[dir=\"rtl\"] .grid-6 .from-col3,[dir=\"rtl\"] .grid-6 .from-col4,[dir=\"rtl\"] .grid-6 .from-col5,[dir=\"rtl\"] .grid-6 .from-col6 {margin-right: 32px;\n}\n\n@supports (display: grid) {\n [dir=\"ltr\"] .grid-6 .col2,[dir=\"ltr\"] .grid-6 .col3,[dir=\"ltr\"] .grid-6 .col4,[dir=\"ltr\"] .grid-6 .col5,[dir=\"ltr\"] .grid-6 .col6,[dir=\"ltr\"] .grid-6 .from-col2,[dir=\"ltr\"] .grid-6 .from-col3,[dir=\"ltr\"] .grid-6 .from-col4,[dir=\"ltr\"] .grid-6 .from-col5,[dir=\"ltr\"] .grid-6 .from-col6 {margin-left: 0;\n }\n [dir=\"rtl\"] .grid-6 .col2,[dir=\"rtl\"] .grid-6 .col3,[dir=\"rtl\"] .grid-6 .col4,[dir=\"rtl\"] .grid-6 .col5,[dir=\"rtl\"] .grid-6 .col6,[dir=\"rtl\"] .grid-6 .from-col2,[dir=\"rtl\"] .grid-6 .from-col3,[dir=\"rtl\"] .grid-6 .from-col4,[dir=\"rtl\"] .grid-6 .from-col5,[dir=\"rtl\"] .grid-6 .from-col6 {margin-right: 0;\n }\n }\n\n.grid-6.from-col1.to-col6 {\n width: 100%;\n }\n\n[dir=\"ltr\"] .grid-three-five .col1,[dir=\"ltr\"] .grid-three-five .col2 { padding-left: 16px;\n}\n\n[dir=\"rtl\"] .grid-three-five .col1,[dir=\"rtl\"] .grid-three-five .col2 { padding-right: 16px;\n}\n\n[dir=\"ltr\"] .grid-three-five .col1,[dir=\"ltr\"] .grid-three-five .col2 { padding-right: 16px;\n}\n\n[dir=\"rtl\"] .grid-three-five .col1,[dir=\"rtl\"] .grid-three-five .col2 { padding-left: 16px;\n}\n\n@media (min-width: 35em) {\n\n[dir=\"ltr\"] .grid-three-five {\n padding-left: 32px;\n }\n\n[dir=\"rtl\"] .grid-three-five {\n padding-right: 32px;\n }\n\n[dir=\"ltr\"] .grid-three-five {\n padding-right: 32px;\n }\n\n[dir=\"rtl\"] .grid-three-five {\n padding-left: 32px;\n }\n\n.grid-three-five {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex\n}\n @supports (display: grid) {\n\n.grid-three-five {\n display: grid;\n grid-column-gap: 32px;\n padding: 0;\n max-width: none;\n grid-template-columns: [complete-start] 0 [three-start five-start] 1fr [three-end five-end] 0 [complete-end]\n}\n @media (min-width: 35em) {\n\n.grid-three-five {\n grid-template-columns: [complete-start] minmax(16px, 1fr) [three-start] repeat(3, minmax(0, 130px)) [three-end five-start] repeat(5, minmax(0, 130px)) [five-end] minmax(16px, 1fr) [complete-end]\n}\n }\n }\n .grid-three-five .col1, .grid-three-five .col2 { padding: 0; }\n }\n\n.grid-three-five .col1, .grid-three-five .col2 { -ms-flex-negative: 1; flex-shrink: 1; }\n\n[dir=\"ltr\"] .grid-three-five .col1 {\n margin-right: 32px;\n}\n\n[dir=\"rtl\"] .grid-three-five .col1 {\n margin-left: 32px;\n}\n\n.grid-three-five .col1 {\n -ms-flex-preferred-size: 35%;\n flex-basis: 35%;\n grid-column-start: three-start;\n grid-column-end: three-end\n }\n\n@supports (display: grid) {\n\n[dir=\"ltr\"] .grid-three-five .col1 {\n margin-right: 0;\n }\n\n[dir=\"rtl\"] .grid-three-five .col1 {\n margin-left: 0;\n }\n }\n\n.grid-three-five .col2 {\n -ms-flex-preferred-size: 61%;\n flex-basis: 61%;\n grid-column-start: five-start;\n grid-column-end: five-end;\n }\n\n.grid-three-five .col12 {\n -ms-flex-preferred-size: 100%;\n flex-basis: 100%;\n grid-column-start: three-start;\n grid-column-end: five-end;\n }\n\n[dir=\"ltr\"] .grid-five-three .col1,[dir=\"ltr\"] .grid-five-three .col2 { padding-left: 16px;\n}\n\n[dir=\"rtl\"] .grid-five-three .col1,[dir=\"rtl\"] .grid-five-three .col2 { padding-right: 16px;\n}\n\n[dir=\"ltr\"] .grid-five-three .col1,[dir=\"ltr\"] .grid-five-three .col2 { padding-right: 16px;\n}\n\n[dir=\"rtl\"] .grid-five-three .col1,[dir=\"rtl\"] .grid-five-three .col2 { padding-left: 16px;\n}\n\n@media (min-width: 35em) {\n\n[dir=\"ltr\"] .grid-five-three {\n padding-left: 32px;\n }\n\n[dir=\"rtl\"] .grid-five-three {\n padding-right: 32px;\n }\n\n[dir=\"ltr\"] .grid-five-three {\n padding-right: 32px;\n }\n\n[dir=\"rtl\"] .grid-five-three {\n padding-left: 32px;\n }\n\n.grid-five-three {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex\n}\n @supports (display: grid) {\n\n.grid-five-three {\n display: grid;\n grid-column-gap: 32px;\n padding: 0;\n max-width: none;\n grid-template-columns: [complete-start] 0 [three-start five-start] 1fr [three-end five-end] 0 [complete-end]\n}\n @media (min-width: 35em) {\n\n.grid-five-three {\n grid-template-columns: [complete-start] minmax(16px, 1fr) [five-start] repeat(5, minmax(0, 130px)) [five-end three-start] repeat(3, minmax(0, 130px)) [three-end] minmax(16px, 1fr) [complete-end]\n}\n }\n }\n .grid-five-three .col1, .grid-five-three .col2 { padding: 0; }\n }\n\n.grid-five-three .col1, .grid-five-three .col2 { -ms-flex-negative: 1; flex-shrink: 1; }\n\n[dir=\"ltr\"] .grid-five-three .col1 {\n margin-right: 32px;\n}\n\n[dir=\"rtl\"] .grid-five-three .col1 {\n margin-left: 32px;\n}\n\n.grid-five-three .col1 {\n -webkit-box-flex: 1;\n -ms-flex: 1 1 62%;\n flex: 1 1 62%;\n grid-column-start: five-start;\n grid-column-end: five-end\n }\n\n@supports (display: grid) {\n\n[dir=\"ltr\"] .grid-five-three .col1 {\n margin-right: 0;\n }\n\n[dir=\"rtl\"] .grid-five-three .col1 {\n margin-left: 0;\n }\n }\n\n.grid-five-three .col2 {\n -webkit-box-flex: 1;\n -ms-flex: 1 1 37%;\n flex: 1 1 37%;\n grid-column-start: three-start;\n grid-column-end: three-end;\n }\n\n.grid-five-three .col12 {\n -ms-flex-preferred-size: 100%;\n flex-basis: 100%;\n grid-column-start: five-start;\n grid-column-end: three-end;\n }\n\n[dir=\"ltr\"] .grid-4q {\n padding-left: 32px;\n}\n\n[dir=\"rtl\"] .grid-4q {\n padding-right: 32px;\n}\n\n[dir=\"ltr\"] .grid-4q {\n padding-right: 32px;\n}\n\n[dir=\"rtl\"] .grid-4q {\n padding-left: 32px;\n}\n\n.grid-4q {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex\n}\n\n@supports (display: grid) {\n\n.grid-4q {\n display: grid;\n grid-column-gap: 32px;\n padding: 0;\n max-width: none;\n grid-template-columns: [complete-start] 0 [q1-start q2-start q3-start q4-start] 1fr [q1-end q2-end q3-end q4-end] 0 [complete-end]\n}\n @media (min-width: 60em) {\n\n.grid-4q {\n grid-template-columns: [complete-start] minmax(16px, 1fr) [content-start q1-start] repeat(2, minmax(0, 130px)) [q1-end q2-start] repeat(2, minmax(0, 130px)) [q2-end q3-start] repeat(2, minmax(0, 130px)) [q3-end q4-start] repeat(2, minmax(0, 130px)) [q4-end content-end] minmax(16px, 1fr) [complete-end]\n}\n }\n }\n\n.grid-4q.nogap {\n grid-template-columns: [complete-start] 0 [q1-start q2-start q3-start q4-start] 1fr [q1-end q2-end q3-end q4-end] 0 [complete-end];\n }\n\n@media (min-width: 60em) {\n\n.grid-4q.nogap {\n grid-template-columns: [complete-start] minmax(16px, 1fr) [content-start q1-start] repeat(2, minmax(0, 158px)) [q1-end q2-start] repeat(2, minmax(0, 158px)) [q2-end q3-start] repeat(2, minmax(0, 158px)) [q3-end q4-start] repeat(2, minmax(0, 158px)) [q4-end content-end] minmax(16px, 1fr) [complete-end];\n }\n }\n\n.grid-4q.nogap {\n grid-column-gap: 0;\n }\n\n[dir=\"ltr\"] .grid-4q .q1-start {\n margin-right: 32px;\n}\n\n[dir=\"rtl\"] .grid-4q .q1-start {\n margin-left: 32px;\n}\n\n.grid-4q .q1-start {\n -ms-flex-preferred-size:25%;\n flex-basis:25%;\n -ms-flex-negative: 1;\n flex-shrink: 1;\n grid-column-start: q1-start;\n }\n\n[dir=\"ltr\"] .grid-4q .q2-start {\n margin-right: 32px;\n}\n\n[dir=\"rtl\"] .grid-4q .q2-start {\n margin-left: 32px;\n}\n\n.grid-4q .q2-start {\n -ms-flex-preferred-size:25%;\n flex-basis:25%;\n -ms-flex-negative: 1;\n flex-shrink: 1;\n grid-column-start: q2-start;\n }\n\n[dir=\"ltr\"] .grid-4q .q3-start {\n margin-right: 32px;\n}\n\n[dir=\"rtl\"] .grid-4q .q3-start {\n margin-left: 32px;\n}\n\n.grid-4q .q3-start {\n -ms-flex-preferred-size:25%;\n flex-basis:25%;\n -ms-flex-negative: 1;\n flex-shrink: 1;\n grid-column-start: q3-start;\n }\n\n[dir=\"ltr\"] .grid-4q .q4-start {\n margin-right: 32px;\n}\n\n[dir=\"rtl\"] .grid-4q .q4-start {\n margin-left: 32px;\n}\n\n.grid-4q .q4-start {\n -ms-flex-preferred-size:25%;\n flex-basis:25%;\n -ms-flex-negative: 1;\n flex-shrink: 1;\n grid-column-start: q4-start;\n }\n\n.grid-4q .q1-end {\n grid-column-end: q1-end;\n }\n\n.grid-4q .q2-end {\n grid-column-end: q2-end;\n }\n\n.grid-4q .q3-end {\n grid-column-end: q3-end;\n }\n\n[dir=\"ltr\"] .grid-4q .q4-end {\n margin-right: 0;\n}\n\n[dir=\"rtl\"] .grid-4q .q4-end {\n margin-left: 0;\n}\n\n.grid-4q .q4-end {\n grid-column-end: q4-end;\n }\n\n.grid-4q .q1-start.q2-end,\n .grid-4q .q2-start.q3-end,\n .grid-4q .q3-start.q4-end {\n -ms-flex-preferred-size: 50%;\n flex-basis: 50%;\n }\n\n.grid-4q .q1-start.q3-end,\n .grid-4q .q2-start.q4-end {\n -ms-flex-preferred-size: 75%;\n flex-basis: 75%;\n }\n\n[dir=\"ltr\"] .grid-4q.nogap .q1-start,[dir=\"ltr\"] \n .grid-4q.nogap .q2-start,[dir=\"ltr\"] \n .grid-4q.nogap .q3-start,[dir=\"ltr\"] \n .grid-4q.nogap .q4-start {\n margin-right: 0;\n}\n\n[dir=\"rtl\"] .grid-4q.nogap .q1-start,[dir=\"rtl\"] \n .grid-4q.nogap .q2-start,[dir=\"rtl\"] \n .grid-4q.nogap .q3-start,[dir=\"rtl\"] \n .grid-4q.nogap .q4-start {\n margin-left: 0;\n}\n\n@supports(display: grid) {\n [dir=\"ltr\"] .grid-4q .q1-start,[dir=\"ltr\"] \n .grid-4q .q2-start,[dir=\"ltr\"] \n .grid-4q .q3-start,[dir=\"ltr\"] \n .grid-4q .q4-start {\n margin-right: 0;\n }\n [dir=\"rtl\"] .grid-4q .q1-start,[dir=\"rtl\"] \n .grid-4q .q2-start,[dir=\"rtl\"] \n .grid-4q .q3-start,[dir=\"rtl\"] \n .grid-4q .q4-start {\n margin-left: 0;\n }\n }\n\n.leftcol nav {\n -ms-flex-preferred-size: 24.25%;\n flex-basis: 24.25%;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n }\n\n[dir=\"ltr\"] .leftcol main {\n margin-left: 32px;\n}\n\n[dir=\"rtl\"] .leftcol main {\n margin-right: 32px;\n}\n\n.leftcol main {\n grid-area: content;\n -webkit-box-flex: 1;\n -ms-flex: 1;\n flex: 1\n }\n\n@supports (display: grid) {\n\n[dir=\"ltr\"] .leftcol main {\n margin-left: 0;\n }\n\n[dir=\"rtl\"] .leftcol main {\n margin-right: 0;\n }\n }\n\n@media (min-width: 35em) {\n\n[dir=\"ltr\"] .grid-line-right {\n border-right: 1px solid #ddd;\n }\n\n[dir=\"rtl\"] .grid-line-right {\n border-left: 1px solid #ddd;\n }\n\n[dir=\"ltr\"] .grid-line-right {\n border-right: 1px solid var(--line-grey);\n }\n\n[dir=\"rtl\"] .grid-line-right {\n border-left: 1px solid var(--line-grey);\n }\n\n[dir=\"ltr\"] .grid-line-right {\n margin-right: -17px !important;\n }\n\n[dir=\"rtl\"] .grid-line-right {\n margin-left: -17px !important;\n }\n\n[dir=\"ltr\"] .grid-line-right {\n padding-right: 17px !important;\n }\n\n[dir=\"rtl\"] .grid-line-right {\n padding-left: 17px !important;\n }\n }\n\n@media (min-width: 35em) {\n\n[dir=\"ltr\"] .grid-line-left {\n border-left: 1px solid #ddd;\n }\n\n[dir=\"rtl\"] .grid-line-left {\n border-right: 1px solid #ddd;\n }\n\n[dir=\"ltr\"] .grid-line-left {\n border-left: 1px solid var(--line-grey);\n }\n\n[dir=\"rtl\"] .grid-line-left {\n border-right: 1px solid var(--line-grey);\n }\n\n[dir=\"ltr\"] .grid-line-left {\n margin-left: -16px !important;\n }\n\n[dir=\"rtl\"] .grid-line-left {\n margin-right: -16px !important;\n }\n\n[dir=\"ltr\"] .grid-line-left {\n padding-left: 16px !important;\n }\n\n[dir=\"rtl\"] .grid-line-left {\n padding-right: 16px !important;\n }\n }\n\n.media-wrapper, .able-media-container {\n position: relative;\n padding-top: 56.25%\n}\n\n.media-wrapper iframe, .media-wrapper video, .media-wrapper .img, .able-media-container iframe, .able-media-container video, .able-media-container .img {\n position: absolute;\n top:0;\n right: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: none;\n }\n\n.contentarea {\n position: relative;\n}\n\n[dir=\"ltr\"] img.symbol {\n float: right;\n}\n\n[dir=\"rtl\"] img.symbol {\n float: left;\n}\n\n[dir=\"ltr\"] img.symbol {\n margin-left: 1em;\n}\n\n[dir=\"rtl\"] img.symbol {\n margin-right: 1em;\n}\n\nimg.symbol {\n margin-bottom: 1em;\n}\n\nmain img { max-width: 100%; }\n\nfigure { margin: 0 0 1em; }\n\nfigcaption { font-weight: bold; border-bottom: 1px solid #ddd; border-bottom: 1px solid var(--line-grey); margin-bottom: .5em;}\n\nbutton, .button {\n cursor: pointer;\n border-radius: 5px;\n display: inline-block;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n padding: 8px 12px;\n border: 2px solid #005A6A;\n border: 2px solid var(--wai-green);;\n font-size: 13px;;\n font-size: .8125rem;\n line-height: 1.4;\n color: #ffffff;\n color: var(--pure-white);\n background-color: #005A6A;\n background-color: var(--wai-green);\n text-decoration: none;\n font-weight: bold\n}\n\nbutton:visited, .button:visited {\n color: #ffffff;\n color: var(--pure-white);\n }\n\nbutton.button-nobg, .button.button-nobg {\n background: transparent\n }\n\nbutton.button-nobg:hover,button.button-nobg:focus, .button.button-nobg:hover, .button.button-nobg:focus {\n background-color: transparent;\n border-color: #ffffff;\n border-color: var(--pure-white)\n }\n\nbutton.button-noborder, .button.button-noborder {\n border-color: transparent\n }\n\nbutton.button-noborder:hover,button.button-noborder:focus, .button.button-noborder:hover, .button.button-noborder:focus {\n border-color: #ffffff;\n border-color: var(--pure-white)\n }\n\nbutton.button-small, .button.button-small {\n padding: 2px 4px;\n }\n\nbutton.button-inline, .button.button-inline {\n padding: 0;\n }\n\n.stealthy-link:hover span.button,.stealthy-link:focus span.button {\n background-color: #003366;\n background-color: var(--w3c-blue);\n color: #ffffff;\n color: var(--pure-white);\n }\n\nbutton:hover,button:focus, .button:hover, .button:focus {\n border-color: #003366;\n border-color: var(--w3c-blue);\n background-color: #003366;\n background-color: var(--w3c-blue);\n color: #ffffff;\n color: var(--pure-white);\n }\n\nbutton:focus, .button:focus {\n outline-color: #003366;\n outline-color: var(--w3c-blue);\n }\n\nbutton:disabled, .button:disabled {\n opacity: .75;\n text-decoration: line-through;\n }\n\n.button-secondary {\n background-color: #ffffff;\n background-color: var(--pure-white);\n color: #005A6A;\n color: var(--wai-green)\n}\n\n.button-secondary:visited {\n color: #003366;\n color: var(--w3c-blue)\n }\n\n.button-secondary:visited:hover,.button-secondary:visited:focus {\n color: #ffffff;\n color: var(--pure-white);\n }\n\n.button-backtotop {\n position: fixed;\n cursor: pointer;\n bottom: 16px;\n right: 16px;\n left: auto\n}\n\n[dir=\"rtl\"] .button-backtotop {\n right: auto;\n left: 16px;\n }\n\n.button-backtotop {\n opacity: 0.85;\n border-radius: 100px;\n background-color: #003366;\n background-color: var(--w3c-blue);\n border-color: #003366;\n border-color: var(--w3c-blue);\n -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);\n box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);\n opacity: 0;\n -webkit-transition: opacity .5s linear;\n transition: opacity .5s linear\n}\n\n.button-backtotop:focus,.button-backtotop.active {\n opacity: 1;\n }\n\n.button-backtotop svg {\n vertical-align: -1px;\n }\n\n[dir=\"ltr\"] .button-backtotop.inline {\n float: right;\n}\n\n[dir=\"rtl\"] .button-backtotop.inline {\n float: left;\n}\n\n.button-backtotop.inline {\n position:static;\n }\n\n.button-menu {\n text-transform: uppercase;\n background-color: #ffffff;\n background-color: var(--pure-white);\n color: #003366;\n color: var(--w3c-blue);\n border-color: rgb(238, 208, 9);\n border-color: var(--gold)\n}\n\n.button-menu:hover,.button-menu:focus {\n border-color: #ffffff;\n border-color: var(--pure-white);\n background-color: rgb(238, 208, 9);\n background-color: var(--gold);\n color: #1d1d1d;\n color: var(--off-black);\n }\n\n.button-group {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n margin: 0 -8px\n}\n\n.button-group button, .button-group .button {\n min-width: 7em;\n -webkit-box-flex: 1;\n -ms-flex: 1;\n flex: 1;\n text-align: center;\n margin: 8px;\n }\n\n[dir=\"ltr\"] img.left {\n float: left;\n}\n\n[dir=\"rtl\"] img.left {\n float: right;\n}\n\n[dir=\"ltr\"] img.left {\n margin-right: 1em;\n}\n\n[dir=\"rtl\"] img.left {\n margin-left: 1em;\n}\n\n[dir=\"ltr\"] img.right {\n clear: right;\n}\n\n[dir=\"rtl\"] img.right {\n clear: left;\n}\n\n[dir=\"ltr\"] img.right {\n float: right;\n}\n\n[dir=\"rtl\"] img.right {\n float: left;\n}\n\n[dir=\"ltr\"] img.right {\n margin-left: 1em;\n}\n\n[dir=\"rtl\"] img.right {\n margin-right: 1em;\n}\n\nmark {\n background-color: rgba(238, 208, 9, .35);\n background-color: var(--gold-light);\n}\n\np {\n margin: 1em 0;\n}\n\n.showhidebutton {\n display: inline;\n background: transparent;\n color: inherit;\n border-color: transparent;\n font-weight: normal\n}\n\n[dir=\"ltr\"] .showhidebutton:after {\n margin-left: .5em;\n}\n\n[dir=\"rtl\"] .showhidebutton:after {\n margin-right: .5em;\n}\n\n.showhidebutton:after {\n display: inline-block;\n background-color: #003366;\n background-color: var(--w3c-blue);\n color: #ffffff;\n color: var(--pure-white);\n content: \"–\";\n font-weight: bold;\n padding: .3em;\n border-radius: 3px;\n width: 1em;\n height: 1em;\n line-height: 1em;\n }\n\n.showhidebutton:hover:after,.showhidebutton:focus:after {\n color: #003366;\n color: var(--w3c-blue);\n background-color: #ffffff !important;\n background-color: var(--pure-white) !important;\n }\n\n.showhidebutton[aria-expanded=false]:after {\n content: \"+\";\n }\n\n.showhidebutton {\n /* &.button-inline:after {\n margin-inline-start: .2em;\n padding: .15em;\n border-radius: 3px;\n width: .85em;\n height: .85em;\n line-height: .85em;\n }*/\n}\n\nblockquote {\n font-style: italic;\n margin-bottom: 1em\n}\n\nblockquote cite {\n display: block;\n font-style: normal;\n /*color: var(--w3c-blue);*/\n padding-left: 32px;\n padding-left: 2rem\n }\n\n[dir=\"ltr\"] blockquote cite:before {\n margin-left: -32px;\n margin-left: -2rem;\n}\n\n[dir=\"rtl\"] blockquote cite:before {\n margin-right: -32px;\n margin-right: -2rem;\n}\n\nblockquote cite:before {\n content: \"— \";\n font-weight: bold;\n width: 32px;\n width: 2rem;\n display: inline-block;\n }\n\n[dir=\"ltr\"] blockquote p:first-of-type::before {\n margin-left: -.75ch;\n}\n\n[dir=\"rtl\"] blockquote p:first-of-type::before {\n margin-right: -.75ch;\n}\n\nblockquote p:first-of-type::before {\n content: '“';\n }\n\nblockquote p:last-of-type {\n margin-bottom: 0;\n }\n\nblockquote p:last-of-type::after {\n content: '”';\n }\n\nblockquote.special {\n text-align: center;\n }\n\n[dir=\"ltr\"] blockquote.pull {\n margin-left: 64px;\n margin-left: 4rem;\n}\n\n[dir=\"rtl\"] blockquote.pull {\n margin-right: 64px;\n margin-right: 4rem;\n}\n\n[dir=\"ltr\"] blockquote.pull {\n border-left: 2px solid #ddd;\n}\n\n[dir=\"rtl\"] blockquote.pull {\n border-right: 2px solid #ddd;\n}\n\n[dir=\"ltr\"] blockquote.pull {\n border-left: 2px solid var(--line-grey);\n}\n\n[dir=\"rtl\"] blockquote.pull {\n border-right: 2px solid var(--line-grey);\n}\n\nblockquote.pull {\n position: relative;\n font-size: 20px;\n font-size: 1.25rem;\n padding-left: 1ch;\n border: 1px solid transparent;\n color: #003366;\n color: var(--w3c-blue);\n font-weight: bold\n}\n\nblockquote.pull.right, blockquote.pull.left {\n max-width: 256px;\n max-width: 16rem;\n }\n\n[dir=\"ltr\"] blockquote.pull.right {\n float: right;\n}\n\n[dir=\"rtl\"] blockquote.pull.right {\n float: left;\n}\n\n[dir=\"ltr\"] blockquote.pull.left {\n float: left;\n}\n\n[dir=\"rtl\"] blockquote.pull.left {\n float: right;\n}\n\n[dir=\"ltr\"] blockquote.pull.left {\n margin-right: 32px;\n margin-right: 2rem;\n}\n\n[dir=\"rtl\"] blockquote.pull.left {\n margin-left: 32px;\n margin-left: 2rem;\n}\n\n[dir=\"ltr\"] blockquote.pull p:first-of-type::before {\n margin-left: -1.25ch;\n}\n\n[dir=\"rtl\"] blockquote.pull p:first-of-type::before {\n margin-right: -1.25ch;\n}\n\nblockquote.pull p:first-of-type::before {\n font-size: 80px;\n font-size: 5rem;\n position: absolute;\n left: 0;\n top:-.25ch;\n }\n\nblockquote.pull cite {\n margin-top: 8px;\n margin-top: .5rem;\n font-size: 16px;\n font-size: 1rem;\n font-weight: normal;\n color: #1d1d1d;\n color: var(--off-black);\n }\n\nblockquote.pull.alt-1 {\n color: #005A9C;\n color: var(--w3c-classic);\n }\n\nblockquote.pull.alt-2 {\n color: #005A6A;\n color: var(--wai-green);\n }\n\nblockquote.pull.alt-3 {\n color: #1d1d1d;\n color: var(--off-black);\n }\n\n.box {\n border: solid 1px #ddd;\n border: solid 1px var(--line-grey);\n margin-top: 16px;\n background-color: #ffffff;\n background-color: var(--pure-white);\n}\n\n.box + .box#toc {\n margin-top: 0;\n border-top: 0;\n}\n\n.box.box-space-above {\n margin-top: 90px;\n}\n\n.box-h {\n padding: 8px 16px;\n color: #005A6A;\n color: var(--wai-green)\n}\n\n@media print {\n\n.box-h {\n color: #000\n}\n }\n\n.box-h {\n font-weight: bold;\n background-color: #f2f2f2;\n background-color: var(--off-white)\n}\n\n.box-h h1, .box-h h2, .box-h h3, .box-h h4, .box-h h5, .box-h h6 {\n border: none;\n font-size: inherit;\n color: inherit;\n margin: 0;\n padding: 0;\n font-weight: inherit;\n display: inline-block\n }\n\n@supports (all: unset) {\n\n.box-h h1, .box-h h2, .box-h h3, .box-h h4, .box-h h5, .box-h h6 {\n all: unset\n }\n }\n\n.box-h-large {\n font-size: 20px;\n font-size: 1.25rem;\n color: #003366;\n color: var(--w3c-blue);\n padding-bottom: 7px;\n font-weight: normal;\n border-bottom: solid 1px #ddd;\n border-bottom: solid 1px var(--line-grey);\n}\n\n[dir=\"ltr\"] .box-h-icon svg {\n margin-right: 4px;\n}\n\n[dir=\"rtl\"] .box-h-icon svg {\n margin-left: 4px;\n}\n\n.box-i:before, .box-i:after {\n content: \" \";\n display: table;\n }\n\n.box-i:after {\n clear: both;\n }\n\n.box-i {\n padding: 8px 16px;\n font-size: 14/16 * 16px;\n font-size: 14/16 * 1rem\n}\n\n.box-i > :first-child {\n margin-top: 0;\n }\n\n.box-i > :last-child {\n margin-bottom: 0;\n }\n\n.box.box-list .box-i ul, .box.box-list .box-i ol {\n margin:0;\n padding: 0;\n list-style: none;\n }\n\n.box.box-linklist .box-i {\n padding: 0;\n }\n\n.box.box-simple .box-i {\n padding: 2px 8px 8px;\n }\n\n.box.box-simple .box-h-simple {\n padding: 8px 8px 2px;\n background-color: transparent;\n font-size: 14px;\n font-size: .875rem;\n line-height: 1.57;\n }\n\n.box.box-simple.box-aside .box-i {\n font-size: 14px;\n font-size: .875rem;\n}\n\n@media (min-width: 35em) {\n .box.box-left, .box.box-right {\n width: 33%;\n margin-top: -9px\n }\n .box.box-left.box-simple, .box.box-right.box-simple { margin-top:-3px; }\n [dir=\"ltr\"] .box.box-left {\n clear: left;\n }\n [dir=\"rtl\"] .box.box-left {\n clear: right;\n }\n [dir=\"ltr\"] .box.box-left {\n float: left;\n }\n [dir=\"rtl\"] .box.box-left {\n float: right;\n }\n [dir=\"ltr\"] .box.box-left {\n margin-right: 1em;\n }\n [dir=\"rtl\"] .box.box-left {\n margin-left: 1em;\n }\n [dir=\"ltr\"] .box.box-right {\n clear: right;\n }\n [dir=\"rtl\"] .box.box-right {\n clear: left;\n }\n [dir=\"ltr\"] .box.box-right {\n float: right;\n }\n [dir=\"rtl\"] .box.box-right {\n float: left;\n }\n [dir=\"ltr\"] .box.box-right {\n margin-left: 1em;\n }\n [dir=\"rtl\"] .box.box-right {\n margin-right: 1em;\n }\n}\n\n.breadcrumb {\n font-size: 13px;\n font-size: .8125rem;\n background-color: #ffffff;\n background-color: var(--pure-white);\n border-bottom: 1px solid #ddd;\n border-bottom: 1px solid var(--line-grey);\n padding-top: 16px;\n padding-bottom: 16px;\n margin-bottom: 32px\n}\n\n.breadcrumb ul {\n margin: 0;\n padding: 0;\n grid-column: 2/10\n }\n\n.breadcrumb ul li {\n display: inline-block;\n margin: 0;\n padding: 0\n }\n\n.breadcrumb ul li:after {\n content: \" / \";\n color: #005A6A;\n color: var(--wai-green);\n white-space: pre-wrap;\n }\n\n.breadcrumb ul li:last-child:after {\n content: \"\";\n display:none;\n }\n\n.breadcrumb a {\n color: #003366;\n color: var(--w3c-blue)\n }\n\n@media print { .breadcrumb a:after { content: ''; } }\n\n.breadcrumb [aria-current=page] {\n font-weight: bold;\n text-decoration: none;\n }\n\n.content {\n display: grid;\n grid-area: content;\n grid-template-columns: repeat(6, minmax(0, 120px));\n grid-column-gap: 32px\n}\n\n.content > * {\n grid-column: 1/5;\n grid-auto-flow: dense;\n }\n\n.content {\n & > .ref-side, > & .demo-side, > & .aside {\n grid-column: 5/7;\n font-size: 14px;\n font-size: .875rem;\n line-height: 1.2\n }\n & > .ref-side p:first-of-type, > & .demo-side p:first-of-type, > & .aside p:first-of-type {\n margin-top: 0;\n }\n}\n\n.content.wide {\n grid-template-columns: repeat(8, minmax(0, 120px));\n grid-column-start: navigation;\n grid-column-end: content\n }\n\n.content.wide > * {\n grid-column: 3/9;\n }\n\n.content.wide .sn-contents {\n grid-column:1/3;\n grid-row:1/99;\n }\n\n[dir=\"ltr\"] .example-bar {\n padding-left: 32px;\n}\n\n[dir=\"rtl\"] .example-bar {\n padding-right: 32px;\n}\n\n[dir=\"ltr\"] .example-bar {\n padding-right: 32px;\n}\n\n[dir=\"rtl\"] .example-bar {\n padding-left: 32px;\n}\n\n.example-bar {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex\n}\n\n@supports (display: grid) {\n\n.example-bar {\n display: grid;\n grid-column-gap: 32px;\n padding: 0;\n max-width: none\n}\n }\n\n.example-bar {\n grid-template-columns: repeat(6, minmax(0, 1fr))\n}\n\n.example-bar > * {\n grid-column: 2/7;\n }\n\n[dir=\"ltr\"] .example-bar .eg {\n border-right: 2px solid #005A6A;\n}\n\n[dir=\"rtl\"] .example-bar .eg {\n border-left: 2px solid #005A6A;\n}\n\n[dir=\"ltr\"] .example-bar .eg {\n border-right: 2px solid var(--wai-green);\n}\n\n[dir=\"rtl\"] .example-bar .eg {\n border-left: 2px solid var(--wai-green);\n}\n\n.example-bar .eg {\n grid-column: 1/2;\n grid-row: 1/99;\n text-align: right;\n padding-top: 0;\n padding-bottom: 0;\n padding-left: 8px;\n padding-right: 8px;\n font-weight: bold;\n font-style: italic;\n color: #005A6A;\n color: var(--wai-green);\n }\n\n[dir=\"ltr\"] .example-sheet {\n padding-right: 32px;\n}\n\n[dir=\"rtl\"] .example-sheet {\n padding-left: 32px;\n}\n\n.example-sheet {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n padding-inlne-start: 32px\n}\n\n@supports (display: grid) {\n\n.example-sheet {\n display: grid;\n grid-column-gap: 32px;\n padding: 0;\n max-width: none\n}\n }\n\n.example-sheet {\n grid-template-columns: repeat(6, minmax(0, 1fr))\n}\n\n.example-sheet .example-sheet-inner {\n grid-column: 2/6;\n background-color: #ffffff;\n background-color: var(--pure-white);\n padding-top: 16px;\n padding-bottom: 16px;\n padding-left: 32px;\n padding-right: 32px;\n }\n\n.decision-tree {\n list-style: none;\n margin: 1em 0;\n padding:0\n}\n\n.decision-tree > li {\n /*border: 2px solid #999;\n border-block-start:none;*/\n }\n\n.decision-tree > li > strong {\n display: block;\n padding: 1em .5em;\n }\n\n.decision-tree > li:first-child {\n /*border-block-start:2px solid #999;*/\n }\n\n.decision-tree > li > ul {\n padding:0;\n list-style: none\n /*border-block-start: 1px dotted #aaa;*/\n }\n\n@supports (display: flex) {\n\n.decision-tree > li > ul {\n display:-webkit-box;\n display:-ms-flexbox;\n display:flex;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: reverse;\n -ms-flex-direction: row-reverse;\n flex-direction: row-reverse;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n -webkit-box-align: stretch;\n -ms-flex-align: stretch;\n align-items: stretch\n }\n }\n\n.decision-tree > li > ul > li {\n text-indent: 0;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n font-weight: normal\n }\n\n@supports (display: flex) {\n\n.decision-tree > li > ul > li {\n -ms-flex-preferred-size: 25%;\n flex-basis: 25%\n }\n }\n\n.decision-tree > li > ul > li {\n padding: .5em;\n // border: 1px solid #aaa\n }\n\n@supports (display: flex) {\n\n.decision-tree > li > ul > li:nth-child(odd) {\n -ms-flex-preferred-size: 75%;\n flex-basis: 75%\n }\n }\n\n.decision-tree > li > ul > li:nth-child(odd):last-child {\n display:block;\n -ms-flex-preferred-size:100%;\n flex-basis:100%;\n }\n\n.decision-tree > li > ul > li ul {\n padding:0;\n margin:0;\n }\n\n.decision-tree > li > ul > li li {\n padding: 0;\n padding-bottom: 0.5em;\n margin-bottom: 0.5em;\n border-bottom: 1px solid #3b3b3b;\n border-bottom: 1px solid var(--dk-grey);\n list-style: none\n }\n\n.decision-tree > li > ul > li li > em {\n display: block;\n padding-left: 1.5em;\n position: relative;\n margin-top: .25em;\n font-style: normal\n }\n\n[dir=\"ltr\"] .decision-tree > li > ul > li li > em:before {\n margin-left: -1.5em;\n}\n\n[dir=\"rtl\"] .decision-tree > li > ul > li li > em:before {\n margin-right: -1.5em;\n}\n\n.decision-tree > li > ul > li li > em:before {\n position:absolute;\n content: '';\n top:.2em;\n }\n\n.decision-tree > li > ul > li li:last-child {\n border-bottom-style: none;\n padding-bottom: 0;\n margin-bottom: 0;\n }\n\n.decision-tree .yes {\n background-color: color(#003366 lightness(95%));\n background-color: color(var(--w3c-blue) lightness(95%));\n border-bottom: none\n }\n\n[dir=\"ltr\"] .decision-tree .yes li {\n margin-left: 1em;\n}\n\n[dir=\"rtl\"] .decision-tree .yes li {\n margin-right: 1em;\n}\n\n.decision-tree .yes li {\n list-style: disc\n }\n\n.decision-tree .yes li:only-child {\n list-style: none;\n }\n\n.decision-tree .no {\n /*border-inline-end:1px dotted #aaa;*/\n background-color: color(#c0272d lightness(85%));\n background-color: color(var(--faded-red) lightness(85%));\n border-bottom: none;\n position: relative\n }\n\n[dir=\"ltr\"] .decision-tree .no:after { margin-left: -8px; margin-left: -.5rem;\n}\n\n[dir=\"rtl\"] .decision-tree .no:after { margin-right: -8px; margin-right: -.5rem;\n}\n\n.decision-tree .no:after { top: 100%; left: 50%; border: solid transparent; content: \" \"; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(119, 119, 119, 0); border-top-color: color(#c0272d lightness(85%)); border-top-color: color(var(--faded-red) lightness(85%)); border-width: 16px; border-width: 1rem; z-index: 500; }\n\n.decision-tree .no {\n /*&:before { top: 100%; left: 50%; border: solid transparent; content: \" \"; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(119, 119, 119, 0); border-top-color: #999; border-width: 1.1rem; margin-inline-start: -.6rem; z-index: 400; }*/\n }\n\n.doc-archived h1::before {\n content: \"Archived\";\n }\n\n.doc-draft h1::before {\n content: \"Draft\";\n }\n\n.doc-note-translation {\n font-size: 13px;\n font-size: .8125rem\n}\n\n.doc-note-translation p {\n margin-top: 5px;\n margin-bottom: 5px\n }\n\n.doc-note-translation p:first-of-type {\n margin-top: 0;\n }\n\n.doc-note-translation p:last-child {\n margin-bottom: 0;\n }\n\n[dir=\"ltr\"] .doc-note h1::before {\n margin-right: 8px;\n}\n\n[dir=\"rtl\"] .doc-note h1::before {\n margin-left: 8px;\n}\n\n.doc-note h1::before{\n background-color: rgb(238, 208, 9);\n background-color: var(--gold);\n color: #091832;\n color: var(--dk-blue);\n display: inline-block;\n padding: 4px 8px;\n margin-top: -8px;\n font-size: 14px;\n font-size: .875rem;\n text-transform: uppercase;\n letter-spacing: 1px;\n font-weight: bold;\n vertical-align: middle;\n border-radius: 3px;\n }\n\n.doc-note-box {\n border: 2px solid rgb(238, 208, 9);\n border: 2px solid var(--gold);\n padding: 8px;\n background-color: #ffffff;\n background-color: var(--pure-white);\n margin-bottom: 20px\n}\n\n.doc-note-box p:first-child {\n margin-top: 0;\n }\n\n.doc-note-box p:last-child {\n margin-bottom: 0;\n }\n\n.doc-note-translations {\n\n}\n\ndetails {\n padding-left: 32px;\n padding-left: 2rem;\n}\n\n[dir=\"ltr\"] summary {\n margin-left: -32px;\n margin-left: -2rem;\n}\n\n[dir=\"rtl\"] summary {\n margin-right: -32px;\n margin-right: -2rem;\n}\n\nsummary {\n cursor: pointer;\n display: block;\n}\n\nsummary::-webkit-details-marker {\n display: none;\n}\n\n[dir=\"ltr\"] summary > *:first-child::before {\n margin-right: 8px;\n margin-right: 0.5rem;\n}\n\n[dir=\"rtl\"] summary > *:first-child::before {\n margin-left: 8px;\n margin-left: 0.5rem;\n}\n\nsummary > *:first-child::before {\n content: '+';\n display: inline-block;\n border-radius: 5px;\n width: 20.8px;\n width: 1.3rem;\n height: 20.8px;\n height: 1.3rem;\n line-height: .9;\n background: #ffffff;\n background: var(--pure-white);\n color: #005A6A;\n color: var(--wai-green);\n border: 2px solid #005A6A;\n border: 2px solid var(--wai-green);\n text-align: center;\n font-weight: bold;\n }\n\nsummary:hover > *:first-child::before,summary:focus > *:first-child::before {\n background: #003366;\n background: var(--w3c-blue);\n border-color: #003366;\n border-color: var(--w3c-blue);\n color: #ffffff;\n color: var(--pure-white);\n }\n\ndetails[open] > summary > *:first-child::before {\n content: '–';\n}\n\ndetails > div::after {\n content: \"\";\n display: block;\n clear: both;\n}\n\n.excol-all {\n margin: 16px 0;\n}\n\nfigure.shrink-wrap {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background-color: #ffffff;\n background-color: var(--pure-white);\n width: -webkit-min-content;\n width: -moz-min-content;\n width: min-content;\n max-width: 100%;\n border: 1px solid #ddd;\n border: 1px solid var(--line-grey);\n border-radius: 3px;\n padding: 10px\n}\n\n@media (min-width: 47.5em) {\n\nfigure.shrink-wrap .figcontent {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex\n }\n figure.shrink-wrap .figcontent > * {\n -webkit-box-flex: 1;\n -ms-flex: 1;\n flex: 1;\n }\n }\n\nfigure.shrink-wrap img {\n border: 1px solid #ddd;\n border: 1px solid var(--line-grey);\n max-width: none !important;\n }\n\nfigure.shrink-wrap figcaption {\n font-weight: normal;\n border: none;\n margin: 0;\n }\n\n.page-footer, .site-footer {\n font-size: 14px;\n font-size: .875rem\n}\n\n@media print {\n\n.page-footer, .site-footer {\n font-size: 8pt\n}\n }\n\n.page-footer, .site-footer {\n padding-top: 16px;\n padding-bottom: 16px\n}\n\n.page-footer p:first-of-type, .site-footer p:first-of-type {\n margin-top: 0;\n }\n\n.page-footer p:last-of-type, .site-footer p:last-of-type {\n margin-bottom: 0;\n }\n\n.page-footer {\n margin-top: 32px;\n background-color: #efefef;\n background-color: var(--footer-grey)\n}\n\n.page-footer .inner {\n grid-area: content;\n }\n\n.site-footer {\n margin-top: 32px;\n padding-top: 16px;\n padding-bottom: 16px;\n background-color: #3b3b3b;\n background-color: var(--dk-grey);\n color: #ffffff;\n color: var(--pure-white)\n}\n\n@media print {\n\n.site-footer {\n background-color: #efefef;\n background-color: var(--footer-grey);\n color: #3b3b3b;\n color: var(--dk-grey);\n border-top: 1px solid #3b3b3b;\n border-top: 1px solid var(--dk-grey)\n}\n }\n\n.site-footer a {\n color: #ffffff;\n color: var(--pure-white);\n }\n\n.site-footer a.largelink {\n color: rgb(238, 208, 9);\n color: var(--gold);\n font-size: 20px;\n font-size: 1.25rem;\n text-decoration: none\n }\n\n@media print {\n\n.site-footer a.largelink {\n color: #3b3b3b;\n color: var(--dk-grey);\n font-size: 12pt\n }\n }\n\n.site-footer a.largelink:hover, .site-footer a.largelink:focus {\n text-decoration: underline;\n }\n\n.site-footer .footer-list-header {\n font-weight: bold;\n border-bottom: 1px solid rgba(221, 221, 221, 0.32);\n border-bottom: 1px solid var(--trans-line-grey);\n padding: 4px 0;\n }\n\n.site-footer .about {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between\n }\n\n@media print {\n\n.site-footer .about {\n grid-column-end: q4-end;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n -webkit-box-align: end;\n -ms-flex-align: end;\n align-items: flex-end\n }\n .site-footer .about p {\n margin: 0;\n }\n }\n\n@media print {\n\n.site-footer>:not(.about) {\n display: none\n }\n }\n\n.page-footer + .site-footer {\n margin-top: 0;\n}\n\n.site-footer ul {\n margin: 0;\n padding: 0;\n}\n\n.site-footer ul li {\n list-style:none;\n}\n\n.footnotes {\n margin-top: 60px;\n}\n\n.footnotes ol {\n font-size: 13.6px;\n font-size: .85rem;\n}\n\ninput, select, textarea {\n font-size: 1em;\n font-family: inherit;\n}\n\ninput[type=\"search\"] {\n -webkit-appearance: none;\n}\n\nfieldset {\n border: none;\n margin: 0 0 32px;\n margin: 0 0 2rem;\n padding: 0;\n}\n\nlegend {\n font-size: 20px;\n font-size: 1.25rem;\n font-weight: bold;\n}\n\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]),textarea {\n border: 1px solid #686868;\n border: 1px solid var(--grey)\n}\n\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]):hover,input:not([type=\"checkbox\"]):not([type=\"radio\"]):focus,textarea:hover,textarea:focus {\n border: 1px solid #003366;\n border: 1px solid var(--w3c-blue);\n }\n\n& ::-webkit-input-placeholder {\n color: #767676;\n font-style: italic;\n opacity: 1;\n}\n\n& :-moz-placeholder { /* Firefox 18- */\n color: #767676;\n font-style: italic;\n opacity: 1;\n}\n\n& ::-moz-placeholder { /* Firefox 19+ */\n color: #767676;\n font-style: italic;\n opacity: 1;\n}\n\n& :-ms-input-placeholder {\n color: #767676;\n font-style: italic;\n opacity: 1;\n}\n\n.field {\n padding: 4px;\n margin: 0 0 32px;\n margin: 0 0 2rem\n}\n\n.field label {\n display: block;\n }\n\n.field input:not([type=\"checkbox\"]):not([type=\"radio\"]),.field textarea {\n display: block;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n width: 100%;\n padding: 8px\n }\n\n.field input:not([type=\"checkbox\"]):not([type=\"radio\"]):focus,.field textarea:focus {\n outline: none;\n border-color: #005A9C;\n border-color: var(--w3c-classic);\n background-color: #EDF4FA\n }\n\n.field input:not([type=\"checkbox\"]):not([type=\"radio\"]):focus ::-webkit-input-placeholder,.field textarea:focus ::-webkit-input-placeholder {\n color: #545554;\n }\n\n.field input:not([type=\"checkbox\"]):not([type=\"radio\"]):focus :-moz-placeholder,.field textarea:focus :-moz-placeholder { /* Firefox 18- */\n color: #545554;\n }\n\n.field input:not([type=\"checkbox\"]):not([type=\"radio\"]):focus ::-moz-placeholder,.field textarea:focus ::-moz-placeholder { /* Firefox 19+ */\n color: #545554;\n }\n\n.field input:not([type=\"checkbox\"]):not([type=\"radio\"]):focus :-ms-input-placeholder,.field textarea:focus :-ms-input-placeholder {\n color: #545554;\n }\n\n.field[focus-within] {\n background-color: #EDF4FA;\n }\n\n.field:focus-within {\n background-color: #EDF4FA;\n }\n\n.field[focus-within] input:focus {\n background-color: #ffffff !important;\n background-color: var(--pure-white) !important;\n }\n\n.field:focus-within input:focus {\n background-color: #ffffff !important;\n background-color: var(--pure-white) !important;\n }\n\n[dir=\"ltr\"] .group > .field {\n margin-left: 32px;\n margin-left: 2rem;\n}\n\n[dir=\"rtl\"] .group > .field {\n margin-right: 32px;\n margin-right: 2rem;\n}\n\n.group > .field {\n margin-bottom: 8px;\n margin-bottom: .5rem;\n}\n\n.radio-field {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n padding: 4px;\n margin: 0 0 8px;\n border-radius: 3px\n}\n\n[dir=\"ltr\"] .radio-field input {\n margin-right: .5em;\n}\n\n[dir=\"rtl\"] .radio-field input {\n margin-left: .5em;\n}\n\n.radio-field input {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 1em;\n flex: 0 0 1em;\n width: 1em;\n height: 1em\n }\n\n.radio-field input:checked + label {\n font-weight: bold;\n color: #091832;\n color: var(--dk-blue);\n }\n\n.radio-field:hover,.radio-field:focus {\n background-color: #196cac;\n background-color: var(--light-blue);\n color: #fff\n }\n\n.radio-field:hover :checked + label,.radio-field:focus :checked + label {\n color: inherit;\n }\n\n.radio-field label {\n -webkit-box-flex: 1;\n -ms-flex: 1 1 100%;\n flex: 1 1 100%;\n cursor: pointer;\n }\n\nfieldset {\n border: none;\n}\n\nlegend {\n font-size: 20px;\n font-size: 1.25rem;\n font-weight: bold;\n}\n\n@media (min-width: 35em) {\n\n.searchform {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center\n}\n }\n\n[dir=\"ltr\"] .searchform label {\n text-align: right;\n}\n\n[dir=\"rtl\"] .searchform label {\n text-align: left;\n}\n\n.searchform label {\n -webkit-box-flex: 1;\n -ms-flex: 1;\n flex: 1;\n }\n\n[dir=\"ltr\"] .searchform input {\n margin-left: 10px;\n}\n\n[dir=\"rtl\"] .searchform input {\n margin-right: 10px;\n}\n\n.searchform input {\n -webkit-box-flex: 4;\n -ms-flex: 4;\n flex: 4;\n }\n\n[dir=\"ltr\"] .searchform button {\n margin-left: 10px;\n}\n\n[dir=\"rtl\"] .searchform button {\n margin-right: 10px;\n}\n\n.searchform button {\n -webkit-box-flex: 1;\n -ms-flex: 1;\n flex: 1;\n }\n\n#site-header {\n background-color: #005A9C;\n background-color: var(--w3c-classic);\n color: #ffffff;\n color: var(--pure-white)\n}\n\n@media print {\n\n#site-header {\n background-color: #f2f2f2;\n background-color: var(--off-white);\n color: #000\n}\n }\n\n#site-header {\n padding-top: 3px\n}\n\n@supports (display: grid) {\n\n[dir=\"ltr\"] #site-header {\n padding-left: 8px;\n }\n\n[dir=\"rtl\"] #site-header {\n padding-right: 8px;\n }\n\n[dir=\"ltr\"] #site-header {\n padding-right: 8px;\n }\n\n[dir=\"rtl\"] #site-header {\n padding-left: 8px;\n }\n }\n\n#site-header a {\n color: #ffffff;\n color: var(--pure-white)\n }\n\n@media print {\n\n#site-header a {\n color: #005A9C;\n color: var(--w3c-classic)\n }\n }\n\n@media print {\n #site-header a:after {\n content: '';\n }\n }\n\n.wai {\n line-height: 1.2\n}\n\n@media (min-width: 35em) {\n\n.wai {\n vertical-align: middle;\n /*display: block;*/\n font-size: 1.5625rem\n}\n }\n\n.logos {\n grid-column-start: 2;\n grid-column-end: 6;\n grid-row-start: 1;\n padding-top: 16px;\n padding-bottom: 16px;\n padding-left: 0;\n padding-right: 0;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n width: 60%\n}\n\n@supports (display: grid) {\n\n.logos {\n width: auto\n}\n }\n\n.logos .claim {\n font-size: 14px;\n font-size: .875rem;\n font-style: italic\n }\n\n.logos .claim:lang(ar) {\n font-style: normal;\n }\n\n[dir=\"ltr\"] .logos .claim {\n margin-left: 16px;\n}\n\n[dir=\"rtl\"] .logos .claim {\n margin-right: 16px;\n}\n\n[dir=\"ltr\"] .logos .claim {\n padding-left: 16px;\n}\n\n[dir=\"rtl\"] .logos .claim {\n padding-right: 16px;\n}\n\n[dir=\"ltr\"] .logos .claim {\n border-left: 1px solid rgb(238, 208, 9);\n}\n\n[dir=\"rtl\"] .logos .claim {\n border-right: 1px solid rgb(238, 208, 9);\n}\n\n[dir=\"ltr\"] .logos .claim {\n border-left: 1px solid var(--gold);\n}\n\n[dir=\"rtl\"] .logos .claim {\n border-right: 1px solid var(--gold);\n}\n\n.logos .claim {\n color: #ffffff;\n color: var(--pure-white)\n }\n\n@media print {\n\n.logos .claim {\n color: #005A9C;\n color: var(--w3c-classic)\n }\n }\n\n.logos .claim {\n -webkit-box-flex:1;\n -ms-flex:1 0 0px;\n flex:1 0 0;\n display: none\n }\n\n@media (min-width: 35em) {\n\n.logos .claim {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center\n }\n }\n\n@media (min-width: 23em) {\n\n[dir=\"ltr\"] .home {\n margin-right: 32px;\n }\n\n[dir=\"rtl\"] .home {\n margin-left: 32px;\n }\n }\n\n.home {\n text-decoration: none;\n -webkit-transition: color .25s ease-in .1s;\n transition: color .25s ease-in .1s;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center\n}\n\n@supports (display: grid) {\n\n.home {\n -webkit-box-flex:0;\n -ms-flex:0;\n flex:0\n}\n }\n\n@media (min-width: 60em) {\n\n[dir=\"ltr\"] .home {\n margin-right: 8px;\n }\n\n[dir=\"rtl\"] .home {\n margin-left: 8px;\n }\n }\n\n.home svg, .home img {\n vertical-align:middle;\n color: inherit;\n fill: currentColor;\n height: 30px\n }\n\n@media (min-width: 35em) {\n\n.home svg, .home img {\n height: 46px\n }\n }\n\n.home {\n [dir=\"ltr\"] img {\n padding-right: 8px;\n }\n [dir=\"rtl\"] img {\n padding-left: 8px;\n }\n}\n\n.home.w3c {\n border-bottom: 2px solid transparent\n }\n\n.home.w3c:hover {\n border-bottom-color: currentColor;\n }\n\n.home .wai {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center\n }\n\n@media (min-width: 35em) {\n\n.home .wai {\n font-size: 1.25rem\n }\n }\n\n.home .wai .wa {\n padding-bottom: 2px;\n }\n\n.home .wai .i {\n border-top: 1px solid rgb(238, 208, 9);\n border-top: 1px solid var(--gold);\n padding-top: 2px;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n }\n\n.home:hover,.home:focus {\n text-decoration: underline;\n color: rgb(238, 208, 9) !important;\n color: var(--gold) !important;\n }\n\nh1, h2, h3, h4, h5, h6 {\n padding: 0;\n}\n\nh1, h2 { margin: 60px 0 20px; }\n\nh3 { margin: 40px 0 20px; }\n\nh4, h5, h6 { margin: 20px 0 10px; }\n\nh1, h2, h3, h4 {\n color: #005A6A;\n color: var(--wai-green)\n}\n\n@media print {\n\nh1, h2, h3, h4 {\n color: #000\n}\n }\n\nh1 {\n font-size: 24px;\n font-size: 1.5rem\n}\n\n@media (min-width: 35em) {\n\nh1 {\n font-size: 2rem\n}\n }\n\n@media (min-width: 60em) {\n\nh1 {\n font-size: 2.375rem\n}\n }\n\nh1 {\n line-height: 1.2;\n font-weight: normal;\n margin-top: 0\n}\n\nh1 + h2 {\n margin-top: 0;\n }\n\nh2 {\n font-size: 22px;\n font-size: 1.375rem;\n line-height: 1.2;\n font-weight: bold;\n border-bottom: 1px solid #ddd;\n border-bottom: 1px solid var(--line-grey)\n}\n\nh2 + h3 {\n margin-top: 0;\n }\n\nh3, h4 {\n font-size: 18px;\n font-size: 1.125rem;\n line-height: 1.4;\n}\n\nh3 + h4 {\n margin-top: 0;\n}\n\nh4 {\n font-weight: normal\n}\n\nh4 + h5 {\n margin-top: 0;\n }\n\nh5 {\n font-weight: bold;\n line-height: 1.6\n}\n\nh5 + h6 {\n margin-top: 0;\n }\n\nh6 {\n font-size: 14px;\n font-size:.875rem;\n line-height: 1.8;\n}\n\nh1.ex:before, h1.ap:before, h1 b, h2.ex:before, h2.ap:before, h2 b, h3.ex:before, h3.ap:before, h3 b, h4.ex:before, h4.ap:before, h4 b, h5.ex:before, h5.ap:before, h5 b, h6.ex:before, h6.ap:before, h6 b {\n color: #003366 !important;\n color: var(--w3c-blue) !important;\n font-weight: bold;\n }\n\n.no-js .ex {\n counter-increment: examples;\n counter-reset: approaches\n }\n\n.no-js .ex:before {\n content: 'Example ' counter(examples) ': ';\n }\n\n.no-js .ex.inap {\n counter-reset: none;\n }\n\n.no-js .newap {\n counter-reset: approaches;\n }\n\n.no-js .newex {\n counter-reset: examples;\n }\n\n.no-js h2.first, .no-js h3.first, .no-js .newexap {\n counter-reset: examples approaches;\n }\n\n.no-js .ap {\n counter-increment: approaches\n }\n\n.no-js .ap:before {\n content: 'Approach ' counter(approaches) ': ';\n }\n\n[class^=\"icon-\"], [class*=\" icon-\"] {\n display: inline-block;\n width: 1em;\n height: 1em;\n stroke-width: 0;\n stroke: currentColor;\n fill: currentColor;\n}\n\n/* ==========================================\nSingle-colored icons can be modified like so:\n.icon-name {\n font-size: 32px;\n color: red;\n}\n========================================== */\n\n.icon-default {\n width: 0.9285714285714285em;\n}\n\n.icon-info {\n width: 0.8571428571428571em;\n}\n\n.icon-audio-description {\n width: 3.5em;\n height: 1.75em;\n margin: -.25em;\n}\n\n.icon-search {\n width: 0.9287109375em;\n}\n\n.icon-arrow-left {\n width: 0.8928571428571428em;\n}\n\n.icon-arrow-right {\n width: 0.8214285714285714em;\n}\n\n.icon-arrow-up {\n width: 0.9285714285714285em;\n}\n\n.icon-arrow-down {\n width: 0.9285714285714285em;\n}\n\n.icon-ex-circle {\n width: 0.8571428571428571em;\n}\n\n.icon-check-circle {\n width: 0.8571428571428571em;\n}\n\n.icon-external-link {\n width: 0.8571428571428571em;\n}\n\n.icon-readmore {\n width: 0.7142857142857142em;\n}\n\n.icon-desktop {\n width: 1.0714285714285714em;\n}\n\n.icon-laptop {\n width: 1.0714285714285714em;\n}\n\n.icon-tablet {\n width: 0.6428571428571428em;\n}\n\n.icon-mobile {\n width: 0.42857142857142855em;\n}\n\n.icon-code {\n width: 1.0714285714285714em;\n}\n\n.icon-fork {\n width: 0.5714285714285714em;\n}\n\n.icon-code-file {\n width: 0.8571428571428571em;\n}\n\n.icon-cart-plus {\n width: 0.9285714285714285em;\n}\n\n.icon-languages {\n height: 1em;\n width: 2.75em;\n vertical-align: -8%;\n}\n\n.icon-translations {\n height: 1.6em;\n vertical-align: middle\n}\n\ndl {\n margin: 16px 0;\n}\n\ndt {\n font-weight: bold;\n}\n\n.notbold dt {\n font-weight: normal;\n}\n\n[dir=\"ltr\"] dd {\n margin-left: 32px;\n}\n\n[dir=\"rtl\"] dd {\n margin-right: 32px;\n}\n\ndd+dt {\n margin-top: 8px;\n}\n\ndl.paragraph-like dd+dt {\n margin-top: 1em;\n}\n\nul li, ol li {\n margin-bottom: 8px;\n}\n\n.linklist, .linklist li {\n margin: 0;\n padding: 0;\n list-style:none;\n }\n\n.linklist a {\n display: block;\n padding: 4px 16px;\n border-bottom: 1px solid #ddd;\n border-bottom: 1px solid var(--line-grey);\n text-decoration: none\n }\n\n.linklist a svg {\n height: .65em;\n }\n\n.linklist a:hover svg, .linklist a:focus svg {\n color: #c0272d;\n color: var(--faded-red);\n }\n\n.linklist a:hover .visual-a, .linklist a:focus .visual-a {\n text-decoration: underline;\n }\n\n.linklist li:last-child a {\n border-bottom: none;\n }\n\n.nolist {\n margin: 0;\n padding: 0\n}\n\n.nolist li {\n list-style: none;\n margin: 0;\n padding: 0;\n }\n\np+ul, p+ol {\n margin-top: -8px;\n}\n\n.columns {\n padding: 0\n}\n\n[dir=\"ltr\"] .columns > * {\n margin-left: 32px;\n}\n\n[dir=\"rtl\"] .columns > * {\n margin-right: 32px;\n}\n\n.two.columns, .four.columns {\n grid-column-gap: 32px;\n -webkit-column-gap: 32px;\n column-gap: 32px\n}\n\n@media (min-width: 35em) {\n\n.two.columns, .four.columns {\n -webkit-columns: 2;\n columns: 2\n}\n }\n\n.four.columns {\n padding: 0 8px\n}\n\n@media (min-width: 60em) {\n\n.four.columns {\n -webkit-columns: 4;\n columns: 4\n}\n }\n\n.two.small.columns {\n grid-column-gap: 32px;\n -webkit-column-gap: 32px;\n column-gap: 32px\n}\n\n@media (min-width: 35em) {\n\n.two.small.columns {\n -webkit-columns: 1;\n columns: 1\n}\n }\n\n@media (min-width: 60em) {\n\n.two.small.columns {\n -webkit-columns: 2;\n columns: 2\n}\n }\n\n.info {\n background-color: rgb(238, 208, 9);\n background-color: var(--gold);\n background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(238, 208, 9)), to(color(rgb(238, 208, 9) blackness(15%))));\n background-image: linear-gradient(to bottom, rgb(238, 208, 9), color(rgb(238, 208, 9) blackness(15%)));\n background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gold)), to(color(var(--gold) blackness(15%))));\n background-image: linear-gradient(to bottom, var(--gold), color(var(--gold) blackness(15%)));\n background-size: 100% 20%;\n background-repeat: no-repeat;\n background-position: bottom;\n font-weight: bold;\n text-align: center\n}\n\n[dir=\"ltr\"] .info svg {\n margin-right: 8px;\n}\n\n[dir=\"rtl\"] .info svg {\n margin-left: 8px;\n}\n\n.info svg {\n font-size: 2em;\n vertical-align: middle;\n margin-top: -.14em;\n }\n\n#controls {\n background-color: #f2f2f2;\n background-color: var(--off-white);\n padding-left: 8px;\n padding-right: 8px;\n padding-top: 0;\n padding-bottom: 0\n}\n\n@media (min-width: 35em) {\n\n[dir=\"ltr\"] #controls {\n text-align: right;\n }\n\n[dir=\"rtl\"] #controls {\n text-align: left;\n }\n }\n\n#controls {\n font-size: .8125em\n}\n\n#controls > ul {\n padding: 0;\n margin: 0\n }\n\n@media (min-width: 35em) {\n\n#controls > ul {\n grid-column-start: navigation;\n grid-column-end: content\n }\n }\n\n[dir=\"ltr\"] #controls > ul > li {\n margin-left: 4px;\n}\n\n[dir=\"rtl\"] #controls > ul > li {\n margin-right: 4px;\n}\n\n[dir=\"ltr\"] #controls > ul > li {\n padding-left: 4px;\n}\n\n[dir=\"rtl\"] #controls > ul > li {\n padding-right: 4px;\n}\n\n#controls > ul > li {\n display: inline;\n list-style: none;\n margin: 0;\n padding: 0\n }\n\n@media (min-width: 35em) {\n\n[dir=\"ltr\"] #controls > ul > li {\n margin-left: 8px;\n }\n\n[dir=\"rtl\"] #controls > ul > li {\n margin-right: 8px;\n }\n\n[dir=\"ltr\"] #controls > ul > li {\n padding-left: 8px;\n }\n\n[dir=\"rtl\"] #controls > ul > li {\n padding-right: 8px;\n }\n\n#controls > ul > li {\n margin: 0;\n padding: 0\n }\n }\n\n[dir=\"ltr\"] #controls > ul > li {\n border-left: 1px solid #003366;\n}\n\n[dir=\"rtl\"] #controls > ul > li {\n border-right: 1px solid #003366;\n}\n\n[dir=\"ltr\"] #controls > ul > li {\n border-left: 1px solid var(--w3c-blue);\n}\n\n[dir=\"rtl\"] #controls > ul > li {\n border-right: 1px solid var(--w3c-blue);\n}\n\n#controls > ul > li:first-child {\n border-left: 0;\n border-right: 0;\n margin: 0;\n padding: 0;\n }\n\n#controls a {\n color: #003366;\n color: var(--w3c-blue);\n text-decoration: none;\n padding-top: 2px;\n padding-bottom: 2px;\n padding-left: 0;\n padding-right: 0\n }\n\n#controls a:hover,#controls a:focus {\n border-bottom: none;\n text-decoration: underline;\n }\n\n@media print {\n\n#controls {\n display: none\n}\n }\n\n#controls [hidden] {\n display: none !important;\n}\n\n.languagelist>ul {\n display: inline;\n margin: 0;\n padding: 0;\n}\n\n.languagelist>ul>li {\n border: none;\n padding: 0;\n margin:0;\n display: inline-block\n}\n\n[dir=\"ltr\"] .languagelist>ul>li:first-child {\n margin-right: 4px;\n}\n\n[dir=\"rtl\"] .languagelist>ul>li:first-child {\n margin-left: 4px;\n}\n\n.languagelist>ul>li:first-child:before {\n display:none;\n margin: 0;\n}\n\n[dir=\"ltr\"] .languagelist>ul>li:before {\n margin-right: 4px;\n}\n\n[dir=\"rtl\"] .languagelist>ul>li:before {\n margin-left: 4px;\n}\n\n.languagelist>ul>li:before {\n content: \"\";\n display: inline-block;\n background-color: #005A9C;\n width: 4px;\n height: 4px;\n margin:0;\n margin-top: -4px;\n vertical-align: middle;\n}\n\n#showoptions {\n display: inline;\n}\n\n.mainnav {\n position: relative;\n font-size: 14px;\n font-size: .875rem;\n border-top: 1px solid #005A9C;\n border-top: 1px solid var(--w3c-classic);\n border-bottom: 1px solid #005A9C;\n border-bottom: 1px solid var(--w3c-classic);\n background-color: #003366;\n background-color: var(--w3c-blue);\n display: none\n}\n\n.mainnav.open { display: block; }\n\n@media (min-width: 35em) {\n\n.mainnav {\n display: block\n}\n }\n\n@media print {\n\n.mainnav {\n display: none\n}\n }\n\n.mainnav > ul {\n width: 100%;\n max-width: 1268px;\n padding: 0;\n margin: 0 auto !important;\n position: relative;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: stretch;\n -ms-flex-align: stretch;\n align-items: stretch;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap\n }\n\n@media (min-width: 35em) {\n\n.mainnav > ul {\n -ms-flex-wrap: nowrap;\n flex-wrap: nowrap\n }\n }\n\n.mainnav > ul > li {\n display:block;\n position: relative;\n -ms-flex-preferred-size: 50%;\n flex-basis: 50%;\n -webkit-box-flex: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n -ms-flex-negative: 1;\n flex-shrink: 1\n }\n\n.mainnav > ul > li.active {\n background: #003366;\n background: var(--w3c-blue)\n }\n\n.mainnav > ul > li.active > a > span {\n border-bottom: 2px solid rgb(238, 208, 9) !important;\n border-bottom: 2px solid var(--gold) !important;\n }\n\n.mainnav > ul > li > a {\n text-decoration: none;\n display:block;\n width: 100%;\n height: 100%;\n color: #ffffff;\n color: var(--pure-white);\n text-align: center;\n /*padding: 15px;*/\n min-height: 44px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n border-bottom: #005A9C;\n border-bottom: var(--w3c-classic)\n }\n\n.mainnav > ul > li > a > span {\n display: block;\n border-bottom: 2px solid transparent;\n }\n\n.mainnav > ul > li > a:hover,.mainnav > ul > li > a:focus {\n background-color: #091832;\n background-color: var(--dk-blue);\n }\n\n.mainnav > ul > li > a:hover > span,.mainnav > ul > li > a:focus > span, .mainnav > ul > li > a[aria-current=\"page\"] > span, .mainnav > ul > li > a[aria-current=\"location\"] > span {\n border-bottom: 2px solid rgb(238, 208, 9);\n border-bottom: 2px solid var(--gold);\n }\n\n.mainnav > ul > li > a[aria-current=\"page\"]:hover > span,.mainnav > ul > li > a[aria-current=\"page\"]:focus > span, .mainnav > ul > li > a[aria-current=\"location\"]:hover > span, .mainnav > ul > li > a[aria-current=\"location\"]:focus > span {\n border-bottom: 2px solid #ffffff;\n border-bottom: 2px solid var(--pure-white);\n }\n\n[dir=\"ltr\"] .mainnav > ul > li + li > a {\n border-left: 1px solid #235A97;\n}\n\n[dir=\"rtl\"] .mainnav > ul > li + li > a {\n border-right: 1px solid #235A97;\n}\n\n@media (min-width: 60em) {\n\n#openmenu {\n display: none\n}\n }\n\n@media print {\n\n#openmenu {\n display: none\n}\n }\n\n@media (min-width: 35em) {\n\n.page-home #openmenu {\n display: none\n}\n }\n\n[dir=\"ltr\"] .metanav {\n text-align: right;\n}\n\n[dir=\"rtl\"] .metanav {\n text-align: left;\n}\n\n.metanav {\n width: 100%;\n display: none;\n font-size: .85em\n}\n\n.metanav.open {display: block;}\n\n@media (min-width: 35em) {\n\n.metanav {\n display: block\n}\n }\n\n@media print {\n\n.metanav {\n display: none\n}\n }\n\n.metanav a {\n text-decoration: none\n }\n\n.metanav a:hover,.metanav a:focus, .metanav a[aria-current=\"page\"] {\n text-decoration: underline;\n }\n\n.metanav a[aria-current=\"page\"] {\n text-decoration: underline;\n }\n\n.metanav > ul {\n width: 100%;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end\n }\n\n.metanav > ul li {\n display: inline-block;\n padding-left: 8px;\n padding-right: 8px\n }\n\n@media (min-width: 35em) {\n\n.metanav > ul li {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center\n }\n }\n\n.metanav > ul li:first-child {\n border: 0;\n }\n\n.metanav > ul li:last-child {\n margin-bottom: 0;\n padding:0;\n border: 0;\n }\n\n.metanav > ul li a {\n position: relative;\n min-height: 24px;\n padding-top: 10px;\n padding-bottom: 10px;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center\n }\n\n.metanav > ul li a:before, .metanav > ul li a:after {\n position: absolute;\n top: 12px;\n left: -8px;\n bottom: 12px;\n width: 1px;\n background-color: rgb(238, 208, 9);\n background-color: var(--gold);\n }\n\n[dir=\"ltr\"] .metanav > ul li a:before {\n content: '';\n }\n\n[dir=\"rtl\"] .metanav > ul li a:after {\n content: '';\n }\n\n@media (min-width: 35em) {\n\n[dir=\"ltr\"] .metanav > ul li a {\n text-align: right;\n }\n\n[dir=\"rtl\"] .metanav > ul li a {\n text-align: left;\n }\n\n.metanav > ul li a {\n width: 100%\n }\n }\n\n[dir=\"ltr\"] .metanav > ul li:first-child a:before {\n display: none;\n }\n\n[dir=\"rtl\"] .metanav > ul li:nth-last-child(2) a:after {\n display: none;\n }\n\n.metanav form[role=search] {\n background-color: #003366;\n background-color: var(--w3c-blue);\n border: 1px solid #ffffff;\n border: 1px solid var(--pure-white)\n }\n\n.metanav form[role=search] > div {\n display:-webkit-box;\n display:-ms-flexbox;\n display:flex;\n }\n\n.metanav form[role=search] label {\n text-transform: none;\n font-weight: normal;\n }\n\n.metanav form[role=search] input {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n -webkit-appearance: none;\n background-color: transparent;\n border: 0;\n border-radius: 0;\n color: #f2f2f2;\n color: var(--off-white);\n height: 100%;\n padding: 5px;\n margin: 0;\n width: 10em\n }\n\n.metanav form[role=search] input:focus {\n color: #ffffff;\n color: var(--pure-white);\n }\n\n.metanav form[role=search] input::-webkit-search-decoration {\n display: none;\n }\n\n.metanav form[role=search] input::-webkit-search-cancel-button,\n .metanav form[role=search] input::-webkit-search-results-button {\n -webkit-filter: invert(100%);\n filter: invert(100%);\n }\n\n.metanav form[role=search] button {\n display: block;\n margin: 0;\n }\n\n.metanav form[role=search] ::-webkit-input-placeholder {\n color: #ffffff;\n color: var(--pure-white);\n font-style: italic;\n opacity: 1;\n }\n\n.metanav form[role=search] :-moz-placeholder { /* Firefox 18- */\n color: #ffffff;\n color: var(--pure-white);\n font-style: italic;\n opacity: 1;\n }\n\n.metanav form[role=search] ::-moz-placeholder { /* Firefox 19+ */\n color: #ffffff;\n color: var(--pure-white);\n font-style: italic;\n opacity: 1;\n }\n\n.metanav form[role=search] :-ms-input-placeholder {\n color: #ffffff;\n color: var(--pure-white);\n font-style: italic;\n opacity: 1;\n }\n\n.navigations {\n position: relative;\n grid-column-start: 6;\n grid-column-end: -2;\n -webkit-box-flex: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center ;\n -ms-flex-align: center ;\n align-items: center \n}\n\n.navigations .nava11y {\n display: block;\n }\n\n.mainnav > ul, .metanav > ul {\n margin: 0;\n padding: 0\n }\n\n.mainnav > ul > li, .metanav > ul > li {\n list-style: none;\n margin: 0;\n }\n\n.teaser.news {\n background-color: #ffffff;\n background-color: var(--pure-white);\n}\n\n.announce-box {\n background-color: #fafafa;\n background-color: var(--lt-off-white);\n border: 1px solid #ddd;\n border: 1px solid var(--line-grey);\n border-top: 1px;\n border-bottom: 1px;\n border-left: 0;\n border-right: 0;\n padding-top: 10px !important;\n padding-bottom: 10px !important;\n padding-left: 25px !important;\n padding-right: 25px !important\n}\n\n.announce-box+.announce-box {\n border-top:0;\n }\n\n.announce-box>:first-child {\n margin-top: 0;\n }\n\n.announce-box>:last-child {\n margin-bottom: 0;\n }\n\n.notes {\n font-size: .85em\n}\n\n.notes strong:first-child {\n font-weight: bold;\n color: #005A6A;\n color: var(--wai-green);\n }\n\n.pager {\n background-color: #ffffff;\n background-color: var(--pure-white);\n border: 1px solid #ddd;\n border: 1px solid var(--line-grey);\n margin-top: 32px;\n}\n\n.pager > ul {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n -ms-flex-line-pack: center;\n align-content: center;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n margin: 0;\n padding: 8px;\n}\n\n.pager--item {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-flex: 0;\n -ms-flex: 0 1 50%;\n flex: 0 1 50%;\n}\n\n.pager--item:only-child {\n -ms-flex-preferred-size: 100%;\n flex-basis: 100%;\n }\n\n.pager--item {\n list-style: none;\n margin:0;\n}\n\n.pager--item a:link {\n color: #005A6A;\n color: var(--wai-green);\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n -webkit-box-flex: 1;\n -ms-flex: 1 100%;\n flex: 1 100%;\n text-decoration: none;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n}\n\n.pager--item a:visited {\n color: #660066;\n color: var(--visited-link);\n}\n\n.pager--item a:hover,\n.pager--item a:focus {\n color: #003366;\n color: var(--w3c-blue);\n}\n\n.pager--item a:active {\n color: #005A6A;\n color: var(--wai-green);\n}\n\n[dir=\"ltr\"] .pager--item.next a {\n text-align: right;\n}\n\n[dir=\"rtl\"] .pager--item.next a {\n text-align: left;\n}\n\n.pager--item.next a {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: reverse;\n -ms-flex-direction: row-reverse;\n flex-direction: row-reverse;\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n}\n\n.pager--item-icon {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n font-size: 33px;\n}\n\n[dir=\"ltr\"] .pager--item-text {\n margin-right: 8px;\n}\n\n[dir=\"rtl\"] .pager--item-text {\n margin-left: 8px;\n}\n\n[dir=\"ltr\"] .pager--item-text {\n margin-left: 8px;\n}\n\n[dir=\"rtl\"] .pager--item-text {\n margin-right: 8px;\n}\n\n.pager--item-text {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-flex: 1;\n -ms-flex: 1 auto;\n flex: 1 auto;\n width: 100%;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n\n.pager--item-text-direction {\n color: #1d1d1d;\n color: var(--off-black);\n font-size: 12px;\n font-size: .75rem;\n}\n\n.pager--item-text-target {\n font-size: 16px;\n font-size: 1rem;\n line-height: 1;\n}\n\n.pagination {\n margin: 0;\n margin-top: 16px;\n margin-bottom: 16px;\n padding-top: 16px;\n border-top: 2px solid #ddd;\n border-top: 2px solid var(--line-grey)\n}\n\n.pagination ul {\n width: 100%;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n margin: 0;\n padding: 0;\n list-style: none;\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end\n }\n\n[dir=\"ltr\"] .pagination li {\n margin-left: 8px;\n}\n\n[dir=\"rtl\"] .pagination li {\n margin-right: 8px;\n}\n\n.pagination a, .pagination .like-a {\n padding-top: 8px;\n padding-bottom: 8px;\n padding-left: 16px;\n padding-right: 16px;\n border-radius: 4px;\n border: 2px solid #ddd;\n border: 2px solid var(--line-grey);\n }\n\n.pagination .is-active .like-a {\n background-color: #003366;\n background-color: var(--w3c-blue);\n border-color: #003366;\n border-color: var(--w3c-blue);\n color: #ffffff;\n color: var(--pure-white);\n }\n\n.pagination a:hover,.pagination a:focus {\n background-color: #ddd;\n background-color: var(--line-grey);\n }\n\n.quote {\n background-color: #005A6A;\n background-color: var(--wai-green);\n border-radius: 5px;\n color: #ffffff;\n color: var(--pure-white);\n padding: 22px;\n}\n\n.quote--block {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n margin: 0;\n padding: 0;\n}\n\n.quote--block-text {\n font-size: 20px;\n font-style: italic;\n line-height: 1.25;\n margin: 0;\n padding: 0;\n}\n\n.quote--block-text::before {\n content: open-quote;\n}\n\n.quote--block-text::after {\n content: close-quote;\n}\n\n.quote--block-cite {\n font-size: 15px;\n font-weight: 500;\n margin: 0;\n margin-top: 9px;\n}\n\n.quote--block-cite a {\n color: #FAFAFC;\n color: var(--body-bg);\n}\n\n.related-content {\n background-color: #ffffff;\n background-color: var(--pure-white);\n border: 1px solid #ddd;\n border: 1px solid var(--line-grey);\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-flex: 1;\n -ms-flex: 1 100%;\n flex: 1 100%;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n margin: 50px;\n}\n\n.related-content--head {\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n background-color: #f2f2f2;\n background-color: var(--off-white);\n border-box-end: 1px solid #ddd;\n border-box-end: 1px solid var(--line-grey);\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n height: 48px;\n}\n\n[dir=\"ltr\"] .related-content--head-icon {\n margin-right: 10px;\n}\n\n[dir=\"rtl\"] .related-content--head-icon {\n margin-left: 10px;\n}\n\n[dir=\"ltr\"] .related-content--head-icon {\n margin-left: 19px;\n}\n\n[dir=\"rtl\"] .related-content--head-icon {\n margin-right: 19px;\n}\n\n.related-content--head-icon {\n height: 22px;\n width: 22px;\n}\n\n.related-content--head-heading {\n border: none;\n color: #003366;\n color: var(--w3c-blue);\n -webkit-box-flex: 1;\n -ms-flex: 1 100%;\n flex: 1 100%;\n font-size: 20px;\n margin: 0;\n padding: 0;\n}\n\n.related-content--content {\n margin: 0;\n padding: 0;\n}\n\n.related-content--content-list {\n list-style: none;\n margin: 22px;\n padding: 0;\n}\n\n.related-content--content-list li {\n font-size: 14px;\n line-height: 2.2em;\n}\n\n.sidenav {\n grid-area: navigation;\n margin-bottom: 24px;\n display: none\n}\n\n.sidenav.open {\n display: block;\n margin-top: 16px;\n }\n\n@media (min-width: 60em) {\n\n.sidenav {\n display: block\n}\n }\n\n@media print {\n\n.sidenav {\n display: none\n}\n }\n\n.sidenav--head {\n background-color: #003366;\n background-color: var(--w3c-blue);\n border: 2px solid #003366;\n border: 2px solid var(--w3c-blue);\n border-width: 0 5px;\n padding: 16px 24px;\n display:-webkit-box;\n display:-ms-flexbox;\n display:flex;\n -webkit-box-align: end;\n -ms-flex-align: end;\n align-items: flex-end;\n border-bottom: none;\n font-weight: bold;\n}\n\n[dir=\"ltr\"] .sidenav--head-icon {\n margin-left: -16px;\n}\n\n[dir=\"rtl\"] .sidenav--head-icon {\n margin-right: -16px;\n}\n\n.sidenav--head-icon {\n padding-bottom: .3em;\n}\n\n[dir=\"ltr\"] .sidenav--head-icon--inner {\n float: left;\n}\n\n[dir=\"rtl\"] .sidenav--head-icon--inner {\n float: right;\n}\n\n[dir=\"ltr\"] .sidenav--head-icon--inner {\n margin-right: 8px;\n}\n\n[dir=\"rtl\"] .sidenav--head-icon--inner {\n margin-left: 8px;\n}\n\n.sidenav--head-icon--inner {\n width: 47px;\n height: 48px;\n}\n\n.sidenav--head-section {\n color: #ffffff;\n color: var(--pure-white);\n text-transform: uppercase;\n letter-spacing: .7px;\n font-size: 11px;\n font-size: .6875rem;\n font-weight: bold;\n}\n\n.sidenav--head-subsection {\n color: #ffffff;\n color: var(--pure-white);\n font-size: 22px;\n font-size: 1.375rem;\n}\n\n[dir=\"ltr\"] .sidenav--list {\n border-left-width: 5px;\n}\n\n[dir=\"rtl\"] .sidenav--list {\n border-right-width: 5px;\n}\n\n[dir=\"ltr\"] .sidenav--list {\n border-right-width: 0;\n}\n\n[dir=\"rtl\"] .sidenav--list {\n border-left-width: 0;\n}\n\n.sidenav--list {\n background-color: #003366;\n background-color: var(--w3c-blue);\n border: 2px solid #003366;\n border: 2px solid var(--w3c-blue);\n border-bottom: 5px;\n border-top: 0;\n margin: 0;\n padding:0;\n font-size: 13px;\n font-size: .8125rem\n}\n\n.sidenav--list a {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n padding-top: 8px;\n padding-bottom: 8px;\n padding-left: 24px;\n padding-right: 24px;\n min-height: 44px;\n color: #ffffff;\n color: var(--pure-white);\n text-decoration: none;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center\n }\n\n.sidenav--list a:hover,.sidenav--list a:focus {\n text-decoration: underline;\n background-color: #f2f2f2;\n background-color: var(--off-white);\n color: #005A6A;\n color: var(--wai-green);\n }\n\n.sidenav--list a:focus {\n outline-color: rgb(238, 208, 9);\n outline-color: var(--gold);\n }\n\n.sidenav--list a span.lang {\n font-weight: normal;\n }\n\n.sidenav--list li a {\n border-top: 1px solid #005A9C;\n border-top: 1px solid var(--w3c-classic);\n }\n\n.sidenav--list {\n .sidenav-head + & {\n border-top: none;\n }\n}\n\n[dir=\"ltr\"] .sidenav--list ul {\n padding-left: 24px;\n}\n\n[dir=\"rtl\"] .sidenav--list ul {\n padding-right: 24px;\n}\n\n.sidenav--list ul {\n padding: 0;\n margin: 0;\n }\n\n.sidenav--list a + ul { display:none; }\n\n.sidenav--list a[aria-current] + ul { display:block; }\n\n.sidenav--list li {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n.sidenav--list ul li:first-child a {\n border-top-color:transparent;\n }\n\n.sidenav--list a[aria-current] {\n /*color: var(--w3c-blue);\n background-color: var(--body-bg);*/\n }\n\n.sidenav--list a[aria-current=location] {\n padding-bottom: 4px;\n font-weight: bold;\n }\n\n.sidenav--list a[aria-current=page] {\n font-weight: bold;\n color: #005A6A;\n color: var(--wai-green);\n background-color: #FAFAFC;\n background-color: var(--body-bg);\n position:relative\n }\n\n.sidenav--list a[aria-current=page]:before, .sidenav--list a[aria-current=page]:after {\n position: absolute;\n content: \"\";\n width: 0;\n height: 0;\n left: auto;\n right: 0;\n }\n\n[dir=\"rtl\"] .sidenav--list a[aria-current=page]:before,[dir=\"rtl\"] .sidenav--list a[aria-current=page]:after {\n left: 0;\n right: auto;\n }\n\n.sidenav--list a[aria-current=page]:before, .sidenav--list a[aria-current=page]:after {\n border: 1px solid #ffffff;\n border: 1px solid var(--pure-white);\n opacity: .9;\n }\n\n.sidenav--list a[aria-current=page]:before {\n top:-2px;\n border-color: transparent #ffffff #ffffff transparent;\n border-color: transparent var(--pure-white) var(--pure-white) transparent;\n }\n\n[dir=\"rtl\"] .sidenav--list a[aria-current=page]:before {\n border-color: transparent transparent #ffffff #ffffff;\n border-color: transparent transparent var(--pure-white) var(--pure-white);\n }\n\n.sidenav--list a[aria-current=page]:after {\n bottom:-2px;\n border-color: #ffffff #ffffff transparent transparent;\n border-color: var(--pure-white) var(--pure-white) transparent transparent;\n }\n\n[dir=\"rtl\"] .sidenav--list a[aria-current=page]:after {\n border-color: #ffffff transparent transparent #ffffff;\n border-color: var(--pure-white) transparent transparent var(--pure-white);\n }\n\n.sidenav-languages {\n font-size: 13px;\n font-size: .8125rem;\n margin-top: 32px;\n margin-top: 2rem;\n border-radius: 3px;\n border: 2px solid rgb(238, 208, 9);\n border: 2px solid var(--gold);\n background-color: #ffffff;\n background-color: var(--pure-white)\n}\n\n.sidenav-languages header {\n border-bottom: 2px solid rgb(238, 208, 9);\n border-bottom: 2px solid var(--gold);\n padding-top: 8px;\n padding-bottom: 8px;\n padding-left: 27px;\n padding-right: 27px;\n font-weight: bold;\n }\n\n[dir=\"ltr\"] .sidenav-languages .langlist {\n padding-left: 27px;\n}\n\n[dir=\"rtl\"] .sidenav-languages .langlist {\n padding-right: 27px;\n}\n\n.sidenav-languages .langlist {\n list-style-position: inside;\n list-style-type: square;\n color: #005A9C;\n color: var(--w3c-classic)\n }\n\n.sidenav-languages .langlist li {\n margin-bottom: 2px;\n }\n\n[dir=\"ltr\"] .sidenav-languages p {\n padding-left: 27px;\n}\n\n[dir=\"rtl\"] .sidenav-languages p {\n padding-right: 27px;\n}\n\n[dir=\"ltr\"] .sidenav-languages p {\n padding-right: 0;\n}\n\n[dir=\"rtl\"] .sidenav-languages p {\n padding-left: 0;\n}\n\n.sidenav-languages p {\n padding-top: 4px;\n padding-bottom: 4px;\n margin:0;\n border-top: 1px solid #eed009;\n }\n\n[dir=\"ltr\"] table,[dir=\"ltr\"] caption {\n text-align: left;\n}\n\n[dir=\"rtl\"] table,[dir=\"rtl\"] caption {\n text-align: right;\n}\n\ntable {\n border: 1px solid #ddd;\n border: 1px solid var(--line-grey);\n border-collapse: collapse;\n margin-bottom: 2em;\n}\n\ncaption {\n font-weight: bold;\n font-size: 18px;\n font-size: 1.125rem;\n color: #005A6A;\n color: var(--wai-green);\n line-height: 1.4;\n margin-bottom: 8px;\n}\n\nth, td {\n padding-top: 12px;\n padding-bottom: 12px;\n padding-left: 18px;\n padding-right: 18px;\n border: 1px solid #ddd;\n border: 1px solid var(--line-grey);\n vertical-align: top;\n}\n\n.dense td, .dense th {\n padding-top: 2px;\n padding-bottom: 2px;\n padding-left: 4px;\n padding-right: 4px;\n}\n\nth {\n font-weight: bold;\n color: #ffffff;\n color: var(--pure-white);\n background-color: #005A6A;\n background-color: var(--wai-green)\n}\n\nth a {\n color: inherit\n }\n\nth a:hover,th a:focus {\n color: rgb(238, 208, 9);\n color: var(--gold);\n }\n\nth a:visited {\n color: inherit;\n }\n\nth > :first-child, td > :first-child {\n margin-top: 0;\n }\n\nth > :last-child, td > :last-child {\n margin-top: 0;\n }\n\n.hyphenated {\n -webkit-hyphens: auto;\n -ms-hyphens: auto;\n hyphens: auto;\n}\n\n.teaser.audiences-inline .subtitle {\n /*font-weight:normal;*/\n }\n\n.teaser.audiences-inline .title {\n display: block;\n font-size: 36px;\n font-size: 2.25rem;\n }\n\n.making-web-accessible {\n text-align:center;\n border-bottom: 1px solid #ddd;\n border-bottom: 1px solid var(--line-grey);\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column\n}\n\n.making-web-accessible [hidden] {\n display: none !important;\n }\n\n.making-web-accessible .inner.hidesection {\n position: relative;\n -webkit-box-ordinal-group: 0;\n -ms-flex-order: -1;\n order: -1;\n }\n\n[dir=\"ltr\"] .making-web-accessible .making-web-accessible-box {\n text-align: left;\n}\n\n[dir=\"rtl\"] .making-web-accessible .making-web-accessible-box {\n text-align: right;\n}\n\n[dir=\"ltr\"] .making-web-accessible .making-web-accessible-box {\n padding-right: 20px;\n}\n\n[dir=\"rtl\"] .making-web-accessible .making-web-accessible-box {\n padding-left: 20px;\n}\n\n[dir=\"ltr\"] .making-web-accessible .making-web-accessible-box {\n padding-left: 105px;\n}\n\n[dir=\"rtl\"] .making-web-accessible .making-web-accessible-box {\n padding-right: 105px;\n}\n\n.making-web-accessible .making-web-accessible-box {\n padding-top: 32px;\n padding-bottom: 0;\n }\n\n[dir=\"ltr\"] .making-web-accessible .mwa-icon {\n margin-left: -85px;\n}\n\n[dir=\"rtl\"] .making-web-accessible .mwa-icon {\n margin-right: -85px;\n}\n\n.making-web-accessible .mwa-icon {\n width: 65px;\n height: 65px;\n float:left;\n }\n\n.making-web-accessible .title {\n display: block;\n font-size: 36px;\n font-size: 2.25rem;\n }\n\n.making-web-accessible .teaser-h h2 {\n margin:0;\n }\n\n.making-web-accessible h3 {\n margin-top: 10px;\n font-size: 24px;\n font-size: 1.5rem;\n margin-bottom:0;\n }\n\n.making-web-accessible p {\n margin-bottom:0;\n }\n\n[dir=\"ltr\"] .making-web-accessible .showhidebutton {\n float: right;\n}\n\n[dir=\"rtl\"] .making-web-accessible .showhidebutton {\n float: left;\n}\n\n.making-web-accessible .showhidebutton {\n position: absolute;\n top: -1.35em;\n right: 0;\n }\n\n.teaser.media-inline .subtitle {\n /*font-weight:normal;*/\n }\n\n.teaser.media-inline .title {\n display: block;\n font-size: 36px;\n font-size: 2.25rem;\n }\n\n.white-bg {\n background-color: #ffffff;\n background-color: var(--pure-white);\n}\n\n.bordered {\n border: 1px 0;\n border-color: #ddd;\n border-color: var(--line-grey);\n}\n\n.teaser.news-teaser .title {\n display: block;\n font-size: 36px;\n font-size: 2.25rem;\n }\n\n.teaser.resource-inline .subtitle {\n /*font-weight:normal;*/\n }\n\n.teaser.resource-inline .title {\n display: block;\n font-size: 36px;\n font-size: 2.25rem;\n }\n\n.teaser {\n padding-top: 32px;\n padding-bottom: 32px;\n}\n\n.teaser.featured {\n background-size: cover;\n background-position: center\n}\n\n.teaser.featured .teaser-c {\n background-color: rgba(255, 255, 255, 0.9);\n border-top: 5px solid #c0272d;\n border-top: 5px solid var(--faded-red);\n padding-top: 16px;\n padding-bottom: 16px;\n padding-left: 32px;\n padding-right: 32px;\n display:block;\n }\n\n.teaser-h h2, .teaser-h h3, .teaser-h h4, .teaser-h h5, .teaser-h h6 {\n margin: 0;\n margin-bottom: 16px;\n padding: 0;\n border:none;\n color: #005A6A;\n color: var(--wai-green);\n font-size: 16px;\n font-size: 1rem;\n line-height: 1.2\n }\n\n.teaser-h h2.title, .teaser-h h3.title, .teaser-h h4.title, .teaser-h h5.title, .teaser-h h6.title {\n font-size: 24px;\n font-size: 1.5rem;\n margin: 0;\n margin-top: 10px;\n margin-bottom: 20px\n }\n\n@media (min-width: 35em) {\n\n.teaser-h h2.title, .teaser-h h3.title, .teaser-h h4.title, .teaser-h h5.title, .teaser-h h6.title {\n font-size: 2rem\n }\n }\n\n@media (min-width: 60em) {\n\n.teaser-h h2.title, .teaser-h h3.title, .teaser-h h4.title, .teaser-h h5.title, .teaser-h h6.title {\n font-size: 2.375rem\n }\n }\n\n.teaser-h .subtitle {\n font-weight: bold;\n margin: 0;\n font-size: 14px;\n font-size: .875rem;\n color: #1d1d1d;\n color: var(--off-black);\n }\n\n[dir=\"ltr\"] .teaser-h-icon {\n margin-right: 10px;\n}\n\n[dir=\"rtl\"] .teaser-h-icon {\n margin-left: 10px;\n}\n\n.teaser-h-icon {\n height:1em;\n width: 1em;\n vertical-align: middle\n}\n\n.teaser-h-icon.full {\n display: block;\n height: 1.8em;\n width: 1.8em;\n }\n\n.teaser-tip {\n text-align: center\n}\n\n.teaser-tip .teaser-h h2 {\n font-size: 28px;\n font-size: 1.75rem\n }\n\n.teaser-tip .teaser-h svg {\n display: block;\n margin: 0 auto;\n height: 1.75em;\n width: 1.75em;\n }\n\n.teaser-tip .fakelink {\n margin: 0 auto;\n }\n\n.fakelink {\n text-decoration: underline;\n position: relative\n}\n\n[dir=\"ltr\"] .fakelink svg {\n margin-left: 5px;\n}\n\n[dir=\"rtl\"] .fakelink svg {\n margin-right: 5px;\n}\n\n.fakelink svg {\n width: .75em;\n height: .75em;\n }\n\n@media (min-width: 35em) {\n\n.teaser-about p {\n font-size: 1.25rem;\n }\n }\n\n@media (min-width: 60em) {\n\n.teaser-about p {\n font-size: 1.5rem;\n }\n }\n\n.teaser-about p {\n color: #686868;\n color: var(--grey);\n }\n\n.teaser-about .teaser-h h2 {\n font-weight: bold;\n }\n\n.teaser-media {\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n background-color: #ffffff;\n background-color: var(--pure-white);\n}\n\n.teaser-sponsors {\n border-top: 1px solid #ddd;\n border-top: 1px solid var(--line-grey);\n}\n\n.area-teaser {\n display: block;\n background-color: #ffffff;\n background-color: var(--pure-white);\n border: 1px solid #ddd;\n border: 1px solid var(--line-grey);\n margin: -1px;\n padding-top: 20px;\n padding-bottom: 20px;\n padding-left: 32px;\n padding-right: 32px\n}\n\n@media (min-width: 35em) {\n\n.area-teaser {\n padding-top: 40px;\n padding-bottom: 40px;\n padding-left: 40px;\n padding-right: 40px\n}\n }\n\n@media (min-width: 60em) {\n\n.area-teaser {\n padding-top: 60px;\n padding-bottom: 60px;\n padding-left: 40px;\n padding-right: 40px\n}\n }\n\n.area-teaser .teaser-h {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: end;\n -ms-flex-align: end;\n align-items: flex-end\n }\n\n.area-teaser .teaser-h h2, .area-teaser .teaser-h h3, .area-teaser .teaser-h h4, .area-teaser .teaser-h h5, .area-teaser .teaser-h h6 {margin: 0; font-weight: normal;}\n\n.area-teaser .teaser-h-icon {\n margin-bottom: 10px;\n }\n\n.area-teaser:hover .teaser-h > :not(svg), .area-teaser:focus .teaser-h > :not(svg) {\n text-decoration: underline;\n }\n\n.teaser.audiences-inline {\n\n}\n\n.video-link {\n display: inline-block;\n text-decoration: none;\n margin: 10px 0\n}\n\n.video-link img {\n -webkit-mask: url(\"../images/video-mask-16-9.svg\");\n mask: url(\"../images/video-mask-16-9.svg\");\n -webkit-mask-size: contain;\n mask-size: contain;\n width: 240px;\n }\n\n.video-link.ratio-43 img {\n -webkit-mask: url(\"../images/video-mask-4-3.svg\");\n mask: url(\"../images/video-mask-4-3.svg\");\n }\n\n.video-link span {\n display: block;\n text-align: center;\n text-decoration: underline;\n }\n\n.video-link-small img {\n width: 120px;\n}\n\n.video-link-inline {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center\n}\n\n[dir=\"ltr\"] .video-link-inline img {\n margin-right: 1em;\n}\n\n[dir=\"rtl\"] .video-link-inline img {\n margin-left: 1em;\n}\n\n.video-link-inline img {\n width: auto;\n height: 2em;\n }\n\n.video-link-inline {\n [dir=\"ltr\"] span {\n text-align: left;\n }\n [dir=\"rtl\"] span {\n text-align: right;\n }\n}\n\n/*\n Able Player core styles\n\n Default z-index map:\n\n * Modal dialog\n div.able-modal-dialog = 10000\n div.able-modal-overlay = 9500\n\n * Items that should always be on top (9000):\n #able-vts = 9400\n .able-alert = 9400\n .able-window-toolbar .able-button-handler-preferences = 9300\n .able-popup = 9200\n .able-volume-head = 9175\n .able-volume-slider = 9150\n .able-tooltip = 9000\n\n * Pop-ups with critical content: (7000 - 8000):\n .able-sign-window = 8000\n .able-transcript-area = 7000\n\n * Player controls: (5000 - 6000)\n .able-controller .able-seekbar = 6900\n .able-controller .buttonOff = 6800\n .able-controller button > img = 6700\n .able-controller button > span = 6700\n .able-controller button = 6600\n .able-big-play-button = 6500\n div.able-captions-wrapper = 6000\n .able-seekbar-head = 5500\n .able-seekbar-played = 5200\n .able-seekbar-loaded = 5100\n .able = 5000\n*/\n\n.able-wrapper {\n position: relative;\n margin: 0;\n padding: 0;\n width: 100%;\n height: auto;\n -webkit-box-sizing: content-box !important;\n box-sizing: content-box !important;\n max-width: none !important;\n}\n\n.able {\n position: relative;\n margin: 1em 0;\n width: 100%; /* will be changed dynamically as player is contructed */\n z-index: 5000;\n}\n\n[dir=\"ltr\"] .able-column-left {\n float: left;\n}\n\n[dir=\"rtl\"] .able-column-left {\n float: right;\n}\n\n[dir=\"ltr\"] .able-column-right {\n float: left;\n}\n\n[dir=\"rtl\"] .able-column-right {\n float: right;\n}\n\n.able .able-vidcap-container {\n background-color: black;\n /* height: 360px; */\n left: 0;\n margin: 0;\n position: relative;\n top: 0;\n}\n\n.able-player {\n font-family: inherit;\n background-color: #262626; /* background color of player (appears on top & bottom) */\n}\n\n.able-offscreen {\n position:absolute;\n left:-10000px;\n}\n\n[dir=\"rtl\"] .able-offscreen {\n right: -10000px;\n left: auto;\n }\n\n.able-offscreen {\n top:auto;\n width:1px;\n height:1px;\n overflow:hidden;\n}\n\n.able-media-container audio {\n display: none !important;\n}\n\n.able-video {\n}\n\n.able-video .able-now-playing {\n display: none; /* not currently used for video */\n}\n\n.able-controller {\n position: relative;\n border-top: 2px solid #4c4c4c;\n border-bottom: 2px solid #4c4c4c;\n background-color: #464646; /* background color of controller bar */\n min-height: 38px; /* height of button (20px) + 4px border + 4px padding */\n padding: 0;\n}\n\n.able-poster {\n position: absolute;\n top: 0;\n left: 0;\n}\n\n/*\n Controller Buttons & Controls\n*/\n\n.able-big-play-button {\n position: absolute;\n font-size: 8em;\n opacity: 0.5;\n filter:alpha(opacity=50); /* for IE */\n color: #fdfdfd;\n background-color: transparent;\n border: none;\n outline: none;\n left: 0;\n top: 0;\n padding: 0;\n z-index: 6500;\n}\n\n.able-big-play-button:hover {\n opacity: 100;\n filter:alpha(opacity=100); /* for IE */\n}\n\n.able-left-controls, .able-right-controls {\n overflow: visible;\n}\n\n.able-left-controls button, .able-right-controls button {\n vertical-align: middle;\n}\n\n[dir=\"ltr\"] .able-left-controls {\n float: left;\n}\n\n[dir=\"rtl\"] .able-left-controls {\n float: right;\n}\n\n[dir=\"ltr\"] .able-right-controls {\n float: right;\n}\n\n[dir=\"rtl\"] .able-right-controls {\n float: left;\n}\n\n.able-black-controls,\n.able-black-controls button,\n.able-black-controls label {\n color: #000 !important;\n}\n\n.able-black-controls .able-seekbar {\n border: 2px solid #000;\n}\n\n.able-white-controls,\n.able-white-controls button,\n.able-black-controls label {\n color: #FFF !important;\n}\n\n.able-white-controls .able-seekbar {\n border: 2px solid #FFF;\n}\n\n.able-controller button {\n background: none;\n position: relative;\n display: inline-block;\n border-style: none;\n margin: 3px;\n padding: 0;\n font-size: 20px;\n min-width: 24px;\n outline: 2px solid #464646; /* same color as .able-controller background-color */\n border: none;\n overflow: visible !important;\n z-index: 6600;\n}\n\n.able-controller button > span,\n.able-controller button > img {\n width: 20px;\n margin: 0 auto;\n padding: 0;\n z-index: 6700;\n}\n\n.able-controller .buttonOff {\n opacity: 0.5;\n filter:alpha(opacity=50); /* for IE */\n z-index: 6800;\n}\n\n.able-controller .able-seekbar {\n margin: 0 5px;\n z-index: 6900;\n}\n\n.able-controller button:hover,\n.able-controller button:focus {\n outline-style: solid;\n outline-width: medium;\n}\n\n.able-controller button:hover {\n outline-color: #8AB839 !important; /* green */\n}\n\n.able-controller button:focus {\n outline-color: #ffbb37 !important; /* yellow */\n}\n\n/*\n Seekbar\n*/\n\n.able-seekbar-wrapper {\n display: inline-block;\n vertical-align: middle;\n}\n\n.able-seekbar {\n position: relative;\n height: 0.5em;\n border: 1px solid;\n background-color: #000000;\n margin: 0 3px;\n border-style: solid;\n border-width: 2px;\n border-color: #ffffff;\n}\n\n.able-seekbar-loaded {\n display: inline-block;\n position: absolute;\n left: 0;\n top: 0;\n height: 0.5em;\n background-color: #464646;\n z-index: 5100;\n}\n\n.able-seekbar-played {\n display: inline-block;\n position: absolute;\n left: 0;\n top: 0;\n height: 0.5em;\n background-color: #DADADA;\n z-index: 5200;\n}\n\n.able-seekbar-head {\n display: inline-block;\n position: relative;\n left: 0;\n top: -0.45em;\n background-color: #FDFDFD;\n width: 0.8em;\n height: 0.8em;\n border: 1px solid;\n border-radius: 0.8em;\n z-index: 5500;\n}\n\n/*\n Volume Slider\n*/\n\n.able-volume-slider {\n width: 34px;\n height: 50px;\n background-color: #464646; /* same as .able-controller */\n padding: 10px 0;\n position: absolute;\n right: 0px;\n top: -74px;\n display: block;\n z-index: 9100;\n}\n\n.able-volume-track {\n display: block;\n position: relative;\n height: 100%; /* = 50px after padding */\n width: 5px;\n margin: 0 auto;\n background-color: #999;\n}\n\n.able-volume-track.able-volume-track-on {\n background-color: #dadada;\n position: absolute;\n height: 20px; /* change dynamically; 5px per volume tick */\n top: 30px; /* change dynamically; 50px - height */\n}\n\n.able-volume-head {\n display: inline-block;\n background-color: #fdfdfd;\n outline: 1px solid #333;\n position: absolute;\n height: 7px;\n width: 15px;\n left: -5px;\n top: 23px; /* change dynamically; .able-volume-track-on top - 7 */\n z-index: 9175;\n}\n\n.able-volume-head:hover,\n.able-volume-head:focus {\n background-color: #ffbb37 !important; /* yellow */\n}\n\n.able-volume-help { /* not visible; used in aria-describedby */\n display: none;\n}\n\n/*\ninput[type=range]:focus {\n outline: none;\n}\ninput[type=range]::-webkit-slider-runnable-track {\n width: 100%;\n height: 8.4px;\n cursor: pointer;\n animate: 0.2s;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n background: #3071a9;\n border-radius: 1.3px;\n border: 0.2px solid #010101;\n}\ninput[type=range]::-webkit-slider-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 36px;\n width: 16px;\n border-radius: 3px;\n background: #ffffff;\n cursor: pointer;\n -webkit-appearance: none;\n margin-block-start: -14px;\n}\ninput[type=range]:focus::-webkit-slider-runnable-track {\n background: #367ebd;\n}\ninput[type=range]::-moz-range-track {\n width: 100%;\n height: 8.4px;\n cursor: pointer;\n animate: 0.2s;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n background: #3071a9;\n border-radius: 1.3px;\n border: 0.2px solid #010101;\n}\ninput[type=range]::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 36px;\n width: 16px;\n border-radius: 3px;\n background: #ffffff;\n cursor: pointer;\n}\ninput[type=range]::-ms-track {\n width: 100%;\n height: 8.4px;\n cursor: pointer;\n animate: 0.2s;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\ninput[type=range]::-ms-fill-lower {\n background: #2a6495;\n border: 0.2px solid #010101;\n border-radius: 2.6px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\ninput[type=range]::-ms-fill-upper {\n background: #3071a9;\n border: 0.2px solid #010101;\n border-radius: 2.6px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\ninput[type=range]::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 36px;\n width: 16px;\n border-radius: 3px;\n background: #ffffff;\n cursor: pointer;\n}\ninput[type=range]:focus::-ms-fill-lower {\n background: #3071a9;\n}\ninput[type=range]:focus::-ms-fill-upper {\n background: #367ebd;\n}\n*/\n\n/*\n Status Bar\n*/\n\n.able-status-bar {\n height: 1.5em;\n min-height: 1.5em;\n color: #CCC;\n font-size: 0.9em;\n background-color: transparent;\n padding: 0.5em 0.5em 0.25em;\n}\n\n[dir=\"ltr\"] .able-status-bar span.able-timer {\n text-align: left;\n}\n\n[dir=\"rtl\"] .able-status-bar span.able-timer {\n text-align: right;\n}\n\n[dir=\"ltr\"] .able-status-bar span.able-timer {\n float: left;\n}\n\n[dir=\"rtl\"] .able-status-bar span.able-timer {\n float: right;\n}\n\n.able-status-bar span.able-timer {\n /* contains both span.elapsedTime and span.duration */\n width: 32%;\n}\n\n[dir=\"ltr\"] .able-status-bar span.able-speed {\n float: left;\n}\n\n[dir=\"rtl\"] .able-status-bar span.able-speed {\n float: right;\n}\n\n.able-status-bar span.able-speed {\n width: 33%;\n text-align: center;\n}\n\n[dir=\"ltr\"] .able-status {\n float: right;\n}\n\n[dir=\"rtl\"] .able-status {\n float: left;\n}\n\n.able-status {\n font-style: italic;\n width: 32%;\n text-align :right;\n}\n\n/*\n Captions and Descriptions\n*/\n\ndiv.able-captions-wrapper {\n width: 100%;\n margin: 0;\n padding: 0;\n text-align: center;\n line-height: 1.35em;\n display: block;\n z-index: 6000;\n}\n\ndiv.able-captions {\n display: none;\n padding: 0.15em 0.25em;\n /* settings that are overridden by user prefs */\n background-color: black;\n font-size: 1.1em;\n color: white;\n opacity: 0.75;\n}\n\ndiv.able-captions-overlay {\n position: absolute;\n margin: 0;\n bottom: 0;\n}\n\ndiv.able-captions-below {\n position: relative;\n min-height: 2.8em;\n}\n\ndiv.able-descriptions {\n position: relative;\n color: #FF6; /* yellow, to differentiate it from captions */\n background-color: #262626;\n min-height: 2.8em;\n border-top: 1px solid #666;\n margin: 0;\n padding: 3%;\n width: 94%;\n text-align: center;\n}\n\n/*\n Now Playing\n*/\n\ndiv.able-now-playing {\n text-align: center;\n font-weight: bold;\n font-size: 1.1em;\n color: #FFFFFF;\n background-color: transparent;\n padding: 0.5em 0.5em 1em;\n}\n\ndiv.able-now-playing span {\n font-size: 0.9em;\n}\n\ndiv.able-now-playing span span {\n display: block;\n}\n\n/*\n Modal Dialogs\n*/\n\n[dir=\"ltr\"] div.able-modal-dialog {\n margin-left: auto;\n}\n\n[dir=\"rtl\"] div.able-modal-dialog {\n margin-right: auto;\n}\n\n[dir=\"ltr\"] div.able-modal-dialog {\n margin-right: auto;\n}\n\n[dir=\"rtl\"] div.able-modal-dialog {\n margin-left: auto;\n}\n\ndiv.able-modal-dialog {\n position: absolute;\n height: auto;\n max-width: 90%;\n left: 0px;\n right: 0px;\n outline: 0px none;\n display: none;\n color: #000;\n background-color: #FAFAFA;\n -webkit-box-sizing: content-box !important;\n box-sizing: content-box !important;\n z-index: 10000;\n}\n\ndiv.able-modal-overlay {\n position: fixed;\n width: 100%;\n height: 100%;\n background-color: #000;\n opacity: 0.5;\n margin: 0;\n padding: 0;\n top: 0;\n left: 0;\n display: none;\n z-index: 9500;\n}\n\nbutton.modalCloseButton {\n position: absolute;\n top: 5px;\n right: 5px;\n}\n\n[dir=\"ltr\"] button.modal-button {\n margin-right: 5px;\n}\n\n[dir=\"rtl\"] button.modal-button {\n margin-left: 5px;\n}\n\ndiv.able-modal-dialog input:hover,\ndiv.able-modal-dialog input:focus,\ndiv.able-modal-dialog button:hover,\ndiv.able-modal-dialog button:focus {\n outline-style: solid;\n outline-width: 2px;\n}\n\ndiv.able-modal-dialog input:hover,\ndiv.able-modal-dialog button:hover {\n outline-color: #8AB839; /* green */\n}\n\ndiv.able-modal-dialog input:focus,\ndiv.able-modal-dialog button:focus {\n outline-color: #ffbb37; /* yellow */\n}\n\ndiv.able-modal-dialog h1 {\n font-weight: bold;\n font-size: 1.8em;\n line-height: 1.2em;\n margin: 0.75em 0;\n color: #000;\n text-align: center;\n}\n\n.able-prefs-form,\n.able-help-div,\n.able-resize-form {\n background-color: #F5F5F5;\n border: medium solid #ccc;\n padding: 0.5em 1em;\n margin: 0 0 0 1em;\n width: 25em;\n display: none;\n}\n\n/*\n Preferences Form\n*/\n\n[dir=\"ltr\"] .able-prefs-form fieldset {\n margin-left: 0;\n}\n\n[dir=\"rtl\"] .able-prefs-form fieldset {\n margin-right: 0;\n}\n\n.able-prefs-form fieldset {\n padding-left: 0;\n border: none;\n}\n\n.able-prefs-form legend {\n color: black;\n font-weight: bold;\n font-size: 1.1em;\n}\n\n[dir=\"ltr\"] .able-prefs-form fieldset div {\n margin-left: 1em;\n}\n\n[dir=\"rtl\"] .able-prefs-form fieldset div {\n margin-right: 1em;\n}\n\n.able-prefs-form fieldset div {\n display: table;\n}\n\n.able-prefs-form fieldset div input {\n display: table-cell;\n width: 1em;\n vertical-align: middle;\n}\n\n.able-prefs-form fieldset div label {\n display: table-cell;\n padding-left: 0.5em;\n}\n\n[dir=\"ltr\"] fieldset.able-prefs-keys div {\n float: left;\n}\n\n[dir=\"rtl\"] fieldset.able-prefs-keys div {\n float: right;\n}\n\n[dir=\"ltr\"] fieldset.able-prefs-keys div {\n margin-right: 1em;\n}\n\n[dir=\"rtl\"] fieldset.able-prefs-keys div {\n margin-left: 1em;\n}\n\n[dir=\"ltr\"] div.able-desc-pref-prompt {\n margin-left: 1em !important;\n}\n\n[dir=\"rtl\"] div.able-desc-pref-prompt {\n margin-right: 1em !important;\n}\n\ndiv.able-desc-pref-prompt {\n font-weight: bold;\n font-style: italic;\n}\n\n[dir=\"ltr\"] div.able-prefDescFormat > div {\n margin-left: 1.5em;\n}\n\n[dir=\"rtl\"] div.able-prefDescFormat > div {\n margin-right: 1.5em;\n}\n\n[dir=\"ltr\"] .able-prefs-captions label,[dir=\"ltr\"] \n.able-prefs-captions select {\n float: left;\n}\n\n[dir=\"rtl\"] .able-prefs-captions label,[dir=\"rtl\"] \n.able-prefs-captions select {\n float: right;\n}\n\n.able-prefs-captions label,\n.able-prefs-captions select {\n display: block;\n margin-bottom: 0.25em;\n}\n\n[dir=\"ltr\"] fieldset.able-prefs-captions label {\n text-align: right;\n}\n\n[dir=\"rtl\"] fieldset.able-prefs-captions label {\n text-align: left;\n}\n\nfieldset.able-prefs-captions label {\n width: 6em;\n padding-right: 1em;\n}\n\nfieldset.able-prefs-captions select {\n width: 10em;\n font-size: 0.9em;\n border-radius: none;\n}\n\n.able-prefs-form div.able-captions-sample {\n padding: 0.5em;\n text-align: center;\n}\n\n.able-prefs-form h2 {\n margin-top: 0;\n margin-bottom: 0.5em;\n font-size: 1.1em;\n}\n\n.able-prefs-form ul {\n margin-top: 0;\n}\n\n/*\n Keyboard Preferences Dialog\n*/\n\nable-prefs-form-keyboard ul {\n list-style-type: none;\n}\n\nspan.able-modkey-alt,\nspan.able-modkey-ctrl,\nspan.able-modkey-shift {\n color: #666;\n font-style: italic;\n}\n\nspan.able-modkey {\n font-weight: bold;\n color: #000;\n font-size: 1.1em;\n}\n\n/*\n Resize Window Dialog\n*/\n\n.able-resize-form h1 {\n font-size: 1.15em;\n}\n\n.able-resize-form div div {\n margin: 1em;\n}\n\n.able-resize-form label {\n padding-right: 0.5em;\n font-weight: bold;\n}\n\n.able-resize-form input[type=\"text\"] {\n font-size: 1em;\n}\n\n.able-resize-form input[readonly] {\n color: #AAA;\n}\n\n/*\n Drag & Drop\n*/\n\n.able-window-toolbar {\n background-color: #464646;\n min-height: 15px;\n padding: 10px;\n border-style: solid;\n border-width: 0 0 1px 0;\n}\n\n.able-draggable:hover {\n cursor: move;\n}\n\n.able-window-toolbar .able-button-handler-preferences {\n position: absolute;\n top: 0;\n right: 0;\n font-size: 1.5em;\n background-color: transparent;\n border: none;\n outline: none;\n padding: 0;\n z-index: 9300;\n}\n\n.able-window-toolbar .able-button-handler-preferences:hover,\n.able-window-toolbar .able-button-handler-preferences:focus {\n outline-style: solid;\n outline-width: medium;\n}\n\n.able-window-toolbar .able-button-handler-preferences:hover {\n outline-color: #8AB839 !important; /* green */\n}\n\n.able-window-toolbar .able-button-handler-preferences:focus {\n outline-color: #ffbb37 !important; /* yellow */\n}\n\n.able-window-toolbar .able-popup {\n position: absolute;\n cursor: default;\n right: 0;\n top: 0;\n display: block;\n}\n\n.able-drag {\n border: 2px dashed #F90;\n cursor: move;\n}\n\n.able-resizable {\n position: absolute;\n width: 16px;\n height: 16px;\n padding: 5px 0 0 5px;\n bottom: 0;\n right: 0;\n cursor: nwse-resize;\n background: transparent bottom right url('../ableplayer/images/wingrip.png') no-repeat;\n}\n\n/*\n Sign Language Window\n*/\n\n.able-sign-window {\n position: relative;\n margin: 1em;\n /* max-width: 100%; */\n z-index: 8000;\n}\n\n.able-sign-window video {\n width: 100%;\n}\n\n.able-sign-window:focus {\n outline: none;\n}\n\n/*\n External chapters div\n*/\n\ndiv.able-chapters-div {\n padding: 0;\n}\n\ndiv.able-chapters-div .able-chapters-heading {\n margin: 1em 0.75em;\n font-size: 1.1em;\n font-weight: bold;\n}\n\ndiv.able-chapters-div ul {\n list-style-type: none;\n padding-left: 0;\n}\n\ndiv.able-chapters-div ul li {\n max-width: 100%;\n padding: 0;\n height: 2em;\n}\n\n[dir=\"ltr\"] div.able-chapters-div button {\n text-align: left;\n}\n\n[dir=\"rtl\"] div.able-chapters-div button {\n text-align: right;\n}\n\ndiv.able-chapters-div button {\n width: 100%;\n height: 100%;\n border: none;\n background-color: transparent;\n color: #000;\n font-size: 1em;\n padding: 0.15em 1em;\n}\n\ndiv.able-chapters-div li.able-current-chapter {\n background-color: #000 !important;\n}\n\ndiv.able-chapters-div li.able-current-chapter button {\n color: #FFF !important;\n}\n\ndiv.able-chapters-div li.able-focus {\n background-color: #4C4C4C;\n}\n\ndiv.able-chapters-div button:focus,\ndiv.able-chapters-div button:hover,\ndiv.able-chapters-div button::-moz-focus-inner {\n border: 0;\n outline: none;\n color: #FFF !important;\n}\n\n/*\n Fullscreen settings\n In v2.2.4b commented out :-webkit-full-screen style\n This was causing the toolbar in fullscreen mode to be positioned slightly offscreen in webkit browsers\n Safari had an additional problem in window height was being calculated (see event.js > onWindowResize())\n Commenting out this style appears have no adverse effect in any browser\n All other fullscreen styles were already commented out, and left here solely for reference\n*/\n\n/*\n:-webkit-full-screen {\n position: fixed;\n width: 100%;\n height: 100%;\n top: 0;\n background: none;\n}\n:-moz-full-screen {\n position: fixed;\n width: 100%;\n height: 100%;\n top: 0;\n bottom: 20;\n background: none;\n}\n\n:-ms-fullscreen {\n position: fixed;\n width: 100%;\n height: 100%;\n top: 0;\n background: none;\n}\n\n:fullscreen {\n position: fixed;\n width: 100%;\n height: 80%;\n top: 0;\n background: none;\n}\n*/\n\n/*\n Tooltips & Alerts\n*/\n\n.able-tooltip, .able-alert {\n position: absolute;\n padding: 5px 10px;\n border-color: black;\n border-width: 1px;\n color: #000 !important;\n background-color: #CCCCCC;\n border-radius: 5px;\n display: block;\n}\n\n.able-alert {\n background-color: #FFFFCC;\n -webkit-box-shadow: 0px 0px 16px #262626;\n box-shadow: 0px 0px 16px #262626;\n z-index: 9400;\n}\n\n.able-popup {\n z-index: 9200;\n}\n\n.able-tooltip {\n z-index: 9000;\n}\n\n/*\n Popup Menus\n*/\n\n.able-popup {\n position: absolute;\n margin: 0;\n padding: 0;\n border-color: black;\n border-width: 1px;\n background-color: #000;\n opacity: 0.85;\n border-radius: 5px;\n display: block;\n cursor: default;\n list-style: none;\n}\n\nul.able-popup {\n list-style-type: none;\n}\n\n.able-popup li {\n padding: 0.25em 1em 0.25em 0.25em;\n margin: 1px;\n color: #FFF;\n}\n\n.able-popup li.able-focus {\n background-color: #CCC;\n color: #000;\n}\n\n.able-popup-captions li {\n padding-left: 1em;\n}\n\n.able-popup-captions li[aria-checked=\"true\"] {\n padding-left: 0;\n}\n\n.able-popup-captions li[aria-checked=\"true\"]::before {\n content: \"\\2713 \"; /* check mark; for heavier mark us 2714 */\n}\n\n/*\n Transcript\n*/\n\n.able-transcript-area {\n border-width: 1px;\n border-style: solid;\n height: 400px;\n z-index: 7000;\n outline: none;\n padding-bottom: 25px; /* keep content above 16x16px drag icon */\n background-color: #FFF;\n}\n\n.able-transcript {\n position: relative; /* must be positioned for scrolling */\n overflow-y: scroll;\n padding-left: 5%;\n padding-right: 5%;\n /* width: 90%; */\n background-color: #FFF;\n height: 350px;\n}\n\n.able-transcript div {\n margin: 1em 0;\n}\n\n.able-transcript-heading {\n font-size: 1.4em;\n font-weight: bold;\n}\n\n.able-transcript-chapter-heading {\n font-size: 1.2em;\n font-weight: bold;\n}\n\n.able-transcript div.able-transcript-desc {\n background-color: #FEE;\n border: thin solid #336;\n font-style: italic;\n padding: 1em;\n}\n\n.able-transcript .able-unspoken {\n font-weight: bold;\n}\n\n.able-transcript .able-hidden {\n position: absolute !important;\n clip: rect(1px 1px 1px 1px); /* IE6, IE7 */\n clip: rect(1px, 1px, 1px, 1px);\n}\n\n.able-highlight {\n background: #FF6; /* light yellow */\n}\n\n.able-previous {\n background: black !important;\n font-style: italic;\n}\n\n.able-transcript span:hover,\n.able-transcript span:focus,\n.able-transcript span:active {\n background: #CF6; /* light green */\n cursor: pointer;\n}\n\n[dir=\"ltr\"] .able-window-toolbar label {\n margin-right: 10px;\n}\n\n[dir=\"rtl\"] .able-window-toolbar label {\n margin-left: 10px;\n}\n\n.able-window-toolbar label {\n color: #FFF;\n}\n\n.able-window-toolbar input:focus,\n.able-window-toolbar input:hover,\n.able-window-toolbar select:focus,\n.able-window-toolbar select:hover,\n.able-controller input:focus,\n.able-controller input:hover,\n.able-controller button:focus,\n.able-controller button:hover,\n.able-seekbar-head:focus,\n.able-seekbar-head:hover {\n outline-style: solid;\n outline-width: 2px;\n}\n\n.able-window-toolbar input:focus,\n.able-window-toolbar select:focus,\n.able-controller input:focus,\n.able-controller button:focus,\n.able-seekbar-head:focus {\n outline-color: #ffbb37; /* yellow */\n}\n\n.able-window-toolbar input:hover,\n.able-window-toolbar select:hover,\n.able-controller input:hover,\n.able-controller button:hover,\n.able-seekbar-head:hover {\n outline-color: #8AB839; /* green */\n}\n\n[dir=\"ltr\"] .able-window-toolbar .transcript-language-select-wrapper {\n float: right;\n}\n\n[dir=\"rtl\"] .able-window-toolbar .transcript-language-select-wrapper {\n float: left;\n}\n\n.able-window-toolbar .transcript-language-select-wrapper {\n padding-right: 30px;\n}\n\n/*\n Playlist (both audio and video)\n*/\n\n.able-playlist {\n list-style-type: none;\n margin: 0;\n background-color: #FFFFFF;\n padding: 5px 0;\n}\n\n.able-playlist li {\n background-color: #DDDDDD; /* default background color of each item in playlist */\n margin: 5px;\n padding: 0;\n border: 2px solid #AAA;\n border-radius: 5px;\n -moz-border-radius: 5px;\n}\n\n.able-playlist li button {\n border: none;\n color: #000000;\n background-color: transparent;\n font-size: 1em;\n width: 100%;\n padding: 5px 10px;\n text-align: left;\n}\n\n.able-playlist li button:hover,\n.able-playlist li button:focus,\n.able-playlist li button:active { /* playlist items when they have mouse or keyboard focus */\n background-color: #FFEEB3;\n color: #000000;\n text-decoration: none;\n outline: none;\n}\n\n.able-playlist li button::-moz-focus-inner {\n border: 0;\n}\n\n.able-playlist li button img {\n width: 100px;\n float: left;\n margin-right: 10px;\n}\n\n.able-playlist li.able-current { /* currently selected playlist item */\n background-color: #340449;\n border-color: #230330;\n}\n\n.able-playlist li.able-current button {\n color: #FFFFFF;\n font-weight: bold;\n text-decoration: none;\n outline: none;\n}\n\n.able-playlist li.able-current button:hover,\n.able-playlist li.able-current button:focus,\n.able-playlist li.able-current button:active {\n color: #000000;\n}\n\n/*\n Search\n*/\n\n.able-search-results ul li {\n font-size: 1.1em;\n margin-bottom: 1em;\n}\n\n.able-search-results-time {\n font-weight: bold;\n text-decoration: underline;\n cursor: pointer;\n}\n\n.able-search-results-time:hover,\n.able-search-results-time:focus,\n.able-search-results-time:active {\n color: #FFF;\n background-color: #000;\n text-decoration: none;\n}\n\n.able-search-results-text {\n padding-left: 1em;\n}\n\n.able-search-term {\n background-color: #FFC;\n font-weight: bold;\n}\n\n/*\n Video Transcript Sorter (VTS)\n*/\n\n#able-vts-instructions {\n margin-bottom: 1.5em;\n padding: 1em;\n border: 1px solid #999;\n width: 720px;\n max-width: 90%;\n}\n\n#able-vts fieldset {\n margin: 1em;\n border: none;\n}\n\n#able-vts fieldset legend {\n color: #000;\n font-weight: bold;\n}\n\n[dir=\"ltr\"] #able-vts fieldset div {\n float: left;\n}\n\n[dir=\"rtl\"] #able-vts fieldset div {\n float: right;\n}\n\n#able-vts fieldset div {\n padding-right: 1em;\n}\n\n[dir=\"ltr\"] #able-vts table {\n clear: left;\n}\n\n[dir=\"rtl\"] #able-vts table {\n clear: right;\n}\n\n#able-vts table,\n#able-vts table th,\n#able-vts table td {\n border: 1px solid black;\n border-collapse: collapse;\n padding: 0.5em 0.75em;\n}\n\n#able-vts table th.actions {\n min-width: 140px;\n}\n\n#able-vts table td button {\n width: auto;\n padding: 0;\n margin: 2px;\n}\n\n#able-vts table td button svg {\n width: 16px;\n height: 16px;\n}\n\n#able-vts table button:hover,\n#able-vts table button:focus {\n /* border: 3px solid #66c2ff; */\n}\n\n#able-vts table button:hover svg {\n fill: #C00;\n}\n\ntr.kind-chapters,\ntr.kind-subtitles {\n background-color: #FFF;\n}\n\ntr.kind-descriptions {\n background-color: #FEE;\n}\n\ntr.kind-chapters {\n background-color: #e6ffe6;\n}\n\n.able-vts-dragging {\n background-color: #FFC;\n}\n\ndiv#able-vts-icon-credit {\n margin: 1em;\n}\n\ndiv#able-vts-alert {\n display: none;\n position: fixed;\n top: 5px;\n left: 5px;\n border: 2px solid #666;\n background-color: #FFC;\n padding: 1em;\n font-weight: bold;\n z-index: 9400;\n}\n\nbutton#able-vts-save {\n font-size: 1em;\n padding: 0.25em;\n border-radius: 5px;\n margin-bottom: 1em;\n font-weight: bold;\n}\n\nbutton#able-vts-save:hover,\nbutton#able-vts-save:focus {\n color: white;\n background-color: #060;\n}\n\n.able-vts-output-instructions {\n width: 720px;\n max-width: 90%;\n}\n\n#able-vts textarea {\n height: 200px;\n width: 720px;\n max-width: 90%;\n}\n\n/*\n Misc\n*/\n\n.able-clipped, .able-screenreader-alert {\n /* hide from sighted users, but not screen reader users */\n position: absolute !important;\n clip: rect(1px 1px 1px 1px); /* IE6, IE7 */\n clip: rect(1px, 1px, 1px, 1px);\n /* additional rules are needed to ensure clipped buttons are truly invisible in Safari on Mac OS X */\n width: 1px !important;\n height: 1px !important;\n overflow: hidden !important;\n}\n\n.able-error {\n display: block;\n background: #ffc;\n border: 2px solid #000;\n color: #FF0000;\n margin: 0.75em;\n padding: 0.5em;\n}\n\n.able-fallback {\n display: block;\n text-align: center;\n border: 2px solid #333355;\n background-color: #EEE;\n color: #000;\n font-weight: bold;\n font-size: 1.1em;\n padding: 1em;\n margin-bottom: 1em;\n max-width: 500px;\n width: 95%;\n}\n\n[dir=\"ltr\"] .able-fallback div,[dir=\"ltr\"] \n.able-fallback ul,[dir=\"ltr\"] \n.able-fallback p {\n text-align: left;\n}\n\n[dir=\"rtl\"] .able-fallback div,[dir=\"rtl\"] \n.able-fallback ul,[dir=\"rtl\"] \n.able-fallback p {\n text-align: right;\n}\n\n.able-fallback li {\n font-weight: normal;\n}\n\n.able-fallback img {\n width: 90%;\n margin: 1em auto;\n opacity: 0.3;\n}\n\n.able-fallback img.able-poster {\n position: relative;\n}\n\n/*\n SVG Icons\n*/\n\nbutton svg {\n display: inline-block;\n width: 1em;\n height: 1em;\n fill: currentColor;\n}\n\n/*\n icomoon.io font styling\n*/\n\n@font-face {\n font-family: 'able';\n src: url('../ableplayer/button-icons/fonts/able.eot?dqripi');\n src: url('../ableplayer/button-icons/fonts/able.eot?dqripi#iefix') format('embedded-opentype'),\n url('../ableplayer/button-icons/fonts/able.ttf?dqripi') format('truetype'),\n url('../ableplayer/button-icons/fonts/able.woff?dqripi') format('woff'),\n url('../ableplayer/button-icons/fonts/able.svg?dqripi#able') format('svg');\n font-weight: normal;\n font-style: normal;\n}\n\n[class^=\"icon-\"], [class*=\" icon-\"] {\n /* use !important to prevent issues with browser extensions that change fonts */\n font-family: 'able' !important;\n speak: none;\n font-style: normal;\n font-weight: normal;\n -webkit-font-feature-settings: normal;\n font-feature-settings: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n\n /* Better Font Rendering =========== */\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n.icon-play:before {\n content: \"\\f04b\";\n}\n\n.icon-pause:before {\n content: \"\\f04c\";\n}\n\n.icon-stop:before {\n content: \"\\f04d\";\n}\n\n.icon-restart:before {\n content: \"\\e900\";\n}\n\n.icon-rewind:before {\n content: \"\\e603\";\n}\n\n.icon-forward:before {\n content: \"\\e604\";\n}\n\n.icon-previous:before {\n content: \"\\e901\";\n}\n\n.icon-next:before {\n content: \"\\e902\";\n}\n\n.icon-slower:before {\n content: \"\\f0dd\";\n}\n\n.icon-faster:before {\n content: \"\\f0de\";\n}\n\n.icon-turtle:before {\n content: \"\\e904\";\n}\n\n.icon-rabbit:before {\n content: \"\\e905\";\n}\n\n.icon-ellipsis:before {\n content: \"\\e903\";\n}\n\n.icon-pipe:before {\n content: \"\\e600\";\n}\n\n.icon-captions:before {\n content: \"\\e601\";\n}\n\n.icon-descriptions:before {\n content: \"\\e602\";\n}\n\n.icon-sign:before {\n content: \"\\e60a\";\n}\n\n.icon-volume-mute:before {\n content: \"\\e606\";\n}\n\n.icon-volume-soft:before {\n content: \"\\e60c\";\n}\n\n.icon-volume-medium:before {\n content: \"\\e605\";\n}\n\n.icon-volume-loud:before {\n content: \"\\e60b\";\n}\n\n.icon-volume-up:before {\n content: \"\\e607\";\n}\n\n.icon-volume-down:before {\n content: \"\\e608\";\n}\n\n.icon-chapters:before {\n content: \"\\e609\";\n}\n\n.icon-transcript:before {\n content: \"\\f15c\";\n}\n\n.icon-preferences:before {\n content: \"\\e60d\";\n}\n\n.icon-close:before {\n content: \"\\f00d\";\n}\n\n.icon-fullscreen-expand:before {\n content: \"\\f065\";\n}\n\n.icon-fullscreen-collapse:before {\n content: \"\\f066\";\n}\n\n.icon-help:before {\n content: \"\\f128\";\n}\n\n/* Solarized Light\n\nFor use with Jekyll and Pygments\n\nhttp://ethanschoonover.com/solarized\n\nSOLARIZED HEX ROLE\n--------- -------- ------------------------------------------\nbase01 var(--w3c-blue) body text / default code / primary content\nbase1 var(--dk-grey) comments / secondary content\nbase3 #fdf6e3 background\norange var(--faded-red) constants\nred var(--faded-red) regex, special keywords\nblue var(--w3c-classic) reserved keywords\ncyan var(--wai-green) strings, numbers\ngreen var(--wai-green) operators, other keywords\n\n*/\n\npre {\n white-space: pre-wrap;\n}\n\n.highlight {\n font-size: 14px;\n color: #003366;\n color: var(--w3c-blue);\n -moz-tab-size: 2;\n -o-tab-size: 2;\n tab-size: 2;\n -webkit-font-feature-settings: \"liga\", \"clig off\";\n font-feature-settings: \"liga\", \"clig off\";\n -webkit-font-variant-ligatures: no-common-ligatures;\n font-variant-ligatures: no-common-ligatures;\n}\n\n.highlight .c { color: #3b3b3b; color: var(--dk-grey) }\n\n/* Comment */\n\n.highlight .err { color: #003366; color: var(--w3c-blue) }\n\n/* Error */\n\n.highlight .g { color: #003366; color: var(--w3c-blue) }\n\n/* Generic */\n\n.highlight .k { color: #005A6A; color: var(--wai-green) }\n\n/* Keyword */\n\n.highlight .l { color: #003366; color: var(--w3c-blue) }\n\n/* Literal */\n\n.highlight .n { color: #003366; color: var(--w3c-blue) }\n\n/* Name */\n\n.highlight .o { color: #005A6A; color: var(--wai-green) }\n\n/* Operator */\n\n.highlight .x { color: #c0272d; color: var(--faded-red) }\n\n/* Other */\n\n.highlight .p { color: #003366; color: var(--w3c-blue) }\n\n/* Punctuation */\n\n.highlight .cm { color: #3b3b3b; color: var(--dk-grey) }\n\n/* Comment.Multiline */\n\n.highlight .cp { color: #005A6A; color: var(--wai-green) }\n\n/* Comment.Preproc */\n\n.highlight .c1 { color: #3b3b3b; color: var(--dk-grey) }\n\n/* Comment.Single */\n\n.highlight .cs { color: #005A6A; color: var(--wai-green) }\n\n/* Comment.Special */\n\n.highlight .gd { color: #005A6A; color: var(--wai-green) }\n\n/* Generic.Deleted */\n\n.highlight .ge { color: #003366; color: var(--w3c-blue); font-weight: bold }\n\n/* Generic.Emph */\n\n.highlight .gr { color: #c0272d; color: var(--faded-red) }\n\n/* Generic.Error */\n\n.highlight .gh { color: #c0272d; color: var(--faded-red) }\n\n/* Generic.Heading */\n\n.highlight .gi { color: #005A6A; color: var(--wai-green) }\n\n/* Generic.Inserted */\n\n.highlight .go { color: #003366; color: var(--w3c-blue) }\n\n/* Generic.Output */\n\n.highlight .gp { color: #003366; color: var(--w3c-blue) }\n\n/* Generic.Prompt */\n\n.highlight .gs { color: #003366; color: var(--w3c-blue); font-weight: bold }\n\n/* Generic.Strong */\n\n.highlight .gu { color: #c0272d; color: var(--faded-red) }\n\n/* Generic.Subheading */\n\n.highlight .gt { color: #003366; color: var(--w3c-blue) }\n\n/* Generic.Traceback */\n\n.highlight .kc { color: #c0272d; color: var(--faded-red) }\n\n/* Keyword.Constant */\n\n.highlight .kd { color: #005A9C; color: var(--w3c-classic) }\n\n/* Keyword.Declaration */\n\n.highlight .kn { color: #005A6A; color: var(--wai-green) }\n\n/* Keyword.Namespace */\n\n.highlight .kp { color: #005A6A; color: var(--wai-green) }\n\n/* Keyword.Pseudo */\n\n.highlight .kr { color: #005A9C; color: var(--w3c-classic) }\n\n/* Keyword.Reserved */\n\n.highlight .kt { color: #c0272d; color: var(--faded-red) }\n\n/* Keyword.Type */\n\n.highlight .ld { color: #003366; color: var(--w3c-blue) }\n\n/* Literal.Date */\n\n.highlight .m { color: #005A6A; color: var(--wai-green) }\n\n/* Literal.Number */\n\n.highlight .s { color: #005A6A; color: var(--wai-green) }\n\n/* Literal.String */\n\n.highlight .na { color: #003366; color: var(--w3c-blue) }\n\n/* Name.Attribute */\n\n.highlight .nb { color: #c0272d; color: var(--faded-red) }\n\n/* Name.Builtin */\n\n.highlight .nc { color: #005A9C; color: var(--w3c-classic) }\n\n/* Name.Class */\n\n.highlight .no { color: #c0272d; color: var(--faded-red) }\n\n/* Name.Constant */\n\n.highlight .nd { color: #005A9C; color: var(--w3c-classic) }\n\n/* Name.Decorator */\n\n.highlight .ni { color: #c0272d; color: var(--faded-red) }\n\n/* Name.Entity */\n\n.highlight .ne { color: #c0272d; color: var(--faded-red) }\n\n/* Name.Exception */\n\n.highlight .nf { color: #005A9C; color: var(--w3c-classic) }\n\n/* Name.Function */\n\n.highlight .nl { color: #003366; color: var(--w3c-blue) }\n\n/* Name.Label */\n\n.highlight .nn { color: #003366; color: var(--w3c-blue) }\n\n/* Name.Namespace */\n\n.highlight .nx { color: #003366; color: var(--w3c-blue) }\n\n/* Name.Other */\n\n.highlight .py { color: #003366; color: var(--w3c-blue) }\n\n/* Name.Property */\n\n.highlight .nt { color: #005A9C; color: var(--w3c-classic) }\n\n/* Name.Tag */\n\n.highlight .nv { color: #005A9C; color: var(--w3c-classic) }\n\n/* Name.Variable */\n\n.highlight .ow { color: #005A6A; color: var(--wai-green) }\n\n/* Operator.Word */\n\n.highlight .w { color: #003366; color: var(--w3c-blue) }\n\n/* Text.Whitespace */\n\n.highlight .mf { color: #005A6A; color: var(--wai-green) }\n\n/* Literal.Number.Float */\n\n.highlight .mh { color: #005A6A; color: var(--wai-green) }\n\n/* Literal.Number.Hex */\n\n.highlight .mi { color: #005A6A; color: var(--wai-green) }\n\n/* Literal.Number.Integer */\n\n.highlight .mo { color: #005A6A; color: var(--wai-green) }\n\n/* Literal.Number.Oct */\n\n.highlight .sb { color: #3b3b3b; color: var(--dk-grey) }\n\n/* Literal.String.Backtick */\n\n.highlight .sc { color: #005A6A; color: var(--wai-green) }\n\n/* Literal.String.Char */\n\n.highlight .sd { color: #003366; color: var(--w3c-blue) }\n\n/* Literal.String.Doc */\n\n.highlight .s2 { color: #005A6A; color: var(--wai-green) }\n\n/* Literal.String.Double */\n\n.highlight .se { color: #c0272d; color: var(--faded-red) }\n\n/* Literal.String.Escape */\n\n.highlight .sh { color: #003366; color: var(--w3c-blue) }\n\n/* Literal.String.Heredoc */\n\n.highlight .si { color: #005A6A; color: var(--wai-green) }\n\n/* Literal.String.Interpol */\n\n.highlight .sx { color: #005A6A; color: var(--wai-green) }\n\n/* Literal.String.Other */\n\n.highlight .sr { color: #c0272d; color: var(--faded-red) }\n\n/* Literal.String.Regex */\n\n.highlight .s1 { color: #005A6A; color: var(--wai-green) }\n\n/* Literal.String.Single */\n\n.highlight .ss { color: #005A6A; color: var(--wai-green) }\n\n/* Literal.String.Symbol */\n\n.highlight .bp { color: #005A9C; color: var(--w3c-classic) }\n\n/* Name.Builtin.Pseudo */\n\n.highlight .vc { color: #005A9C; color: var(--w3c-classic) }\n\n/* Name.Variable.Class */\n\n.highlight .vg { color: #005A9C; color: var(--w3c-classic) }\n\n/* Name.Variable.Global */\n\n.highlight .vi { color: #005A9C; color: var(--w3c-classic) }\n\n/* Name.Variable.Instance */\n\n.highlight .il { color: #005A6A; color: var(--wai-green) }\n\n/* Literal.Number.Integer.Long */\n\n:not(.highlight) code {\n -webkit-font-feature-settings: \"liga\", \"clig off\";\n font-feature-settings: \"liga\", \"clig off\";\n -webkit-font-variant-ligatures: no-common-ligatures;\n font-variant-ligatures: no-common-ligatures;\n color: #003366;\n color: var(--w3c-blue);\n}","button, .button {\n cursor: pointer;\n border-radius: 5px;\n display: inline-block;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 8px 12px;\n border: 2px solid var(--wai-green);;\n font-size: .8125rem;\n line-height: 1.4;\n color: var(--pure-white);\n background-color: var(--wai-green);\n text-decoration: none;\n font-weight: bold;\n &:visited {\n color: var(--pure-white);\n }\n &.button-nobg {\n background: transparent;\n &:--hovcus {\n background-color: transparent;\n border-color: var(--pure-white)\n }\n }\n &.button-noborder {\n border-color: transparent;\n &:--hovcus {\n border-color: var(--pure-white)\n }\n }\n &.button-small {\n padding: 2px 4px;\n }\n &.button-inline {\n padding: 0;\n }\n}\n\n.stealthy-link:--hovcus {\n & span.button {\n background-color: var(--w3c-blue);\n color: var(--pure-white);\n }\n}\n\nbutton, .button {\n &:--hovcus {\n border-color: var(--w3c-blue);\n background-color: var(--w3c-blue);\n color: var(--pure-white);\n }\n &:focus {\n outline-color: var(--w3c-blue);\n }\n &:disabled {\n opacity: .75;\n text-decoration: line-through;\n }\n}\n\n.button-secondary {\n background-color: var(--pure-white);\n color: var(--wai-green);\n &:visited {\n color: var(--w3c-blue);\n &:--hovcus {\n color: var(--pure-white);\n }\n }\n}\n\n.button-backtotop {\n position: fixed;\n cursor: pointer;\n bottom: 16px;\n right: 16px;\n left: auto;\n &:dir(rtl) {\n right: auto;\n left: 16px;\n }\n opacity: 0.85;\n border-radius: 100px;\n background-color: var(--w3c-blue);\n border-color: var(--w3c-blue);\n box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);\n opacity: 0;\n transition: opacity .5s linear;\n &:focus,&.active {\n opacity: 1;\n }\n & svg {\n vertical-align: -1px;\n }\n &.inline {\n position:static;\n float: inline-end;\n }\n}\n\n.button-menu {\n text-transform: uppercase;\n background-color: var(--pure-white);\n color: var(--w3c-blue);\n border-color: var(--gold);\n &:--hovcus {\n border-color: var(--pure-white);\n background-color: var(--gold);\n color: var(--off-black);\n }\n}\n\n.button-group {\n display: flex;\n flex-wrap: wrap;\n margin: 0 -8px;\n & button, & .button {\n min-width: 7em;\n flex: 1;\n text-align: center;\n margin: 8px;\n }\n}","img {\n &.left {\n float: inline-start;\n margin-inline-end: 1em;\n }\n &.right {\n clear: inline-end;\n float: inline-end;\n margin-inline-start: 1em;\n }\n}","mark {\n background-color: var(--gold-light);\n}","p {\n margin: 1em 0;\n}",".showhidebutton {\n display: inline;\n background: transparent;\n color: inherit;\n border-color: transparent;\n font-weight: normal;\n &:after {\n display: inline-block;\n background-color: var(--w3c-blue);\n color: var(--pure-white);\n content: \"–\";\n font-weight: bold;\n margin-inline-start: .5em;\n padding: .3em;\n border-radius: 3px;\n width: 1em;\n height: 1em;\n line-height: 1em;\n }\n &:--hovcus {\n &:after {\n color: var(--w3c-blue);\n background-color: var(--pure-white) !important;\n }\n }\n &[aria-expanded=false]:after {\n content: \"+\";\n }\n /* &.button-inline:after {\n margin-inline-start: .2em;\n padding: .15em;\n border-radius: 3px;\n width: .85em;\n height: .85em;\n line-height: .85em;\n }*/\n}","blockquote {\n font-style: italic;\n margin-block-end: 1em;\n & cite {\n display: block;\n font-style: normal;\n /*color: var(--w3c-blue);*/\n padding-left: 2rem;\n &:before {\n content: \"— \";\n font-weight: bold;\n margin-inline-start: -2rem;\n width: 2rem;\n display: inline-block;\n }\n }\n & p:first-of-type::before {\n content: '“';\n margin-inline-start: -.75ch;\n }\n\n & p:last-of-type {\n margin-block-end: 0;\n }\n\n & p:last-of-type::after {\n content: '”';\n }\n\n\n &.special {\n text-align: center;\n }\n}\n\nblockquote.pull {\n position: relative;\n font-size: 1.25rem;\n padding-left: 1ch;\n margin-inline-start: 4rem;\n border: 1px solid transparent;\n color: var(--w3c-blue);\n font-weight: bold;\n border-inline-start: 2px solid var(--line-grey);\n &.right, &.left {\n max-width: 16rem;\n }\n &.right {\n float: inline-end;\n }\n &.left {\n float: inline-start;\n margin-inline-end: 2rem;\n }\n & p:first-of-type::before {\n font-size: 5rem;\n position: absolute;\n left: 0;\n margin-inline-start: -1.25ch;\n top:-.25ch;\n }\n & cite {\n margin-block-start: .5rem;\n font-size: 1rem;\n font-weight: normal;\n color: var(--off-black);\n }\n &.alt-1 {\n color: var(--w3c-classic);\n }\n &.alt-2 {\n color: var(--wai-green);\n }\n &.alt-3 {\n color: var(--off-black);\n }\n}",".box {\n border: solid 1px var(--line-grey);\n margin-block-start: 16px;\n background-color: var(--pure-white);\n}\n\n.box + .box#toc {\n margin-block-start: 0;\n border-block-start: 0;\n}\n\n.box.box-space-above {\n margin-block-start: 90px;\n}\n\n.box-h {\n padding: 8px 16px;\n color: var(--wai-green);\n @media print {\n color: #000;\n }\n font-weight: bold;\n background-color: var(--off-white);\n & h1, & h2, & h3, & h4, & h5, & h6 {\n border: none;\n font-size: inherit;\n color: inherit;\n margin: 0;\n padding: 0;\n font-weight: inherit;\n display: inline-block;\n @supports (all: unset) {\n all: unset;\n }\n }\n}\n\n.box-h-large {\n font-size: 1.25rem;\n color: var(--w3c-blue);\n padding-bottom: 7px;\n font-weight: normal;\n border-block-end: solid 1px var(--line-grey);\n}\n\n.box-h-icon {\n & svg {\n margin-inline-end: 4px;\n }\n}\n\n.box-i {\n &:before, &:after {\n content: \" \";\n display: table;\n }\n\n &:after {\n clear: both;\n }\n padding: 8px 16px;\n font-size: 14/16 * 1rem;\n & > :first-child {\n margin-block-start: 0;\n }\n & > :last-child {\n margin-block-end: 0;\n }\n}\n\n.box.box-list {\n & .box-i {\n & ul, & ol {\n margin:0;\n padding: 0;\n list-style: none;\n }\n }\n}\n\n.box.box-linklist {\n & .box-i {\n padding: 0;\n }\n}\n\n.box.box-simple {\n & .box-i {\n padding: 2px 8px 8px;\n }\n & .box-h-simple {\n padding: 8px 8px 2px;\n background-color: transparent;\n font-size: .875rem;\n line-height: 1.57;\n }\n}\n\n.box.box-simple.box-aside .box-i {\n font-size: .875rem;\n}\n\n@media (--medium) {\n .box {\n &.box-left, &.box-right {\n width: 33%;\n margin-block-start: -9px;\n &.box-simple { margin-block-start:-3px; }\n }\n &.box-left {\n clear: inline-start;\n float: inline-start;\n margin-inline-end: 1em;\n }\n &.box-right {\n clear: inline-end;\n float: inline-end;\n margin-inline-start: 1em;\n }\n }\n}\n",".breadcrumb {\n font-size: .8125rem;\n background-color: var(--pure-white);\n border-block-end: 1px solid var(--line-grey);\n padding-block-start: 16px;\n padding-block-end: 16px;\n margin-block-end: 32px;\n & ul {\n margin: 0;\n padding: 0;\n grid-column: 2/10;\n & li {\n display: inline-block;\n margin: 0;\n padding: 0;\n &:after {\n content: \" / \";\n color: var(--wai-green);\n white-space: pre-wrap;\n }\n &:last-child:after {\n content: \"\";\n display:none;\n }\n }\n }\n & a {\n color: var(--w3c-blue);\n @media print { &:after { content: ''; } }\n }\n & [aria-current=page] {\n font-weight: bold;\n text-decoration: none;\n }\n}\n",".content {\n display: grid;\n grid-area: content;\n grid-template-columns: repeat(6, minmax(0, 120px));\n grid-column-gap: 32px;\n & > * {\n grid-column: 1/5;\n grid-auto-flow: dense;\n }\n & > .ref-side, > & .demo-side, > & .aside {\n grid-column: 5/7;\n font-size: .875rem;\n line-height: 1.2;\n & p:first-of-type {\n margin-top: 0;\n }\n }\n &.wide {\n grid-template-columns: repeat(8, minmax(0, 120px));\n grid-column-start: navigation;\n grid-column-end: content;\n & > * {\n grid-column: 3/9;\n }\n & .sn-contents {\n grid-column:1/3;\n grid-row:1/99;\n }\n }\n}\n\n.example-bar {\n display: flex;\n padding-inline-start: 32px;\n padding-inline-end: 32px;\n @supports (display: grid) {\n display: grid;\n grid-column-gap: 32px;\n padding: 0;\n max-width: none;\n }\n grid-template-columns: repeat(6, minmax(0, 1fr));\n & > * {\n grid-column: 2/7;\n }\n & .eg {\n grid-column: 1/2;\n grid-row: 1/99;\n text-align: right;\n border-inline-end: 2px solid var(--wai-green);\n padding-block: 0;\n padding-inline: 8px;\n font-weight: bold;\n font-style: italic;\n color: var(--wai-green);\n }\n}\n\n.example-sheet {\n display: flex;\n padding-inlne-start: 32px;\n padding-inline-end: 32px;\n @supports (display: grid) {\n display: grid;\n grid-column-gap: 32px;\n padding: 0;\n max-width: none;\n }\n grid-template-columns: repeat(6, minmax(0, 1fr));\n & .example-sheet-inner {\n grid-column: 2/6;\n background-color: var(--pure-white);\n padding-block: 16px;\n padding-inline: 32px;\n }\n}",".decision-tree {\n list-style: none;\n margin: 1em 0;\n padding:0;\n & > li {\n /*border: 2px solid #999;\n border-block-start:none;*/\n & > strong {\n display: block;\n padding: 1em .5em;\n }\n &:first-child {\n /*border-block-start:2px solid #999;*/\n }\n & > ul {\n padding:0;\n list-style: none;\n /*border-block-start: 1px dotted #aaa;*/\n @supports (display: flex) {\n display:flex;\n flex-direction: row-reverse;\n flex-wrap: wrap;\n align-items: stretch;\n }\n & > li {\n text-indent: 0;\n box-sizing: border-box;\n font-weight: normal;\n @supports (display: flex) {\n flex-basis: 25%;\n }\n padding: .5em;\n // border: 1px solid #aaa;\n &:nth-child(odd) {\n @supports (display: flex) {\n flex-basis: 75%;\n }\n }\n &:nth-child(odd):last-child {\n display:block;\n flex-basis:100%;\n }\n & ul {\n padding:0;\n margin:0;\n }\n & li {\n padding: 0;\n padding-bottom: 0.5em;\n margin-block-end: 0.5em;\n border-block-end: 1px solid var(--dk-grey);\n list-style: none;\n & > em {\n display: block;\n padding-left: 1.5em;\n position: relative;\n margin-block-start: .25em;\n font-style: normal;\n &:before {\n position:absolute;\n content: '';\n top:.2em;\n margin-inline-start: -1.5em;\n }\n }\n &:last-child {\n border-bottom-style: none;\n padding-bottom: 0;\n margin-block-end: 0;\n }\n }\n }\n }\n }\n & .yes {\n background-color: color(var(--w3c-blue) lightness(95%));\n border-block-end: none;\n & li {\n list-style: disc;\n margin-inline-start: 1em;\n &:only-child {\n list-style: none;\n }\n }\n }\n & .no {\n /*border-inline-end:1px dotted #aaa;*/\n background-color: color(var(--faded-red) lightness(85%));\n border-block-end: none;\n position: relative;\n &:after { top: 100%; left: 50%; border: solid transparent; content: \" \"; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(119, 119, 119, 0); border-top-color: color(var(--faded-red) lightness(85%)); border-width: 1rem; margin-inline-start: -.5rem; z-index: 500; }\n /*&:before { top: 100%; left: 50%; border: solid transparent; content: \" \"; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(119, 119, 119, 0); border-top-color: #999; border-width: 1.1rem; margin-inline-start: -.6rem; z-index: 400; }*/\n }\n}",".doc-draft {\n & h1::before {\n content: \"Draft\";\n }\n}",".doc-note-translation {\n font-size: .8125rem;\n & p {\n margin-block-start: 5px;\n margin-block-end: 5px;\n &:first-of-type {\n margin-block-start: 0;\n }\n &:last-child {\n margin-block-end: 0;\n }\n }\n}",".doc-note {\n & h1 {\n &::before{\n background-color: var(--gold);\n color: var(--dk-blue);\n display: inline-block;\n padding: 4px 8px;\n margin-block-start: -8px;\n margin-inline-end: 8px;\n font-size: .875rem;\n text-transform: uppercase;\n letter-spacing: 1px;\n font-weight: bold;\n vertical-align: middle;\n border-radius: 3px;\n }\n }\n}\n\n.doc-note-box {\n border: 2px solid var(--gold);\n padding: 8px;\n background-color: var(--pure-white);\n margin-block-end: 20px;\n & p:first-child {\n margin-block-start: 0;\n }\n & p:last-child {\n margin-block-end: 0;\n }\n}\n\n.doc-note-translations {\n\n}","details {\n padding-left: 2rem;\n}\nsummary {\n cursor: pointer;\n display: block;\n margin-inline-start: -2rem;\n}\n\nsummary::-webkit-details-marker {\n display: none;\n}\n\nsummary {\n & > *:first-child::before {\n content: '+';\n margin-inline-end: 0.5rem;\n display: inline-block;\n border-radius: 5px;\n width: 1.3rem;\n height: 1.3rem;\n line-height: .9;\n background: var(--pure-white);\n color: var(--wai-green);\n border: 2px solid var(--wai-green);\n text-align: center;\n font-weight: bold;\n }\n &:--hovcus > *:first-child::before {\n background: var(--w3c-blue);\n border-color: var(--w3c-blue);\n color: var(--pure-white);\n }\n}\n\ndetails[open] > summary > *:first-child::before {\n content: '–';\n}\n\ndetails > div::after {\n content: \"\";\n display: block;\n clear: both;\n}\n\n.excol-all {\n margin: 16px 0;\n}","figure.shrink-wrap {\n box-sizing: border-box;\n background-color: var(--pure-white);\n width: min-content;\n max-width: 100%;\n border: 1px solid var(--line-grey);\n border-radius: 3px;\n padding: 10px;\n & .figcontent {\n @media (--medlarge) {\n display: flex;\n & > * {\n flex: 1;\n }\n }\n }\n & img {\n border: 1px solid var(--line-grey);\n max-width: none !important;\n }\n & figcaption {\n font-weight: normal;\n border: none;\n margin: 0;\n }\n}",".page-footer, .site-footer {\n font-size: .875rem;\n @media print {\n font-size: 8pt;\n }\n padding-top: 16px;\n padding-bottom: 16px;\n & p:first-of-type {\n margin-block-start: 0;\n }\n & p:last-of-type {\n margin-block-end: 0;\n }\n}\n\n.page-footer {\n margin-block-start: 32px;\n background-color: var(--footer-grey);\n & .inner {\n grid-area: content;\n }\n}\n\n.site-footer {\n margin-block-start: 32px;\n padding-top: 16px;\n padding-bottom: 16px;\n background-color: var(--dk-grey);\n color: var(--pure-white);\n @media print {\n background-color: var(--footer-grey);\n color: var(--dk-grey);\n border-block-start: 1px solid var(--dk-grey);\n }\n & a {\n color: var(--pure-white);\n }\n & a.largelink {\n color: var(--gold);\n font-size: 1.25rem;\n text-decoration: none;\n @media print {\n color: var(--dk-grey);\n font-size: 12pt;\n }\n &:hover, &:focus {\n text-decoration: underline;\n }\n }\n & .footer-list-header {\n font-weight: bold;\n border-block-end: 1px solid var(--trans-line-grey);\n padding: 4px 0;\n }\n & .about {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n @media print {\n grid-column-end: q4-end;\n flex-direction: row;\n align-items: flex-end;\n & p {\n margin: 0;\n }\n }\n }\n &>:not(.about) {\n @media print {\n display: none;\n }\n }\n}\n.page-footer + .site-footer {\n margin-block-start: 0;\n}\n\n.site-footer ul {\n margin: 0;\n padding: 0;\n}\n\n.site-footer ul li {\n list-style:none;\n}\n",".footnotes {\n margin-block-start: 60px;\n}\n.footnotes ol {\n font-size: .85rem;\n}","@custom-selector :--forminputs input:not([type=\"checkbox\"]):not([type=\"radio\"]), textarea;\n\ninput, select, textarea {\n font-size: 1em;\n font-family: inherit;\n}\n\ninput[type=\"search\"] {\n -webkit-appearance: none;\n}\n\n\nfieldset {\n border: none;\n margin: 0 0 2rem;\n padding: 0;\n}\n\nlegend {\n font-size: 1.25rem;\n font-weight: bold;\n}\n\n:--forminputs {\n border: 1px solid var(--grey);\n &:--hovcus {\n border: 1px solid var(--w3c-blue);\n }\n}\n\n& ::-webkit-input-placeholder {\n color: #767676;\n font-style: italic;\n opacity: 1;\n}\n\n& :-moz-placeholder { /* Firefox 18- */\n color: #767676;\n font-style: italic;\n opacity: 1;\n}\n\n& ::-moz-placeholder { /* Firefox 19+ */\n color: #767676;\n font-style: italic;\n opacity: 1;\n}\n\n& :-ms-input-placeholder {\n color: #767676;\n font-style: italic;\n opacity: 1;\n}\n\n.field {\n padding: 4px;\n margin: 0 0 2rem;\n & label {\n display: block;\n }\n & :--forminputs {\n display: block;\n box-sizing: border-box;\n width: 100%;\n padding: 8px;\n &:focus {\n outline: none;\n border-color: var(--w3c-classic);\n background-color: #EDF4FA;\n & ::-webkit-input-placeholder {\n color: #545554;\n }\n\n & :-moz-placeholder { /* Firefox 18- */\n color: #545554;\n }\n\n & ::-moz-placeholder { /* Firefox 19+ */\n color: #545554;\n }\n\n & :-ms-input-placeholder {\n color: #545554;\n }\n }\n }\n &:focus-within {\n background-color: #EDF4FA;\n }\n\n &:focus-within input:focus {\n background-color: var(--pure-white) !important;\n }\n}\n\n\n.group > .field {\n margin-block-end: .5rem;\n margin-inline-start: 2rem;\n}\n\n.radio-field {\n display: flex;\n padding: 4px;\n margin: 0 0 8px;\n border-radius: 3px;\n & input {\n flex: 0 0 1em;\n width: 1em;\n height: 1em;\n margin-inline-end: .5em;\n &:checked + label {\n font-weight: bold;\n color: var(--dk-blue);\n }\n }\n &:--hovcus {\n background-color: var(--light-blue);\n color: #fff;\n & :checked + label {\n color: inherit;\n }\n }\n & label {\n flex: 1 1 100%;\n cursor: pointer;\n }\n}\n\nfieldset {\n border: none;\n}\n\nlegend {\n font-size: 1.25rem;\n font-weight: bold;\n}",".searchform {\n @media (--medium) {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n & label {\n flex: 1;\n text-align: end;\n }\n & input {\n flex: 4;\n margin-inline-start: 10px;\n }\n & button {\n flex: 1;\n margin-inline-start: 10px;\n }\n}","#site-header {\n background-color: var(--w3c-classic);\n color: var(--pure-white);\n @media print {\n background-color: var(--off-white);\n color: #000;\n }\n padding-top: 3px;\n @supports (display: grid) {\n padding-inline-start: 8px;\n padding-inline-end: 8px;\n }\n & a {\n color: var(--pure-white);\n @media print {\n color: var(--w3c-classic);\n }\n @media print {\n &:after {\n content: '';\n }\n }\n }\n}\n\n.wai {\n line-height: 1.2;\n @media (--medium) {\n vertical-align: middle;\n /*display: block;*/\n font-size: 1.5625rem;\n }\n}\n\n.logos {\n grid-column-start: 2;\n grid-column-end: 6;\n grid-row-start: 1;\n padding-block: 16px;\n padding-inline: 0;\n display: flex;\n align-items: center;\n width: 60%;\n @supports (display: grid) {\n width: auto;\n }\n & .claim {\n font-size: .875rem;\n font-style: italic;\n &:lang(ar) {\n font-style: normal;\n }\n margin-inline-start: 16px;\n padding-inline-start: 16px;\n border-inline-start: 1px solid var(--gold);\n color: var(--pure-white);\n @media print {\n color: var(--w3c-classic);\n }\n flex:1 0 0;\n display: none;\n @media (--medium) {\n display: flex;\n align-items: center;\n }\n }\n}\n\n.home {\n @media (--small) {\n margin-inline-end: 32px;\n }\n text-decoration: none;\n transition: color .25s ease-in .1s;\n display: flex;\n align-items: center;\n @supports (display: grid) {\n flex:0;\n }\n @media (--large) {\n margin-inline-end: 8px;\n }\n & svg, & img {\n vertical-align:middle;\n color: inherit;\n fill: currentColor;\n height: 30px;\n @media (--medium) {\n height: 46px;\n }\n }\n img {\n padding-inline-end: 8px;\n }\n &.w3c {\n border-block-end: 2px solid transparent;\n &:hover {\n border-bottom-color: currentColor;\n }\n }\n & .wai {\n display: flex;\n flex-direction: column;\n justify-content: center;\n @media (--medium) {\n font-size: 1.25rem;\n }\n & .wa {\n padding-block-end: 2px;\n }\n & .i {\n border-block-start: 1px solid var(--gold);\n padding-top: 2px;\n display: flex;\n justify-content: space-between;\n }\n }\n &:--hovcus {\n text-decoration: underline;\n color: var(--gold) !important;\n }\n}\n","h1, h2, h3, h4, h5, h6 {\n padding: 0;\n}\n\nh1, h2 { margin: 60px 0 20px; }\nh3 { margin: 40px 0 20px; }\nh4, h5, h6 { margin: 20px 0 10px; }\nh1, h2, h3, h4 {\n color: var(--wai-green);\n @media print {\n color: #000;\n }\n}\n\nh1 {\n font-size: 1.5rem;\n @media (--medium) {\n font-size: 2rem;\n }\n @media (--large) {\n font-size: 2.375rem;\n }\n line-height: 1.2;\n font-weight: normal;\n margin-block-start: 0;\n & + h2 {\n margin-block-start: 0;\n }\n}\n\nh2 {\n font-size: 1.375rem;\n line-height: 1.2;\n font-weight: bold;\n border-block-end: 1px solid var(--line-grey);\n & + h3 {\n margin-block-start: 0;\n }\n}\n\nh3, h4 {\n font-size: 1.125rem;\n line-height: 1.4;\n}\n\nh3 + h4 {\n margin-block-start: 0;\n}\n\nh4 {\n font-weight: normal;\n & + h5 {\n margin-block-start: 0;\n }\n}\n\nh5 {\n font-weight: bold;\n line-height: 1.6;\n & + h6 {\n margin-block-start: 0;\n }\n}\n\nh6 {\n font-size:.875rem;\n line-height: 1.8;\n}\n\nh1, h2, h3, h4, h5, h6 {\n &.ex:before, &.ap:before, & b {\n color: var(--w3c-blue) !important;\n font-weight: bold;\n }\n}\n\n.no-js {\n & .ex {\n counter-increment: examples;\n counter-reset: approaches;\n &:before {\n content: 'Example ' counter(examples) ': ';\n }\n &.inap {\n counter-reset: none;\n }\n }\n\n & .newap {\n counter-reset: approaches;\n }\n\n & .newex {\n counter-reset: examples;\n }\n\n\n & h2.first, & h3.first, & .newexap {\n counter-reset: examples approaches;\n }\n\n & .ap {\n counter-increment: approaches;\n &:before {\n content: 'Approach ' counter(approaches) ': ';\n }\n }\n}\n","[class^=\"icon-\"], [class*=\" icon-\"] {\n display: inline-block;\n width: 1em;\n height: 1em;\n stroke-width: 0;\n stroke: currentColor;\n fill: currentColor;\n}\n\n/* ==========================================\nSingle-colored icons can be modified like so:\n.icon-name {\n font-size: 32px;\n color: red;\n}\n========================================== */\n\n.icon-default {\n width: 0.9285714285714285em;\n}\n\n.icon-info {\n width: 0.8571428571428571em;\n}\n\n.icon-audio-description {\n width: 3.5em;\n height: 1.75em;\n margin: -.25em;\n}\n\n.icon-search {\n width: 0.9287109375em;\n}\n\n.icon-arrow-left {\n width: 0.8928571428571428em;\n}\n\n.icon-arrow-right {\n width: 0.8214285714285714em;\n}\n\n.icon-arrow-up {\n width: 0.9285714285714285em;\n}\n\n.icon-arrow-down {\n width: 0.9285714285714285em;\n}\n\n.icon-ex-circle {\n width: 0.8571428571428571em;\n}\n\n.icon-check-circle {\n width: 0.8571428571428571em;\n}\n\n.icon-external-link {\n width: 0.8571428571428571em;\n}\n\n.icon-readmore {\n width: 0.7142857142857142em;\n}\n\n.icon-desktop {\n width: 1.0714285714285714em;\n}\n\n.icon-laptop {\n width: 1.0714285714285714em;\n}\n\n.icon-tablet {\n width: 0.6428571428571428em;\n}\n\n.icon-mobile {\n width: 0.42857142857142855em;\n}\n\n.icon-code {\n width: 1.0714285714285714em;\n}\n\n.icon-fork {\n width: 0.5714285714285714em;\n}\n\n.icon-code-file {\n width: 0.8571428571428571em;\n}\n\n.icon-cart-plus {\n width: 0.9285714285714285em;\n}\n\n.icon-languages {\n height: 1em;\n width: 2.75em;\n vertical-align: -8%;\n}\n\n.icon-translations {\n height: 1.6em;\n vertical-align: middle\n}","dl {\n margin: 16px 0;\n}\n\ndt {\n font-weight: bold;\n}\n\n.notbold dt {\n font-weight: normal;\n}\n\ndd {\n margin-inline-start: 32px;\n}\n\ndd+dt {\n margin-block-start: 8px;\n}\n\ndl.paragraph-like dd+dt {\n margin-block-start: 1em;\n}","ul li, ol li {\n margin-block-end: 8px;\n}\n\n.linklist {\n &, & li {\n margin: 0;\n padding: 0;\n list-style:none;\n }\n & a {\n display: block;\n padding: 4px 16px;\n border-block-end: 1px solid var(--line-grey);\n text-decoration: none;\n & svg {\n height: .65em;\n }\n &:hover, &:focus {\n & svg {\n color: var(--faded-red);\n }\n & .visual-a {\n text-decoration: underline;\n }\n }\n }\n & li:last-child a {\n border-block-end: none;\n }\n}\n\n.nolist {\n margin: 0;\n padding: 0;\n & li {\n list-style: none;\n margin: 0;\n padding: 0;\n }\n}\n\np+ul, p+ol {\n margin-block-start: -8px;\n}\n\n.columns {\n padding: 0;\n & > * {\n margin-inline-start: 32px;\n }\n}\n\n.two.columns, .four.columns {\n column-gap: 32px;\n @media (--medium) {\n columns: 2;\n }\n}\n\n.four.columns {\n padding: 0 8px;\n @media (--large) {\n columns: 4;\n }\n}\n\n.two.small.columns {\n column-gap: 32px;\n @media (--medium) {\n columns: 1;\n }\n @media (--large) {\n columns: 2;\n }\n}",".info {\n background-color: var(--gold);\n background-image: linear-gradient(to bottom, var(--gold), color(var(--gold) blackness(15%)));\n background-size: 100% 20%;\n background-repeat: no-repeat;\n background-position: bottom;\n font-weight: bold;\n text-align: center;\n & svg {\n margin-inline-end: 8px;\n font-size: 2em;\n vertical-align: middle;\n margin-block-start: -.14em;\n }\n}","#controls {\n background-color: var(--off-white);\n padding-inline: 8px;\n padding-block: 0;\n @media (--medium) {\n text-align: end;\n }\n font-size: .8125em;\n & > ul {\n padding: 0;\n margin: 0;\n @media (--medium) {\n grid-column-start: navigation;\n grid-column-end: content;\n }\n & > li {\n display: inline;\n list-style: none;\n margin: 0;\n margin-inline-start: 4px;\n padding: 0;\n padding-inline-start: 4px;\n @media (--medium) {\n margin: 0;\n margin-inline-start: 8px;\n padding: 0;\n padding-inline-start: 8px;\n }\n border-inline-start: 1px solid var(--w3c-blue);\n &:first-child {\n border-inline: 0;\n margin: 0;\n padding: 0;\n }\n }\n }\n & a {\n color: var(--w3c-blue);\n text-decoration: none;\n padding-block: 2px;\n padding-inline: 0;\n &:--hovcus {\n border-block-end: none;\n text-decoration: underline;\n }\n }\n @media print {\n display: none;\n }\n}\n\n#controls [hidden] {\n display: none !important;\n}\n.languagelist>ul {\n display: inline;\n margin: 0;\n padding: 0;\n}\n.languagelist>ul>li {\n border: none;\n padding: 0;\n margin:0;\n display: inline-block;\n &:first-child {\n margin-inline-end: 4px;\n }\n}\n.languagelist>ul>li:first-child:before {\n display:none;\n margin: 0;\n}\n.languagelist>ul>li:before {\n content: \"\";\n display: inline-block;\n background-color: #005A9C;\n width: 4px;\n height: 4px;\n margin:0;\n margin-block-start: -4px;\n margin-inline-end: 4px;\n vertical-align: middle;\n}\n\n#showoptions {\n display: inline;\n}",".mainnav {\n position: relative;\n font-size: .875rem;\n border-block-start: 1px solid var(--w3c-classic);\n border-block-end: 1px solid var(--w3c-classic);\n background-color: var(--w3c-blue);\n display: none;\n &.open { display: block; }\n @media (--medium) {\n display: block;\n }\n @media print {\n display: none;\n }\n & > ul {\n width: 100%;\n max-width: 1268px;\n padding: 0;\n margin: 0 auto !important;\n position: relative;\n display: flex;\n align-items: stretch;\n flex-wrap: wrap;\n @media (--medium) {\n flex-wrap: nowrap;\n }\n & > li {\n display:block;\n position: relative;\n flex-basis: 50%;\n flex-grow: 1;\n flex-shrink: 1;\n &.active {\n background: var(--w3c-blue);\n & > a > span {\n border-block-end: 2px solid var(--gold) !important;\n }\n }\n & > a {\n text-decoration: none;\n display:block;\n width: 100%;\n height: 100%;\n color: var(--pure-white);\n text-align: center;\n /*padding: 15px;*/\n min-height: 44px;\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: center;\n border-block-end: var(--w3c-classic);\n & > span {\n display: block;\n border-block-end: 2px solid transparent;\n }\n &:--hovcus {\n background-color: var(--dk-blue);\n }\n &:--hovcus, &[aria-current=\"page\"], &[aria-current=\"location\"] {\n & > span {\n border-block-end: 2px solid var(--gold);\n }\n }\n &[aria-current=\"page\"], &[aria-current=\"location\"] {\n &:--hovcus > span {\n border-block-end: 2px solid var(--pure-white);\n }\n }\n }\n & + li > a {\n border-inline-start: 1px solid #235A97;\n }\n }\n }\n}\n\n#openmenu {\n @media (--large) {\n display: none;\n }\n @media print {\n display: none;\n }\n}\n.page-home #openmenu {\n @media (--medium) {\n display: none;\n }\n}",".metanav {\n text-align: end;\n width: 100%;\n display: none;\n font-size: .85em;\n &.open {display: block;}\n @media (--medium) {\n display: block;\n }\n @media print {\n display: none;\n }\n & a {\n text-decoration: none;\n &:--hovcus, &[aria-current=\"page\"] {\n text-decoration: underline;\n }\n &[aria-current=\"page\"] {\n text-decoration: underline;\n }\n }\n & > ul {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n & li {\n display: inline-block;\n padding-inline: 8px;\n @media (--medium) {\n display: flex;\n align-items: center;\n }\n &:first-child {\n border: 0;\n }\n &:last-child {\n margin-block-end: 0;\n padding:0;\n border: 0;\n }\n & a {\n position: relative;\n min-height: 24px;\n padding-block: 10px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n &:before, &:after {\n position: absolute;\n top: 12px;\n left: -8px;\n bottom: 12px;\n width: 1px;\n background-color: var(--gold);\n }\n &:dir(ltr):before {\n content: '';\n }\n &:dir(rtl):after {\n content: '';\n }\n @media (--medium) {\n width: 100%;\n text-align: end;\n }\n }\n }\n &:dir(ltr) li:first-child a:before {\n display: none;\n }\n &:dir(rtl) li:nth-last-child(2) a:after {\n display: none;\n }\n }\n & form[role=search] {\n background-color: var(--w3c-blue);\n border: 1px solid var(--pure-white);\n & > div {\n display:flex;\n }\n & label {\n text-transform: none;\n font-weight: normal;\n }\n & input {\n box-sizing: border-box;\n -webkit-appearance: none;\n background-color: transparent;\n border: 0;\n border-radius: 0;\n color: var(--off-white);\n height: 100%;\n padding: 5px;\n margin: 0;\n width: 10em;\n &:focus {\n color: var(--pure-white);\n }\n &::-webkit-search-decoration {\n display: none;\n }\n &::-webkit-search-cancel-button,\n &::-webkit-search-results-button {\n filter: invert(100%);\n }\n }\n & button {\n display: block;\n margin: 0;\n }\n & ::-webkit-input-placeholder {\n color: var(--pure-white);\n font-style: italic;\n opacity: 1;\n }\n\n & :-moz-placeholder { /* Firefox 18- */\n color: var(--pure-white);\n font-style: italic;\n opacity: 1;\n }\n\n & ::-moz-placeholder { /* Firefox 19+ */\n color: var(--pure-white);\n font-style: italic;\n opacity: 1;\n }\n\n & :-ms-input-placeholder {\n color: var(--pure-white);\n font-style: italic;\n opacity: 1;\n }\n }\n}",".navigations {\n position: relative;\n grid-column-start: 6;\n grid-column-end: -2;\n flex-grow: 1;\n display: flex;\n align-items: center ;\n & .nava11y {\n display: block;\n }\n}\n.mainnav, .metanav {\n & > ul {\n margin: 0;\n padding: 0;\n & > li {\n list-style: none;\n margin: 0;\n }\n }\n}",".teaser.news {\n background-color: var(--pure-white);\n}\n\n.announce-box {\n background-color: var(--lt-off-white);\n border: 1px solid var(--line-grey);\n border-block: 1px;\n border-inline: 0;\n padding-block: 10px !important;\n padding-inline: 25px !important;\n &+.announce-box {\n border-block-start-width:0;\n }\n &>:first-child {\n margin-block-start: 0;\n }\n &>:last-child {\n margin-block-end: 0;\n }\n}",".notes {\n font-size: .85em;\n & strong:first-child {\n font-weight: bold;\n color: var(--wai-green);\n }\n}",".pager {\n background-color: var(--pure-white);\n border: 1px solid var(--line-grey);\n margin-block-start: 32px;\n}\n\n.pager > ul {\n box-sizing: border-box;\n align-content: center;\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n margin: 0;\n padding: 8px;\n}\n\n.pager--item {\n display: flex;\n flex: 0 1 50%;\n &:only-child {\n flex-basis: 100%;\n }\n list-style: none;\n margin:0;\n}\n\n.pager--item a:link {\n color: var(--wai-green);\n display: flex;\n flex-direction: row;\n flex: 1 100%;\n text-decoration: none;\n align-items: center;\n}\n\n.pager--item a:visited {\n color: var(--visited-link);\n}\n\n.pager--item a:hover,\n.pager--item a:focus {\n color: var(--w3c-blue);\n}\n\n.pager--item a:active {\n color: var(--wai-green);\n}\n\n.pager--item.next a {\n flex-direction: row-reverse;\n justify-content: flex-end;\n text-align: end;\n}\n\n.pager--item-icon {\n display: flex;\n font-size: 33px;\n}\n\n.pager--item-text {\n display: flex;\n flex: 1 auto;\n width: 100%;\n flex-direction: column;\n margin-inline-end: 8px;\n margin-inline-start: 8px;\n}\n\n.pager--item-text-direction {\n color: var(--off-black);\n font-size: .75rem;\n}\n\n.pager--item-text-target {\n font-size: 1rem;\n line-height: 1;\n}",".pagination {\n margin: 0;\n margin-block: 16px;\n padding-block-start: 16px;\n border-block-start: 2px solid var(--line-grey);\n & ul {\n width: 100%;\n display: flex;\n margin: 0;\n padding: 0;\n list-style: none;\n justify-content: flex-end\n }\n & li {\n margin-inline-start: 8px;\n }\n & a, & .like-a {\n padding-block: 8px;\n padding-inline: 16px;\n border-radius: 4px;\n border: 2px solid var(--line-grey);\n }\n & .is-active .like-a {\n background-color: var(--w3c-blue);\n border-color: var(--w3c-blue);\n color: var(--pure-white);\n }\n & a:--hovcus {\n background-color: var(--line-grey);\n }\n}",".quote {\n background-color: var(--wai-green);\n border-radius: 5px;\n color: var(--pure-white);\n padding: 22px;\n}\n\n.quote--block {\n display: flex;\n flex-direction: column;\n margin: 0;\n padding: 0;\n}\n\n.quote--block-text {\n font-size: 20px;\n font-style: italic;\n line-height: 1.25;\n margin: 0;\n padding: 0;\n}\n\n.quote--block-text::before {\n content: open-quote;\n}\n\n.quote--block-text::after {\n content: close-quote;\n}\n\n.quote--block-cite {\n font-size: 15px;\n font-weight: 500;\n margin: 0;\n margin-block-start: 9px;\n}\n\n.quote--block-cite a {\n color: var(--body-bg);\n}",".related-content {\n background-color: var(--pure-white);\n border: 1px solid var(--line-grey);\n display: flex;\n flex: 1 100%;\n flex-direction: column;\n margin: 50px;\n}\n\n.related-content--head {\n align-items: center;\n background-color: var(--off-white);\n border-box-end: 1px solid var(--line-grey);\n display: flex;\n flex-direction: row;\n block-size: 48px;\n}\n\n.related-content--head-icon {\n block-size: 22px;\n margin-inline-end: 10px;\n margin-inline-start: 19px;\n inline-size: 22px;\n}\n\n.related-content--head-heading {\n border: none;\n color: var(--w3c-blue);\n flex: 1 100%;\n font-size: 20px;\n margin: 0;\n padding: 0;\n}\n\n\n.related-content--content {\n margin: 0;\n padding: 0;\n}\n\n.related-content--content-list {\n list-style: none;\n margin: 22px;\n padding: 0;\n}\n\n.related-content--content-list li {\n font-size: 14px;\n line-height: 2.2em;\n}",".sidenav {\n grid-area: navigation;\n margin-block-end: 24px;\n display: none;\n &.open {\n display: block;\n margin-block-start: 16px;\n }\n @media (--large) {\n display: block;\n }\n @media print {\n display: none;\n }\n}\n\n.sidenav--head {\n background-color: var(--w3c-blue);\n border: 2px solid var(--w3c-blue);\n border-width: 0 5px;\n padding: 16px 24px;\n display:flex;\n align-items: flex-end;\n border-block-end: none;\n font-weight: bold;\n}\n\n.sidenav--head-icon {\n padding-block-end: .3em;\n margin-inline-start: -16px;\n}\n\n.sidenav--head-icon--inner {\n width: 47px;\n height: 48px;\n float: inline-start;\n margin-inline-end: 8px;\n}\n\n.sidenav--head-section {\n color: var(--pure-white);\n text-transform: uppercase;\n letter-spacing: .7px;\n font-size: .6875rem;\n font-weight: bold;\n}\n\n.sidenav--head-subsection {\n color: var(--pure-white);\n font-size: 1.375rem;\n}\n\n.sidenav--list {\n background-color: var(--w3c-blue);\n border: 2px solid var(--w3c-blue);\n border-block-end-width: 5px;\n border-block-start-width: 0;\n border-inline-start-width: 5px;\n border-inline-end-width: 0;\n margin: 0;\n padding:0;\n font-size: .8125rem;\n & a {\n display: flex;\n box-sizing: border-box;\n padding-block: 8px;\n padding-inline: 24px;\n min-height: 44px;\n color: var(--pure-white);\n text-decoration: none;\n align-items: center;\n &:--hovcus {\n text-decoration: underline;\n background-color: var(--off-white);\n color: var(--wai-green);\n }\n &:focus {\n outline-color: var(--gold);\n }\n & span.lang {\n font-weight: normal;\n }\n }\n & li a {\n border-block-start: 1px solid var(--w3c-classic);\n }\n .sidenav-head + & {\n border-block-start: none;\n }\n & ul {\n padding: 0;\n margin: 0;\n padding-inline-start: 24px;\n }\n & a + ul { display:none; }\n & a[aria-current] + ul { display:block; }\n & li {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n & ul li:first-child a {\n border-top-color:transparent;\n }\n & a[aria-current] {\n /*color: var(--w3c-blue);\n background-color: var(--body-bg);*/\n }\n & a[aria-current=location] {\n padding-block-end: 4px;\n font-weight: bold;\n }\n & a[aria-current=page] {\n font-weight: bold;\n color: var(--wai-green);\n background-color: var(--body-bg);\n position:relative;\n &:before, &:after {\n position: absolute;\n content: \"\";\n width: 0;\n height: 0;\n left: auto;\n right: 0;\n &:dir(rtl) {\n left: 0;\n right: auto;\n }\n border: 1px solid var(--pure-white);\n opacity: .9;\n }\n &:before {\n top:-2px;\n border-color: transparent var(--pure-white) var(--pure-white) transparent;\n }\n &:dir(rtl):before {\n border-color: transparent transparent var(--pure-white) var(--pure-white);\n }\n &:after {\n bottom:-2px;\n border-color: var(--pure-white) var(--pure-white) transparent transparent;\n }\n &:dir(rtl):after {\n border-color: var(--pure-white) transparent transparent var(--pure-white);\n }\n }\n}\n\n.sidenav-languages {\n font-size: .8125rem;\n margin-block-start: 2rem;\n border-radius: 3px;\n border: 2px solid var(--gold);\n background-color: var(--pure-white);\n & header {\n border-block-end: 2px solid var(--gold);\n padding-block: 8px;\n padding-inline: 27px;\n font-weight: bold;\n }\n & .langlist {\n padding-inline-start: 27px;\n list-style-position: inside;\n list-style-type: square;\n color: var(--w3c-classic);\n & li {\n margin-block-end: 2px;\n }\n }\n & p {\n padding-block-start: 4px;\n padding-block-end: 4px;\n padding-inline-start: 27px;\n padding-inline-end: 0;\n margin:0;\n border-block-start: 1px solid #eed009;\n }\n}\n","table, caption {\n text-align: start;\n}\ntable {\n border: 1px solid var(--line-grey);\n border-collapse: collapse;\n margin-block-end: 2em;\n}\ncaption {\n font-weight: bold;\n font-size: 1.125rem;\n color: var(--wai-green);\n line-height: 1.4;\n margin-block-end: 8px;\n}\nth, td {\n padding-block: 12px;\n padding-inline: 18px;\n border: 1px solid var(--line-grey);\n vertical-align: top;\n}\n.dense td, .dense th {\n padding-block: 2px;\n padding-inline: 4px;\n}\nth {\n font-weight: bold;\n color: var(--pure-white);\n background-color: var(--wai-green);\n & a {\n color: inherit;\n &:--hovcus {\n color: var(--gold);\n }\n &:visited {\n color: inherit;\n }\n }\n}\nth, td {\n & > :first-child {\n margin-block-start: 0;\n }\n & > :last-child {\n margin-block-start: 0;\n }\n}\n\n.hyphenated {\n hyphens: auto;\n}",".teaser.audiences-inline {\n & .subtitle {\n /*font-weight:normal;*/\n }\n & .title {\n display: block;\n font-size: 2.25rem;\n }\n}",".making-web-accessible {\n text-align:center;\n border-block-end: 1px solid var(--line-grey);\n flex-direction: column;\n & [hidden] {\n display: none !important;\n }\n & .inner.hidesection {\n position: relative;\n order: -1;\n }\n & .making-web-accessible-box {\n text-align: start;\n padding-block-start: 32px;\n padding-inline-end: 20px;\n padding-block-end: 0;\n padding-inline-start: 105px;\n }\n & .mwa-icon {\n width: 65px;\n height: 65px;\n float:left;\n margin-inline-start: -85px;\n }\n & .title {\n display: block;\n font-size: 2.25rem;\n }\n & .teaser-h h2 {\n margin:0;\n }\n & h3 {\n margin-block-start: 10px;\n font-size: 1.5rem;\n margin-block-end:0;\n }\n & p {\n margin-block-end:0;\n }\n & .showhidebutton {\n float: inline-end;\n position: absolute;\n top: -1.35em;\n right: 0;\n }\n}",".teaser.media-inline {\n & .subtitle {\n /*font-weight:normal;*/\n }\n & .title {\n display: block;\n font-size: 2.25rem;\n }\n}",".white-bg {\n background-color: var(--pure-white);\n}\n\n.bordered {\n border: 1px 0;\n border-color: var(--line-grey);\n}\n\n.teaser.news-teaser {\n & .title {\n display: block;\n font-size: 2.25rem;\n }\n}",".teaser.resource-inline {\n & .subtitle {\n /*font-weight:normal;*/\n }\n & .title {\n display: block;\n font-size: 2.25rem;\n }\n}",".teaser {\n padding-block-start: 32px;\n padding-block-end: 32px;\n}\n\n.teaser.featured {\n background-size: cover;\n background-position: center;\n & .teaser-c {\n background-color: rgba(255, 255, 255, 0.9);\n border-block-start: 5px solid var(--faded-red);\n padding-block: 16px;\n padding-inline: 32px;\n display:block;\n }\n}\n\n.teaser-h {\n & h2, & h3, & h4, & h5, & h6 {\n margin: 0;\n margin-block-end: 16px;\n padding: 0;\n border:none;\n color: var(--wai-green);\n font-size: 1rem;\n line-height: 1.2;\n &.title {\n font-size: 1.5rem;\n margin: 0;\n margin-block-start: 10px;\n margin-block-end: 20px;\n @media (--medium) {\n font-size: 2rem;\n }\n @media (--large) {\n font-size: 2.375rem;\n }\n }\n }\n & .subtitle {\n font-weight: bold;\n margin: 0;\n font-size: .875rem;\n color: var(--off-black);\n }\n}\n\n.teaser-h-icon {\n height:1em;\n width: 1em;\n vertical-align: middle;\n margin-inline-end: 10px;\n &.full {\n display: block;\n height: 1.8em;\n width: 1.8em;\n }\n}\n\n.teaser-tip {\n text-align: center;\n & .teaser-h h2 {\n font-size: 1.75rem\n }\n & .teaser-h svg {\n display: block;\n margin: 0 auto;\n height: 1.75em;\n width: 1.75em;\n }\n & .fakelink {\n margin: 0 auto;\n }\n}\n\n.fakelink {\n text-decoration: underline;\n position: relative;\n & svg {\n margin-inline-start: 5px;\n width: .75em;\n height: .75em;\n }\n}\n\n.teaser-about {\n & p {\n @media (--medium) {\n font-size: 1.25rem;\n }\n @media (--large) {\n font-size: 1.5rem;\n }\n color: var(--grey);\n }\n & .teaser-h h2 {\n font-weight: bold;\n }\n}\n\n.teaser-media {\n align-items: center;\n background-color: var(--pure-white);\n}\n\n.teaser-sponsors {\n border-block-start: 1px solid var(--line-grey);\n}\n\n.area-teaser {\n display: block;\n background-color: var(--pure-white);\n border: 1px solid var(--line-grey);\n margin: -1px;\n padding-block: 20px;\n padding-inline: 32px;\n @media (--medium) {\n padding-block: 40px;\n padding-inline: 40px;\n }\n @media (--large) {\n padding-block: 60px;\n padding-inline: 40px;\n }\n & .teaser-h {\n display: flex;\n align-items: flex-end;\n & h2, & h3, & h4, & h5, & h6 {margin: 0; font-weight: normal;}\n }\n & .teaser-h-icon {\n margin-block-end: 10px;\n }\n &:hover, &:focus {\n & .teaser-h > :not(svg) {\n text-decoration: underline;\n }\n }\n}\n\n.teaser.audiences-inline {\n\n}",".video-link {\n display: inline-block;\n text-decoration: none;\n margin: 10px 0;\n & img {\n mask: url(\"../images/video-mask-16-9.svg\");\n mask-size: contain;\n width: 240px;\n }\n &.ratio-43 img {\n mask: url(\"../images/video-mask-4-3.svg\");\n }\n & span {\n display: block;\n text-align: center;\n text-decoration: underline;\n }\n}\n\n.video-link-small img {\n width: 120px;\n}\n\n.video-link-inline {\n display: inline-flex;\n align-items: center;\n & img {\n width: auto;\n height: 2em;\n margin-inline-end: 1em;\n }\n span {\n text-align: start;\n }\n}","/*\n Able Player core styles\n\n Default z-index map:\n\n * Modal dialog\n div.able-modal-dialog = 10000\n div.able-modal-overlay = 9500\n\n * Items that should always be on top (9000):\n #able-vts = 9400\n .able-alert = 9400\n .able-window-toolbar .able-button-handler-preferences = 9300\n .able-popup = 9200\n .able-volume-head = 9175\n .able-volume-slider = 9150\n .able-tooltip = 9000\n\n * Pop-ups with critical content: (7000 - 8000):\n .able-sign-window = 8000\n .able-transcript-area = 7000\n\n * Player controls: (5000 - 6000)\n .able-controller .able-seekbar = 6900\n .able-controller .buttonOff = 6800\n .able-controller button > img = 6700\n .able-controller button > span = 6700\n .able-controller button = 6600\n .able-big-play-button = 6500\n div.able-captions-wrapper = 6000\n .able-seekbar-head = 5500\n .able-seekbar-played = 5200\n .able-seekbar-loaded = 5100\n .able = 5000\n*/\n.able-wrapper {\n position: relative;\n margin: 0;\n padding: 0;\n width: 100%;\n height: auto;\n box-sizing: content-box !important;\n max-width: none !important;\n}\n.able {\n position: relative;\n margin: 1em 0;\n width: 100%; /* will be changed dynamically as player is contructed */\n z-index: 5000;\n}\n.able-column-left {\n float: inline-start;\n}\n.able-column-right {\n float: inline-start;\n}\n.able .able-vidcap-container {\n background-color: black;\n /* height: 360px; */\n left: 0;\n margin: 0;\n position: relative;\n top: 0;\n}\n.able-player {\n font-family: inherit;\n background-color: #262626; /* background color of player (appears on top & bottom) */\n}\n.able-offscreen {\n position:absolute;\n left:-10000px;\n &:dir(rtl) {\n right: -10000px;\n left: auto;\n }\n top:auto;\n width:1px;\n height:1px;\n overflow:hidden;\n}\n.able-media-container audio {\n display: none !important;\n}\n.able-video {\n}\n.able-video .able-now-playing {\n display: none; /* not currently used for video */\n}\n.able-controller {\n position: relative;\n border-block-start: 2px solid #4c4c4c;\n border-block-end: 2px solid #4c4c4c;\n background-color: #464646; /* background color of controller bar */\n min-height: 38px; /* height of button (20px) + 4px border + 4px padding */\n padding: 0;\n}\n.able-poster {\n position: absolute;\n top: 0;\n left: 0;\n}\n\n/*\n Controller Buttons & Controls\n*/\n.able-big-play-button {\n position: absolute;\n font-size: 8em;\n opacity: 0.5;\n filter:alpha(opacity=50); /* for IE */\n color: #fdfdfd;\n background-color: transparent;\n border: none;\n outline: none;\n left: 0;\n top: 0;\n padding: 0;\n z-index: 6500;\n}\n.able-big-play-button:hover {\n opacity: 100;\n filter:alpha(opacity=100); /* for IE */\n}\n.able-left-controls, .able-right-controls {\n overflow: visible;\n}\n.able-left-controls button, .able-right-controls button {\n vertical-align: middle;\n}\n.able-left-controls {\n float: inline-start;\n}\n.able-right-controls {\n float: inline-end;\n}\n.able-black-controls,\n.able-black-controls button,\n.able-black-controls label {\n color: #000 !important;\n}\n.able-black-controls .able-seekbar {\n border: 2px solid #000;\n}\n.able-white-controls,\n.able-white-controls button,\n.able-black-controls label {\n color: #FFF !important;\n}\n.able-white-controls .able-seekbar {\n border: 2px solid #FFF;\n}\n.able-controller button {\n background: none;\n position: relative;\n display: inline-block;\n border-style: none;\n margin: 3px;\n padding: 0;\n font-size: 20px;\n min-width: 24px;\n outline: 2px solid #464646; /* same color as .able-controller background-color */\n border: none;\n overflow: visible !important;\n z-index: 6600;\n}\n.able-controller button > span,\n.able-controller button > img {\n width: 20px;\n margin: 0 auto;\n padding: 0;\n z-index: 6700;\n}\n.able-controller .buttonOff {\n opacity: 0.5;\n filter:alpha(opacity=50); /* for IE */\n z-index: 6800;\n}\n.able-controller .able-seekbar {\n margin: 0 5px;\n z-index: 6900;\n}\n.able-controller button:hover,\n.able-controller button:focus {\n outline-style: solid;\n outline-width: medium;\n}\n.able-controller button:hover {\n outline-color: #8AB839 !important; /* green */\n}\n.able-controller button:focus {\n outline-color: #ffbb37 !important; /* yellow */\n}\n\n/*\n Seekbar\n*/\n.able-seekbar-wrapper {\n display: inline-block;\n vertical-align: middle;\n}\n.able-seekbar {\n position: relative;\n height: 0.5em;\n border: 1px solid;\n background-color: #000000;\n margin: 0 3px;\n border-style: solid;\n border-width: 2px;\n border-color: #ffffff;\n}\n.able-seekbar-loaded {\n display: inline-block;\n position: absolute;\n left: 0;\n top: 0;\n height: 0.5em;\n background-color: #464646;\n z-index: 5100;\n}\n.able-seekbar-played {\n display: inline-block;\n position: absolute;\n left: 0;\n top: 0;\n height: 0.5em;\n background-color: #DADADA;\n z-index: 5200;\n}\n.able-seekbar-head {\n display: inline-block;\n position: relative;\n left: 0;\n top: -0.45em;\n background-color: #FDFDFD;\n width: 0.8em;\n height: 0.8em;\n border: 1px solid;\n border-radius: 0.8em;\n z-index: 5500;\n}\n\n/*\n Volume Slider\n*/\n.able-volume-slider {\n width: 34px;\n height: 50px;\n background-color: #464646; /* same as .able-controller */\n padding: 10px 0;\n position: absolute;\n right: 0px;\n top: -74px;\n display: block;\n z-index: 9100;\n}\n.able-volume-track {\n display: block;\n position: relative;\n height: 100%; /* = 50px after padding */\n width: 5px;\n margin: 0 auto;\n background-color: #999;\n}\n.able-volume-track.able-volume-track-on {\n background-color: #dadada;\n position: absolute;\n height: 20px; /* change dynamically; 5px per volume tick */\n top: 30px; /* change dynamically; 50px - height */\n}\n.able-volume-head {\n display: inline-block;\n background-color: #fdfdfd;\n outline: 1px solid #333;\n position: absolute;\n height: 7px;\n width: 15px;\n left: -5px;\n top: 23px; /* change dynamically; .able-volume-track-on top - 7 */\n z-index: 9175;\n}\n.able-volume-head:hover,\n.able-volume-head:focus {\n background-color: #ffbb37 !important; /* yellow */\n}\n.able-volume-help { /* not visible; used in aria-describedby */\n display: none;\n}\n\n/*\ninput[type=range]:focus {\n outline: none;\n}\ninput[type=range]::-webkit-slider-runnable-track {\n width: 100%;\n height: 8.4px;\n cursor: pointer;\n animate: 0.2s;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n background: #3071a9;\n border-radius: 1.3px;\n border: 0.2px solid #010101;\n}\ninput[type=range]::-webkit-slider-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 36px;\n width: 16px;\n border-radius: 3px;\n background: #ffffff;\n cursor: pointer;\n -webkit-appearance: none;\n margin-block-start: -14px;\n}\ninput[type=range]:focus::-webkit-slider-runnable-track {\n background: #367ebd;\n}\ninput[type=range]::-moz-range-track {\n width: 100%;\n height: 8.4px;\n cursor: pointer;\n animate: 0.2s;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n background: #3071a9;\n border-radius: 1.3px;\n border: 0.2px solid #010101;\n}\ninput[type=range]::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 36px;\n width: 16px;\n border-radius: 3px;\n background: #ffffff;\n cursor: pointer;\n}\ninput[type=range]::-ms-track {\n width: 100%;\n height: 8.4px;\n cursor: pointer;\n animate: 0.2s;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\ninput[type=range]::-ms-fill-lower {\n background: #2a6495;\n border: 0.2px solid #010101;\n border-radius: 2.6px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\ninput[type=range]::-ms-fill-upper {\n background: #3071a9;\n border: 0.2px solid #010101;\n border-radius: 2.6px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\ninput[type=range]::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 36px;\n width: 16px;\n border-radius: 3px;\n background: #ffffff;\n cursor: pointer;\n}\ninput[type=range]:focus::-ms-fill-lower {\n background: #3071a9;\n}\ninput[type=range]:focus::-ms-fill-upper {\n background: #367ebd;\n}\n*/\n\n/*\n Status Bar\n*/\n\n.able-status-bar {\n height: 1.5em;\n min-height: 1.5em;\n color: #CCC;\n font-size: 0.9em;\n background-color: transparent;\n padding: 0.5em 0.5em 0.25em;\n}\n.able-status-bar span.able-timer {\n /* contains both span.elapsedTime and span.duration */\n text-align: start;\n float: inline-start;\n width: 32%;\n}\n.able-status-bar span.able-speed {\n float: inline-start;\n width: 33%;\n text-align: center;\n}\n.able-status {\n font-style: italic;\n float: inline-end;\n width: 32%;\n text-align :right;\n}\n\n/*\n Captions and Descriptions\n*/\n\ndiv.able-captions-wrapper {\n width: 100%;\n margin: 0;\n padding: 0;\n text-align: center;\n line-height: 1.35em;\n display: block;\n z-index: 6000;\n}\ndiv.able-captions {\n display: none;\n padding: 0.15em 0.25em;\n /* settings that are overridden by user prefs */\n background-color: black;\n font-size: 1.1em;\n color: white;\n opacity: 0.75;\n}\ndiv.able-captions-overlay {\n position: absolute;\n margin: 0;\n bottom: 0;\n}\ndiv.able-captions-below {\n position: relative;\n min-height: 2.8em;\n}\ndiv.able-descriptions {\n position: relative;\n color: #FF6; /* yellow, to differentiate it from captions */\n background-color: #262626;\n min-height: 2.8em;\n border-block-start: 1px solid #666;\n margin: 0;\n padding: 3%;\n width: 94%;\n text-align: center;\n}\n\n/*\n Now Playing\n*/\n\ndiv.able-now-playing {\n text-align: center;\n font-weight: bold;\n font-size: 1.1em;\n color: #FFFFFF;\n background-color: transparent;\n padding: 0.5em 0.5em 1em;\n}\ndiv.able-now-playing span {\n font-size: 0.9em;\n}\ndiv.able-now-playing span span {\n display: block;\n}\n\n/*\n Modal Dialogs\n*/\n\ndiv.able-modal-dialog {\n position: absolute;\n height: auto;\n max-width: 90%;\n margin-inline-start: auto;\n margin-inline-end: auto;\n left: 0px;\n right: 0px;\n outline: 0px none;\n display: none;\n color: #000;\n background-color: #FAFAFA;\n box-sizing: content-box !important;\n z-index: 10000;\n}\ndiv.able-modal-overlay {\n position: fixed;\n width: 100%;\n height: 100%;\n background-color: #000;\n opacity: 0.5;\n margin: 0;\n padding: 0;\n top: 0;\n left: 0;\n display: none;\n z-index: 9500;\n}\nbutton.modalCloseButton {\n position: absolute;\n top: 5px;\n right: 5px;\n}\nbutton.modal-button {\n margin-inline-end: 5px;\n}\ndiv.able-modal-dialog input:hover,\ndiv.able-modal-dialog input:focus,\ndiv.able-modal-dialog button:hover,\ndiv.able-modal-dialog button:focus {\n outline-style: solid;\n outline-width: 2px;\n}\ndiv.able-modal-dialog input:hover,\ndiv.able-modal-dialog button:hover {\n outline-color: #8AB839; /* green */\n}\ndiv.able-modal-dialog input:focus,\ndiv.able-modal-dialog button:focus {\n outline-color: #ffbb37; /* yellow */\n}\ndiv.able-modal-dialog h1 {\n font-weight: bold;\n font-size: 1.8em;\n line-height: 1.2em;\n margin: 0.75em 0;\n color: #000;\n text-align: center;\n}\n.able-prefs-form,\n.able-help-div,\n.able-resize-form {\n background-color: #F5F5F5;\n border: medium solid #ccc;\n padding: 0.5em 1em;\n margin: 0 0 0 1em;\n width: 25em;\n display: none;\n}\n\n/*\n Preferences Form\n*/\n\n.able-prefs-form fieldset {\n margin-inline-start: 0;\n padding-left: 0;\n border: none;\n}\n.able-prefs-form legend {\n color: black;\n font-weight: bold;\n font-size: 1.1em;\n}\n.able-prefs-form fieldset div {\n display: table;\n margin-inline-start: 1em;\n}\n.able-prefs-form fieldset div input {\n display: table-cell;\n width: 1em;\n vertical-align: middle;\n}\n.able-prefs-form fieldset div label {\n display: table-cell;\n padding-left: 0.5em;\n}\nfieldset.able-prefs-keys div {\n float: inline-start;\n margin-inline-end: 1em;\n}\ndiv.able-desc-pref-prompt {\n font-weight: bold;\n font-style: italic;\n margin-inline-start: 1em !important;\n}\ndiv.able-prefDescFormat > div {\n margin-inline-start: 1.5em;\n}\n.able-prefs-captions label,\n.able-prefs-captions select {\n display: block;\n float: inline-start;\n margin-block-end: 0.25em;\n}\nfieldset.able-prefs-captions label {\n width: 6em;\n text-align: end;\n padding-right: 1em;\n}\nfieldset.able-prefs-captions select {\n width: 10em;\n font-size: 0.9em;\n border-radius: none;\n}\n.able-prefs-form div.able-captions-sample {\n padding: 0.5em;\n text-align: center;\n}\n.able-prefs-form h2 {\n margin-block-start: 0;\n margin-block-end: 0.5em;\n font-size: 1.1em;\n}\n.able-prefs-form ul {\n margin-block-start: 0;\n}\n\n/*\n Keyboard Preferences Dialog\n*/\nable-prefs-form-keyboard ul {\n list-style-type: none;\n}\nspan.able-modkey-alt,\nspan.able-modkey-ctrl,\nspan.able-modkey-shift {\n color: #666;\n font-style: italic;\n}\nspan.able-modkey {\n font-weight: bold;\n color: #000;\n font-size: 1.1em;\n}\n\n/*\n Resize Window Dialog\n*/\n\n.able-resize-form h1 {\n font-size: 1.15em;\n}\n.able-resize-form div div {\n margin: 1em;\n}\n.able-resize-form label {\n padding-right: 0.5em;\n font-weight: bold;\n}\n.able-resize-form input[type=\"text\"] {\n font-size: 1em;\n}\n.able-resize-form input[readonly] {\n color: #AAA;\n}\n\n/*\n Drag & Drop\n*/\n\n.able-window-toolbar {\n background-color: #464646;\n min-height: 15px;\n padding: 10px;\n border-style: solid;\n border-width: 0 0 1px 0;\n}\n.able-draggable:hover {\n cursor: move;\n}\n.able-window-toolbar .able-button-handler-preferences {\n position: absolute;\n top: 0;\n right: 0;\n font-size: 1.5em;\n background-color: transparent;\n border: none;\n outline: none;\n padding: 0;\n z-index: 9300;\n}\n.able-window-toolbar .able-button-handler-preferences:hover,\n.able-window-toolbar .able-button-handler-preferences:focus {\n outline-style: solid;\n outline-width: medium;\n}\n.able-window-toolbar .able-button-handler-preferences:hover {\n outline-color: #8AB839 !important; /* green */\n}\n.able-window-toolbar .able-button-handler-preferences:focus {\n outline-color: #ffbb37 !important; /* yellow */\n}\n.able-window-toolbar .able-popup {\n position: absolute;\n cursor: default;\n right: 0;\n top: 0;\n display: block;\n}\n.able-drag {\n border: 2px dashed #F90;\n cursor: move;\n}\n.able-resizable {\n position: absolute;\n width: 16px;\n height: 16px;\n padding: 5px 0 0 5px;\n bottom: 0;\n right: 0;\n cursor: nwse-resize;\n background: transparent bottom right url('../ableplayer/images/wingrip.png') no-repeat;\n}\n\n/*\n Sign Language Window\n*/\n\n.able-sign-window {\n position: relative;\n margin: 1em;\n /* max-width: 100%; */\n z-index: 8000;\n}\n.able-sign-window video {\n width: 100%;\n}\n.able-sign-window:focus {\n outline: none;\n}\n\n\n/*\n External chapters div\n*/\ndiv.able-chapters-div {\n padding: 0;\n}\ndiv.able-chapters-div .able-chapters-heading {\n margin: 1em 0.75em;\n font-size: 1.1em;\n font-weight: bold;\n}\ndiv.able-chapters-div ul {\n list-style-type: none;\n padding-left: 0;\n}\ndiv.able-chapters-div ul li {\n max-width: 100%;\n padding: 0;\n height: 2em;\n}\ndiv.able-chapters-div button {\n width: 100%;\n height: 100%;\n border: none;\n background-color: transparent;\n color: #000;\n font-size: 1em;\n text-align: start;\n padding: 0.15em 1em;\n}\ndiv.able-chapters-div li.able-current-chapter {\n background-color: #000 !important;\n}\ndiv.able-chapters-div li.able-current-chapter button {\n color: #FFF !important;\n}\ndiv.able-chapters-div li.able-focus {\n background-color: #4C4C4C;\n}\ndiv.able-chapters-div button:focus,\ndiv.able-chapters-div button:hover,\ndiv.able-chapters-div button::-moz-focus-inner {\n border: 0;\n outline: none;\n color: #FFF !important;\n}\n\n/*\n Fullscreen settings\n In v2.2.4b commented out :-webkit-full-screen style\n This was causing the toolbar in fullscreen mode to be positioned slightly offscreen in webkit browsers\n Safari had an additional problem in window height was being calculated (see event.js > onWindowResize())\n Commenting out this style appears have no adverse effect in any browser\n All other fullscreen styles were already commented out, and left here solely for reference\n*/\n/*\n:-webkit-full-screen {\n position: fixed;\n width: 100%;\n height: 100%;\n top: 0;\n background: none;\n}\n:-moz-full-screen {\n position: fixed;\n width: 100%;\n height: 100%;\n top: 0;\n bottom: 20;\n background: none;\n}\n\n:-ms-fullscreen {\n position: fixed;\n width: 100%;\n height: 100%;\n top: 0;\n background: none;\n}\n\n:fullscreen {\n position: fixed;\n width: 100%;\n height: 80%;\n top: 0;\n background: none;\n}\n*/\n\n/*\n Tooltips & Alerts\n*/\n\n.able-tooltip, .able-alert {\n position: absolute;\n padding: 5px 10px;\n border-color: black;\n border-width: 1px;\n color: #000 !important;\n background-color: #CCCCCC;\n -webkit-border-radius: 5px;\n -moz-border-radius: 5px;\n border-radius: 5px;\n display: block;\n}\n.able-alert {\n background-color: #FFFFCC;\n box-shadow: 0px 0px 16px #262626;\n z-index: 9400;\n}\n.able-popup {\n z-index: 9200;\n}\n.able-tooltip {\n z-index: 9000;\n}\n\n/*\n Popup Menus\n*/\n.able-popup {\n position: absolute;\n margin: 0;\n padding: 0;\n border-color: black;\n border-width: 1px;\n background-color: #000;\n opacity: 0.85;\n -webkit-border-radius: 5px;\n -moz-border-radius: 5px;\n border-radius: 5px;\n display: block;\n cursor: default;\n list-style: none;\n}\nul.able-popup {\n list-style-type: none;\n}\n.able-popup li {\n padding: 0.25em 1em 0.25em 0.25em;\n margin: 1px;\n color: #FFF;\n}\n.able-popup li.able-focus {\n background-color: #CCC;\n color: #000;\n}\n.able-popup-captions li {\n padding-left: 1em;\n}\n.able-popup-captions li[aria-checked=\"true\"] {\n padding-left: 0;\n}\n.able-popup-captions li[aria-checked=\"true\"]::before {\n content: \"\\2713 \"; /* check mark; for heavier mark us 2714 */\n}\n\n/*\n Transcript\n*/\n\n.able-transcript-area {\n border-width: 1px;\n border-style: solid;\n height: 400px;\n z-index: 7000;\n outline: none;\n padding-bottom: 25px; /* keep content above 16x16px drag icon */\n background-color: #FFF;\n}\n.able-transcript {\n position: relative; /* must be positioned for scrolling */\n overflow-y: scroll;\n padding-left: 5%;\n padding-right: 5%;\n /* width: 90%; */\n background-color: #FFF;\n height: 350px;\n}\n.able-transcript div {\n margin: 1em 0;\n}\n.able-transcript-heading {\n font-size: 1.4em;\n font-weight: bold;\n}\n.able-transcript-chapter-heading {\n font-size: 1.2em;\n font-weight: bold;\n}\n.able-transcript div.able-transcript-desc {\n background-color: #FEE;\n border: thin solid #336;\n font-style: italic;\n padding: 1em;\n}\n.able-transcript .able-unspoken {\n font-weight: bold;\n}\n.able-transcript .able-hidden {\n position: absolute !important;\n clip: rect(1px 1px 1px 1px); /* IE6, IE7 */\n clip: rect(1px, 1px, 1px, 1px);\n}\n.able-highlight {\n background: #FF6; /* light yellow */\n}\n.able-previous {\n background: black !important;\n font-style: italic;\n}\n.able-transcript span:hover,\n.able-transcript span:focus,\n.able-transcript span:active {\n background: #CF6; /* light green */\n cursor: pointer;\n}\n.able-window-toolbar label {\n margin-inline-end: 10px;\n color: #FFF;\n}\n.able-window-toolbar input:focus,\n.able-window-toolbar input:hover,\n.able-window-toolbar select:focus,\n.able-window-toolbar select:hover,\n.able-controller input:focus,\n.able-controller input:hover,\n.able-controller button:focus,\n.able-controller button:hover,\n.able-seekbar-head:focus,\n.able-seekbar-head:hover {\n outline-style: solid;\n outline-width: 2px;\n}\n.able-window-toolbar input:focus,\n.able-window-toolbar select:focus,\n.able-controller input:focus,\n.able-controller button:focus,\n.able-seekbar-head:focus {\n outline-color: #ffbb37; /* yellow */\n}\n.able-window-toolbar input:hover,\n.able-window-toolbar select:hover,\n.able-controller input:hover,\n.able-controller button:hover,\n.able-seekbar-head:hover {\n outline-color: #8AB839; /* green */\n}\n.able-window-toolbar .transcript-language-select-wrapper {\n float: inline-end;\n padding-right: 30px;\n}\n\n/*\n Playlist (both audio and video)\n*/\n\n.able-playlist {\n list-style-type: none;\n margin: 0;\n background-color: #FFFFFF;\n padding: 5px 0;\n}\n.able-playlist li {\n background-color: #DDDDDD; /* default background color of each item in playlist */\n margin: 5px;\n padding: 0;\n border: 2px solid #AAA;\n border-radius: 5px;\n -moz-border-radius: 5px;\n}\n.able-playlist li button {\n border: none;\n color: #000000;\n background-color: transparent;\n font-size: 1em;\n width: 100%;\n padding: 5px 10px;\n text-align: left;\n}\n.able-playlist li button:hover,\n.able-playlist li button:focus,\n.able-playlist li button:active { /* playlist items when they have mouse or keyboard focus */\n background-color: #FFEEB3;\n color: #000000;\n text-decoration: none;\n outline: none;\n}\n.able-playlist li button::-moz-focus-inner {\n border: 0;\n}\n.able-playlist li button img {\n width: 100px;\n float: left;\n margin-right: 10px;\n}\n.able-playlist li.able-current { /* currently selected playlist item */\n background-color: #340449;\n border-color: #230330;\n}\n.able-playlist li.able-current button {\n color: #FFFFFF;\n font-weight: bold;\n text-decoration: none;\n outline: none;\n}\n.able-playlist li.able-current button:hover,\n.able-playlist li.able-current button:focus,\n.able-playlist li.able-current button:active {\n color: #000000;\n}\n\n/*\n Search\n*/\n\n.able-search-results ul li {\n font-size: 1.1em;\n margin-block-end: 1em;\n}\n.able-search-results-time {\n font-weight: bold;\n text-decoration: underline;\n cursor: pointer;\n}\n.able-search-results-time:hover,\n.able-search-results-time:focus,\n.able-search-results-time:active {\n color: #FFF;\n background-color: #000;\n text-decoration: none;\n}\n.able-search-results-text {\n padding-left: 1em;\n}\n.able-search-term {\n background-color: #FFC;\n font-weight: bold;\n}\n\n/*\n Video Transcript Sorter (VTS)\n*/\n#able-vts-instructions {\n margin-bottom: 1.5em;\n padding: 1em;\n border: 1px solid #999;\n width: 720px;\n max-width: 90%;\n}\n#able-vts fieldset {\n margin: 1em;\n border: none;\n}\n#able-vts fieldset legend {\n color: #000;\n font-weight: bold;\n}\n#able-vts fieldset div {\n float: inline-start;\n padding-right: 1em;\n}\n#able-vts table {\n clear: inline-start;\n}\n\n#able-vts table,\n#able-vts table th,\n#able-vts table td {\n border: 1px solid black;\n border-collapse: collapse;\n padding: 0.5em 0.75em;\n}\n#able-vts table th.actions {\n min-width: 140px;\n}\n#able-vts table td button {\n width: auto;\n padding: 0;\n margin: 2px;\n}\n#able-vts table td button svg {\n width: 16px;\n height: 16px;\n}\n#able-vts table button:hover,\n#able-vts table button:focus {\n /* border: 3px solid #66c2ff; */\n}\n#able-vts table button:hover svg {\n fill: #C00;\n}\ntr.kind-chapters,\ntr.kind-subtitles {\n background-color: #FFF;\n}\ntr.kind-descriptions {\n background-color: #FEE;\n}\ntr.kind-chapters {\n background-color: #e6ffe6;\n}\n.able-vts-dragging {\n background-color: #FFC;\n}\ndiv#able-vts-icon-credit {\n margin: 1em;\n}\ndiv#able-vts-alert {\n display: none;\n position: fixed;\n top: 5px;\n left: 5px;\n border: 2px solid #666;\n background-color: #FFC;\n padding: 1em;\n font-weight: bold;\n z-index: 9400;\n}\nbutton#able-vts-save {\n font-size: 1em;\n padding: 0.25em;\n border-radius: 5px;\n margin-bottom: 1em;\n font-weight: bold;\n}\nbutton#able-vts-save:hover,\nbutton#able-vts-save:focus {\n color: white;\n background-color: #060;\n}\n.able-vts-output-instructions {\n width: 720px;\n max-width: 90%;\n}\n#able-vts textarea {\n height: 200px;\n width: 720px;\n max-width: 90%;\n}\n\n/*\n Misc\n*/\n\n.able-clipped, .able-screenreader-alert {\n /* hide from sighted users, but not screen reader users */\n position: absolute !important;\n clip: rect(1px 1px 1px 1px); /* IE6, IE7 */\n clip: rect(1px, 1px, 1px, 1px);\n /* additional rules are needed to ensure clipped buttons are truly invisible in Safari on Mac OS X */\n width: 1px !important;\n height: 1px !important;\n overflow: hidden !important;\n}\n.able-error {\n display: block;\n background: #ffc;\n border: 2px solid #000;\n color: #FF0000;\n margin: 0.75em;\n padding: 0.5em;\n}\n.able-fallback {\n display: block;\n text-align: center;\n border: 2px solid #333355;\n background-color: #EEE;\n color: #000;\n font-weight: bold;\n font-size: 1.1em;\n padding: 1em;\n margin-block-end: 1em;\n max-width: 500px;\n width: 95%;\n}\n.able-fallback div,\n.able-fallback ul,\n.able-fallback p {\n text-align: start;\n}\n.able-fallback li {\n font-weight: normal;\n}\n.able-fallback img {\n width: 90%;\n margin: 1em auto;\n opacity: 0.3;\n}\n.able-fallback img.able-poster {\n position: relative;\n}\n\n/*\n SVG Icons\n*/\nbutton svg {\n display: inline-block;\n width: 1em;\n height: 1em;\n fill: currentColor;\n}\n\n\n/*\n icomoon.io font styling\n*/\n@font-face {\n font-family: 'able';\n src: url('../ableplayer/button-icons/fonts/able.eot?dqripi');\n src: url('../ableplayer/button-icons/fonts/able.eot?dqripi#iefix') format('embedded-opentype'),\n url('../ableplayer/button-icons/fonts/able.ttf?dqripi') format('truetype'),\n url('../ableplayer/button-icons/fonts/able.woff?dqripi') format('woff'),\n url('../ableplayer/button-icons/fonts/able.svg?dqripi#able') format('svg');\n font-weight: normal;\n font-style: normal;\n}\n\n[class^=\"icon-\"], [class*=\" icon-\"] {\n /* use !important to prevent issues with browser extensions that change fonts */\n font-family: 'able' !important;\n speak: none;\n font-style: normal;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n\n /* Better Font Rendering =========== */\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n.icon-play:before {\n content: \"\\f04b\";\n}\n.icon-pause:before {\n content: \"\\f04c\";\n}\n.icon-stop:before {\n content: \"\\f04d\";\n}\n.icon-restart:before {\n content: \"\\e900\";\n}\n.icon-rewind:before {\n content: \"\\e603\";\n}\n.icon-forward:before {\n content: \"\\e604\";\n}\n.icon-previous:before {\n content: \"\\e901\";\n}\n.icon-next:before {\n content: \"\\e902\";\n}\n.icon-slower:before {\n content: \"\\f0dd\";\n}\n.icon-faster:before {\n content: \"\\f0de\";\n}\n.icon-turtle:before {\n content: \"\\e904\";\n}\n.icon-rabbit:before {\n content: \"\\e905\";\n}\n.icon-ellipsis:before {\n content: \"\\e903\";\n}\n.icon-pipe:before {\n content: \"\\e600\";\n}\n.icon-captions:before {\n content: \"\\e601\";\n}\n.icon-descriptions:before {\n content: \"\\e602\";\n}\n.icon-sign:before {\n content: \"\\e60a\";\n}\n.icon-volume-mute:before {\n content: \"\\e606\";\n}\n.icon-volume-soft:before {\n content: \"\\e60c\";\n}\n.icon-volume-medium:before {\n content: \"\\e605\";\n}\n.icon-volume-loud:before {\n content: \"\\e60b\";\n}\n.icon-volume-up:before {\n content: \"\\e607\";\n}\n.icon-volume-down:before {\n content: \"\\e608\";\n}\n.icon-chapters:before {\n content: \"\\e609\";\n}\n.icon-transcript:before {\n content: \"\\f15c\";\n}\n.icon-preferences:before {\n content: \"\\e60d\";\n}\n.icon-close:before {\n content: \"\\f00d\";\n}\n.icon-fullscreen-expand:before {\n content: \"\\f065\";\n}\n.icon-fullscreen-collapse:before {\n content: \"\\f066\";\n}\n.icon-help:before {\n content: \"\\f128\";\n}","/* Solarized Light\n\nFor use with Jekyll and Pygments\n\nhttp://ethanschoonover.com/solarized\n\nSOLARIZED HEX ROLE\n--------- -------- ------------------------------------------\nbase01 var(--w3c-blue) body text / default code / primary content\nbase1 var(--dk-grey) comments / secondary content\nbase3 #fdf6e3 background\norange var(--faded-red) constants\nred var(--faded-red) regex, special keywords\nblue var(--w3c-classic) reserved keywords\ncyan var(--wai-green) strings, numbers\ngreen var(--wai-green) operators, other keywords\n\n*/\n\npre {\n white-space: pre-wrap;\n}\n\n.highlight {\n font-size: 14px;\n color: var(--w3c-blue);\n tab-size: 2;\n font-variant-ligatures: no-common-ligatures;\n}\n.highlight .c { color: var(--dk-grey) } /* Comment */\n.highlight .err { color: var(--w3c-blue) } /* Error */\n.highlight .g { color: var(--w3c-blue) } /* Generic */\n.highlight .k { color: var(--wai-green) } /* Keyword */\n.highlight .l { color: var(--w3c-blue) } /* Literal */\n.highlight .n { color: var(--w3c-blue) } /* Name */\n.highlight .o { color: var(--wai-green) } /* Operator */\n.highlight .x { color: var(--faded-red) } /* Other */\n.highlight .p { color: var(--w3c-blue) } /* Punctuation */\n.highlight .cm { color: var(--dk-grey) } /* Comment.Multiline */\n.highlight .cp { color: var(--wai-green) } /* Comment.Preproc */\n.highlight .c1 { color: var(--dk-grey) } /* Comment.Single */\n.highlight .cs { color: var(--wai-green) } /* Comment.Special */\n.highlight .gd { color: var(--wai-green) } /* Generic.Deleted */\n.highlight .ge { color: var(--w3c-blue); font-weight: bold } /* Generic.Emph */\n.highlight .gr { color: var(--faded-red) } /* Generic.Error */\n.highlight .gh { color: var(--faded-red) } /* Generic.Heading */\n.highlight .gi { color: var(--wai-green) } /* Generic.Inserted */\n.highlight .go { color: var(--w3c-blue) } /* Generic.Output */\n.highlight .gp { color: var(--w3c-blue) } /* Generic.Prompt */\n.highlight .gs { color: var(--w3c-blue); font-weight: bold } /* Generic.Strong */\n.highlight .gu { color: var(--faded-red) } /* Generic.Subheading */\n.highlight .gt { color: var(--w3c-blue) } /* Generic.Traceback */\n.highlight .kc { color: var(--faded-red) } /* Keyword.Constant */\n.highlight .kd { color: var(--w3c-classic) } /* Keyword.Declaration */\n.highlight .kn { color: var(--wai-green) } /* Keyword.Namespace */\n.highlight .kp { color: var(--wai-green) } /* Keyword.Pseudo */\n.highlight .kr { color: var(--w3c-classic) } /* Keyword.Reserved */\n.highlight .kt { color: var(--faded-red) } /* Keyword.Type */\n.highlight .ld { color: var(--w3c-blue) } /* Literal.Date */\n.highlight .m { color: var(--wai-green) } /* Literal.Number */\n.highlight .s { color: var(--wai-green) } /* Literal.String */\n.highlight .na { color: var(--w3c-blue) } /* Name.Attribute */\n.highlight .nb { color: var(--faded-red) } /* Name.Builtin */\n.highlight .nc { color: var(--w3c-classic) } /* Name.Class */\n.highlight .no { color: var(--faded-red) } /* Name.Constant */\n.highlight .nd { color: var(--w3c-classic) } /* Name.Decorator */\n.highlight .ni { color: var(--faded-red) } /* Name.Entity */\n.highlight .ne { color: var(--faded-red) } /* Name.Exception */\n.highlight .nf { color: var(--w3c-classic) } /* Name.Function */\n.highlight .nl { color: var(--w3c-blue) } /* Name.Label */\n.highlight .nn { color: var(--w3c-blue) } /* Name.Namespace */\n.highlight .nx { color: var(--w3c-blue) } /* Name.Other */\n.highlight .py { color: var(--w3c-blue) } /* Name.Property */\n.highlight .nt { color: var(--w3c-classic) } /* Name.Tag */\n.highlight .nv { color: var(--w3c-classic) } /* Name.Variable */\n.highlight .ow { color: var(--wai-green) } /* Operator.Word */\n.highlight .w { color: var(--w3c-blue) } /* Text.Whitespace */\n.highlight .mf { color: var(--wai-green) } /* Literal.Number.Float */\n.highlight .mh { color: var(--wai-green) } /* Literal.Number.Hex */\n.highlight .mi { color: var(--wai-green) } /* Literal.Number.Integer */\n.highlight .mo { color: var(--wai-green) } /* Literal.Number.Oct */\n.highlight .sb { color: var(--dk-grey) } /* Literal.String.Backtick */\n.highlight .sc { color: var(--wai-green) } /* Literal.String.Char */\n.highlight .sd { color: var(--w3c-blue) } /* Literal.String.Doc */\n.highlight .s2 { color: var(--wai-green) } /* Literal.String.Double */\n.highlight .se { color: var(--faded-red) } /* Literal.String.Escape */\n.highlight .sh { color: var(--w3c-blue) } /* Literal.String.Heredoc */\n.highlight .si { color: var(--wai-green) } /* Literal.String.Interpol */\n.highlight .sx { color: var(--wai-green) } /* Literal.String.Other */\n.highlight .sr { color: var(--faded-red) } /* Literal.String.Regex */\n.highlight .s1 { color: var(--wai-green) } /* Literal.String.Single */\n.highlight .ss { color: var(--wai-green) } /* Literal.String.Symbol */\n.highlight .bp { color: var(--w3c-classic) } /* Name.Builtin.Pseudo */\n.highlight .vc { color: var(--w3c-classic) } /* Name.Variable.Class */\n.highlight .vg { color: var(--w3c-classic) } /* Name.Variable.Global */\n.highlight .vi { color: var(--w3c-classic) } /* Name.Variable.Instance */\n.highlight .il { color: var(--wai-green) } /* Literal.Number.Integer.Long */\n\n:not(.highlight) code {\n font-variant-ligatures: no-common-ligatures;\n color: var(--w3c-blue);\n}"]}
1
+ {"version":3,"sources":["colors.css","base.css","style.css","../components/atoms/button.css","../components/atoms/images.css","../components/atoms/mark.css","../components/atoms/p.css","../components/atoms/showhidebutton.css","../components/blockquote-in-box/blockquote-in-box.css","../components/box/box.css","../components/breadcrumb.css","../components/content.css","../components/decision-tree/decision-tree.css","../components/document-notes/document-notes-draft.css","../components/document-notes/document-notes-translation.css","../components/document-notes/document-notes.css","../components/excol/excol.css","../components/figure/figure.css","../components/footer/footers.css","../components/footnotes/footnotes.css","../components/form/form-elements.css","../components/form/form-search.css","../components/header/header.css","../components/headings/headings.css","../components/icons/icons.css","../components/lists/description-list.css","../components/lists/lists.css","../components/misc/warning.css","../components/navigations/controls.css","../components/navigations/mainnav.css","../components/navigations/metanav.css","../components/navigations/navigations.css","../components/news/news.css","../components/notes/notes.css","../components/pager/pager.css","../components/pagination/pagination.css","../components/quote/quote.css","../components/related-content/related-content.css","../components/sidenav/sidenav.css","../components/tables/tables.css","../components/teaser/audiences-inline.css","../components/teaser/making-web-accessible.css","../components/teaser/media-inline.css","../components/teaser/news.css","../components/teaser/resource-inline.css","../components/teaser/teaser.css","../components/video-links/video-links.css","../components/video/video.css","code.css"],"names":[],"mappings":"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,gBAAA,A1BqwGA,S0BpwGE,A1BqwGF,S0BrwGE,C1BswGH,AAEL,wB0BlwGE,0BACE,eAAsB,C1BqwGvB,AAEH,0B0BrwGI,gBAAkB,C1BuwGnB,AAEH,0BACQ,gBAAkB,C0BxwGtB,A1B2wGJ,0B0BxwGI,iBAAA,C1B0wGD,AAEH,gB0BxzGA,SAAA,AA+CI,SAAA,CAEJ,CADE,AAGF,0BACE,0BAAwB,CAC1B,AACA,0BACE,2BAAe,C1B6wGhB,A0B1wGD,0B1B6wGM,qCAAuC,C0B5wG7C,A1B+wGA,0B0B5wGE,sCAAQ,C1B8wGT,AAED,4B0B9wGE,cAAA,AACE,eAAA,AACF,SAAA,A1BgxGM,SAAW,C0BlxGjB,AAEA,Y1BoxGE,WAAe,A0BlxGnB,sBAAA,AACE,qBAAY,A1BsxGV,aAAgB,C0B3wGlB,A1B+wGF,oC0BvxGA,mBAAA,AAQE,yBAAA,CAEF,AAVA,a1B8xGA,U0B3xGE,YAAA,C1B6xGD,C0B3xGC,A1B8xGF,mB0B1xGE,sBAAsB,CACxB,AAEA,iBACE,eAAe,AACjB,SAAA,A1B4xGE,SAAW,C2Bl3Gb,A3Bq3GA,oB2Bl3GE,YAAA,UAAA,AACA,SAAA,oBAAA,C3Bs3GD,AAED,0C2BjzGA,gBAAA,C3BmzGC,AAED,0C2Bx3GE,eAAA,C3B03GD,AAED,uC2BzzGA,aAAA,AAjEE,QAAA,C3B63GD,AAED,qC2Bz4GA,gBAAA,C3B24GC,AAED,qCACE,eAAiB,C2Bh4GjB,A3Bm4GF,2BACE,W2Bj4GY,A3Bk4GZ,qB2Bj4GE,A3Bk4GF,yB2Bj4GoB,A3Bk4GpB,U2Bj4GE,A3Bk4GF,W2Bl4GE,A3Bm4GF,S2Bn4GE,A3Bo4GF,gB2Bn4GE,A3Bo4GF,qB2Bp4GE,C3Bq4GH,AAED,a2Bl1GE,cAAA,C3Bo1GD,AAED,S2Bl5GE,kBAAA,A3Bo5GA,e2B14GI,A3B24GJ,kB2B34GI,AAkDJ,6BAAA,A3B21GA,wC2B54GE,A3B64GF,gCAAiC,A2B54G/B,2CAAA,A3B84GF,sB2B74GiB,A3B84GjB,iC2B74GsB,A3B84GtB,Y2B74GI,C3B84GL,AAED,c2B/4GM,aAAY,CAAA,A3Bi5GlB,wBAEA,SACI,aAAc,C2Bl5GZ,C3Bo5GH,AAEH,a2Bp5GQ,S3Bu5GJ,Y2Bt5GM,C3Bu5GT,CACE,A2Br5GG,Y3Bw5GF,W2Bv5GI,A3Bw5GJ,iB2Bv5GiB,A3Bw5GjB,U2Bv5GI,A3Bw5GJ,wB2Bv5GgB,A3Bw5GhB,kB2Bv5G4B,A3Bw5G5B,oB2Bx5GI,A3By5GJ,oB2Bx5GI,A3By5GJ,a2Bx5GI,A3By5GJ,0B2Bx5GoB,AAChB,uBAAA,A3By5GI,oB2Bz5GJ,A3B05GJ,mB2Bz5GI,cAAA,C3B25GL,AAEH,wBAEA,YACM,qB2B95GE,A3B+5GE,gB2B/5GF,C3Bg6GL,CACE,AAEL,e2Bj6GQ,cAAA,A3Bm6GF,kB2Bl6GkB,A3Bm6GlB,4B2Bl6GI,AACF,eAAA,A3Bm6GF,mBAAoB,A2Bl6GlB,oBAAA,AACE,YAAA,A3Bo6GJ,oB2Bp6GI,AACF,aAAA,C3Bq6GH,AAEL,sBACQ,gB2Br6GI,A3Bs6GJ,0B2Br6GE,C3Bs6GH,AAEP,6BACU,0C2Br6G+C,AAC/C,6CAAA,C3Bs6GD,AAET,iB2Bn6GM,qBAAA,A3Bq6GE,cAAc,A2Bv6GhB,WAAA,AACE,YAAA,AACF,WAAA,A3By6GE,wBAAyB,A2Bn6G/B,kBAAA,AADF,gBAAA,AAOA,sBAAA,AAJE,oBAAA,A3Bw6GM,oBAAqB,A2Bv6G3B,aAAA,A3By6GM,yBAA0B,A2B76GlC,sBAAA,AAKI,mBAAA,AAEJ,wBAAA,AADE,qBAAA,A3B46Gc,uBAAwB,A2Bz6GtC,sBAAA,A3B26GM,gCAAiC,C2B56GzC,AAIA,sBADE,cAAA,A3B86GQ,mCAAqC,C4BtgH/C,AAuIA,8C5Bm4GU,yBAA0B,A4B1gHpC,+BAAA,CACE,A5B6gHF,8I4B9gHA,gCAAA,AAEE,mCAAW,CACX,AAoIF,oM5B64GY,6BAAiC,A4B/gH3C,yCAAuB,C5BihHd,AAEX,8B4BxhHA,6BAAA,C5B0hHC,AAED,8BACQ,8BAAgC,C4BphHtC,AATF,wBAuIA,UA5HE,YAAA,C5ByhHD,C4BxhHC,A5B2hHF,a4BzhHI,U5B4hHA,Y4B3hHE,C5B4hHL,CACE,AAEH,wBAEA,qB4B3hHE,YAAA,C5B6hHD,CACE,AAEH,mBACE,gB4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","file":"style.css","sourcesContent":[":root {\n --w3c-classic: #005A9C;\n --w3c-blue: #003366;\n --wai-green: #005A6A;\n --off-black: #1d1d1d;\n --dk-grey: #3b3b3b;\n --faded-red: #c0272d;\n --light-blue: #196cac;\n --dk-blue: #091832;\n --gold: rgb(238, 208, 9);\n --gold-light: rgba(238, 208, 9, .35);\n --ocean: #00818d;\n --cloudy: #bccbd3;\n --grey: #686868;\n --line-grey: #ddd;\n --trans-line-grey: rgba(221, 221, 221, 0.32);\n --off-white: #f2f2f2;\n --body-bg: #FAFAFC;\n --lt-off-white: #fafafa;\n --pure-white: #ffffff;\n --white-transparent: rgba(255, 255, 255, 0.92);;\n --visited-link: #660066;\n --footer-grey: #efefef;\n}\n\n/*\n@media(prefers-color-scheme: dark) {\n :root {\n --w3c-classic: #005A9C;\n --w3c-blue: #003366;\n --wai-green: #005A6A;\n --off-black: #f2d2d2;\n --dk-grey: #3b3b3b;\n --faded-red: #c0272d;\n --light-blue: #196cac;\n --dk-blue: #091832;\n --gold: #eed009;\n --ocean: #00818d;\n --cloudy: #bccbd3;\n --grey: #686868;\n --line-grey: #aaa;\n --trans-line-grey: rgba(34, 34, 34, 0.32);\n --off-white: #0c0c0c;\n --body-bg: #1d1d1d;\n --lt-off-white: #050505;\n --pure-white: #000000;\n --white-transparent: rgba(0, 0, 0, 0.92);\n --visited-link: #660066;\n --footer-grey: #efefef;\n }\n}\n*/","@custom-selector :--hovcus :hover, :focus;\n\n@custom-media --small (width >= 23em);\n@custom-media --medium (width >= 35em);\n@custom-media --medlarge (width >= 47.5em);\n@custom-media --large (width >= 60em);\n\n.visuallyhidden, .no-display {\n border: 0;\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n white-space: nowrap;\n &.focusable {\n &:active, &:focus {\n clip: auto;\n clip-path: none;\n height: auto;\n margin: 0;\n overflow: visible;\n position: static;\n width: auto;\n white-space: inherit;\n }\n }\n}\n\n@font-face {\n font-family: 'Noto Sans';\n src: url('../fonts/notosans/notosans-regular.woff2') format('woff2'),\n url('../fonts/notosans/notosans-regular.woff') format('woff');\n font-weight: 400;\n font-style: normal;\n}\n@font-face {\n font-family: 'Noto Sans';\n src: url('../fonts/notosans/notosans-italic.woff2') format('woff2'),\n url('../fonts/notosans/notosans-italic.woff') format('woff');\n font-weight: 400;\n font-style: italic;\n}\n@font-face {\n font-family: 'Noto Sans';\n src: url('../fonts/notosans/notosans-bold.woff2') format('woff2'),\n url('../fonts/notosans/notosans-bold.woff') format('woff');\n font-weight: 600;\n font-style: normal;\n}\n@font-face {\n font-family: 'Noto Sans';\n src: url('../fonts/notosans/notosans-bolditalic.woff2') format('woff2'),\n url('../fonts/notosans/notosans-bolditalic.woff') format('woff');\n font-weight: 600;\n font-style: italic;\n}\n\n@font-face {\n font-family: 'Noto Sans Mono';\n src: url('../fonts/notosansmono/notosansmono-semicondensed.woff2') format('woff2'),\n url('../fonts/notosansmono/notosansmono-semicondensed.woff') format('woff');\n font-weight: 400;\n font-style: normal;\n}\n\n@font-face {\n font-family: 'Noto Sans Mono';\n src: url('../fonts/notosansmono/notosansmono-semicondensedbold.woff2') format('woff2'),\n url('../fonts/notosansmono/notosansmono-semicondensedbold.woff') format('woff');\n font-weight: 600;\n font-style: normal;\n}\n\n@font-face {\n font-family: 'Noto Naskh Arabic Minimal';\n src: url('../fonts/notonaskh/regular-minimal.woff2') format('woff2'),\n url('../fonts/notonaskh/regular-minimal.woff') format('woff');\n font-weight: normal;\n font-style: normal;\n}\n\n@font-face {\n font-family: 'Noto Naskh Arabic Minimal';\n src: url('../fonts/notonaskh/bold-minimal.woff2') format('woff2'),\n url('../fonts/notonaskh/bold-minimal.woff') format('woff');\n font-weight: bold;\n font-style: normal;\n}\n\n@font-face {\n font-family: 'Noto Naskh Arabic';\n src: url('../fonts/notonaskh/regular.woff2') format('woff2'),\n url('../fonts/notonaskh/regular.woff') format('woff');\n font-weight: normal;\n font-style: normal;\n}\n\n@font-face {\n font-family: 'Noto Naskh Arabic';\n src: url('../fonts/notonaskh/bold.woff2') format('woff2'),\n url('../fonts/notonaskh/bold.woff') format('woff');\n font-weight: bold;\n font-style: normal;\n}\n\nhtml {\n background-color: var(--off-white);\n @media print {\n background-color: #fff;\n }\n}\n\nbody {\n font-family: \"Noto Sans\", \"Trebuchet MS\", \"Helvetica Neue\", Arial, sans-serif;\n line-height: 1.5;\n font-size: 1rem;\n text-decoration-skip-ink: none;\n background-color: var(--body-bg);\n color: var(--off-black);\n padding: 0;\n padding: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);\n margin: 0 auto;\n max-width: 1250px;\n @supports (display: grid) {\n max-width: none;\n margin: 0;\n }\n @media print {\n color: #000;\n background-color: #fff;\n font-size: 10pt;\n text-decoration-skip-ink: none;\n }\n}\n\nbody:lang(ar) {\n font-family: \"Noto Naskh Arabic\", \"Noto Sans\", \"Trebuchet MS\", \"Helvetica Neue\", Arial, sans-serif;\n}\n\nbody:not(:lang(ar)) *:lang(ar) {\n font-family: \"Noto Naskh Arabic Minimal\", \"Noto Sans\", \"Trebuchet MS\", \"Helvetica Neue\", Arial, sans-serif;\n}\n\ncode {\n font-size: 1em;\n font-family: 'Noto Sans Mono', monospace;\n}\n\na {\n color: var(--w3c-blue);\n &:--hovcus {\n color: var(--wai-green);\n }\n &:visited {\n color: var(--visited-link);\n }\n &.stealthy-link {\n text-decoration: none;\n &:--hovcus {\n color: inherit;\n }\n &:visited {\n color: inherit;\n }\n }\n @media print {\n & {\n color: #000;\n }\n &[href^=\"#\"]:after {\n content: '(⇘ ' attr(href) ')';\n }\n &[href^=\"http\"]:after {\n content: ' (' attr(href) ')';\n }\n &[href^=\"/WAI/\"]:after {\n content: ' (https://www.w3.org' attr(href) ')';\n }\n }\n}\n\na, button, input, select, submit, textarea, [tabindex]:not([tabindex=\"-1\"]) {\n outline: 2px solid transparent;\n outline-offset: 5px;\n transition: outline-offset .2s linear;\n}\n\na:focus, button:focus, input:focus, select:focus, submit:focus, textarea:focus, [tabindex]:not([tabindex=\"-1\"]):focus {\n outline-color: currentColor;\n outline-offset: 2px;\n}\n\n.default-container, .default-grid {\n padding: 0 32px;\n @media (--medium) {\n padding:0;\n }\n}\n\n.default-grid {\n padding: 0 16px;\n @media (--large) {\n padding:0;\n display: flex;\n padding-inline-start: 32px;\n padding-inline-end: 32px;\n @supports (display: grid) {\n display: grid;\n grid-column-gap: 32px;\n padding: 0;\n max-width: none;\n grid-template-columns: [complete-start] minmax(16px, 1fr) [navigation-start] repeat(2, minmax(0, 130px)) [navigation-end content-start] repeat(6, minmax(0, 130px)) [content-end] minmax(16px, 1fr) [complete-end];\n }\n & .inner {\n grid-column-start: navigation-start;\n grid-column-end: content-end;\n }\n }\n @media print {\n display: block;\n }\n}\n\n.grid-3 {\n @media (--large) {\n display: flex;\n padding-inline-start: 32px;\n padding-inline-end: 32px;\n @supports (display: grid) {\n display: grid;\n grid-column-gap: 32px;\n padding: 0;\n max-width: none;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n &.nogap { grid-column-gap: 0; }\n }\n & .col1, & .from-col1 { grid-column-start: 1; }\n & .col1, & .to-col1 { grid-column-end: 2; }\n\n & .col2, & .from-col2 { grid-column-start: 2; }\n & .col2, & .to-col2 { grid-column-end: 3; }\n\n & .col3, & .from-col3 { grid-column-start: 3; }\n & .col3, & .to-col3 { grid-column-end: 4; }\n\n}\n\n.grid-4 {\n @media (--large) {\n display: flex;\n padding-inline-start: 32px;\n padding-inline-end: 32px;\n @supports (display: grid) {\n display: grid;\n grid-column-gap: 32px;\n padding: 0;\n max-width: none;\n grid-template-columns: repeat(4, minmax(0, 1fr));\n }\n &.nogap { grid-column-gap: 0; }\n }\n & .col1, & .from-col1 { grid-column-start: 1; }\n & .col1, & .to-col1 { grid-column-end: 2; }\n\n & .col2, & .from-col2 { grid-column-start: 2; }\n & .col2, & .to-col2 { grid-column-end: 3; }\n\n & .col3, & .from-col3 { grid-column-start: 3; }\n & .col3, & .to-col3 { grid-column-end: 4; }\n\n & .col4, & .from-col4 { grid-column-start: 4; }\n & .col4, & .to-col4 { grid-column-end: 5; }\n\n}\n\n.grid-6 {\n @media (--large) {\n display: flex;\n padding-inline-start: 32px;\n padding-inline-end: 32px;\n @supports (display: grid) {\n display: grid;\n grid-column-gap: 32px;\n padding: 0;\n max-width: none;\n grid-template-columns: repeat(6, minmax(0, 1fr));\n }\n }\n\n & .col1, & .from-col1 { grid-column-start: 1; }\n & .col1, & .to-col1 { grid-column-end: 2; }\n\n & .col2, & .from-col2 { grid-column-start: 2; }\n & .col2, & .to-col2 { grid-column-end: 3; }\n\n & .col3, & .from-col3 { grid-column-start: 3; }\n & .col3, & .to-col3 { grid-column-end: 4; }\n\n & .col4, & .from-col4 { grid-column-start: 4; }\n & .col4, & .to-col4 { grid-column-end: 5; }\n\n & .col5, & .from-col5 { grid-column-start: 5; }\n & .col5, & .to-col5 { grid-column-end: 6; }\n\n & .col6, & .from-col6 { grid-column-start: 6; }\n & .col6, & .to-col6 { grid-column-end: 7; }\n\n /* IE fixes: */\n & .col1, & .col2, & .col3, & .col4, & .col5, & .col6, &.from-col1, & .from-col2, & .from-col3, & .from-col4, & .from-col5, & .from-col6 {flex-basis: 25%; flex-grow: 1;}\n & .col2, & .col3, & .col4, & .col5, & .col6, & .from-col2, & .from-col3, & .from-col4, & .from-col5, & .from-col6 {margin-inline-start: 32px;}\n @supports (display: grid) {\n & .col2, & .col3, & .col4, & .col5, & .col6, & .from-col2, & .from-col3, & .from-col4, & .from-col5, & .from-col6 {margin-inline-start: 0;}\n }\n &.from-col1.to-col6 {\n width: 100%;\n }\n}\n\n.grid-three-five {\n & .col1, & .col2 { padding-inline-start: 16px; padding-inline-end: 16px; }\n @media (--medium) {\n display: flex;\n padding-inline-start: 32px;\n padding-inline-end: 32px;\n @supports (display: grid) {\n display: grid;\n grid-column-gap: 32px;\n padding: 0;\n max-width: none;\n grid-template-columns: [complete-start] 0 [three-start five-start] 1fr [three-end five-end] 0 [complete-end];\n @media (--medium) {\n grid-template-columns: [complete-start] minmax(16px, 1fr) [three-start] repeat(3, minmax(0, 130px)) [three-end five-start] repeat(5, minmax(0, 130px)) [five-end] minmax(16px, 1fr) [complete-end];\n }\n }\n & .col1, & .col2 { padding: 0; }\n }\n & .col1, & .col2 { flex-shrink: 1; }\n & .col1 {\n flex-basis: 35%;\n grid-column-start: three-start;\n grid-column-end: three-end;\n margin-inline-end: 32px;\n @supports (display: grid) {\n margin-inline-end: 0;\n }\n }\n & .col2 {\n flex-basis: 61%;\n grid-column-start: five-start;\n grid-column-end: five-end;\n }\n & .col12 {\n flex-basis: 100%;\n grid-column-start: three-start;\n grid-column-end: five-end;\n }\n}\n\n.grid-five-three {\n & .col1, & .col2 { padding-inline-start: 16px; padding-inline-end: 16px; }\n @media (--medium) {\n display: flex;\n padding-inline-start: 32px;\n padding-inline-end: 32px;\n @supports (display: grid) {\n display: grid;\n grid-column-gap: 32px;\n padding: 0;\n max-width: none;\n grid-template-columns: [complete-start] 0 [three-start five-start] 1fr [three-end five-end] 0 [complete-end];\n @media (--medium) {\n grid-template-columns: [complete-start] minmax(16px, 1fr) [five-start] repeat(5, minmax(0, 130px)) [five-end three-start] repeat(3, minmax(0, 130px)) [three-end] minmax(16px, 1fr) [complete-end];\n }\n }\n & .col1, & .col2 { padding: 0; }\n }\n & .col1, & .col2 { flex-shrink: 1; }\n & .col1 {\n flex: 1 1 62%;\n grid-column-start: five-start;\n grid-column-end: five-end;\n margin-inline-end: 32px;\n @supports (display: grid) {\n margin-inline-end: 0;\n }\n }\n & .col2 {\n flex: 1 1 37%;\n grid-column-start: three-start;\n grid-column-end: three-end;\n }\n & .col12 {\n flex-basis: 100%;\n grid-column-start: five-start;\n grid-column-end: three-end;\n }\n}\n\n.grid-4q {\n display: flex;\n padding-inline-start: 32px;\n padding-inline-end: 32px;\n @supports (display: grid) {\n display: grid;\n grid-column-gap: 32px;\n padding: 0;\n max-width: none;\n grid-template-columns: [complete-start] 0 [q1-start q2-start q3-start q4-start] 1fr [q1-end q2-end q3-end q4-end] 0 [complete-end];\n @media (--large) {\n grid-template-columns: [complete-start] minmax(16px, 1fr) [content-start q1-start] repeat(2, minmax(0, 130px)) [q1-end q2-start] repeat(2, minmax(0, 130px)) [q2-end q3-start] repeat(2, minmax(0, 130px)) [q3-end q4-start] repeat(2, minmax(0, 130px)) [q4-end content-end] minmax(16px, 1fr) [complete-end];\n }\n }\n &.nogap {\n grid-template-columns: [complete-start] 0 [q1-start q2-start q3-start q4-start] 1fr [q1-end q2-end q3-end q4-end] 0 [complete-end];\n @media (--large) {\n grid-template-columns: [complete-start] minmax(16px, 1fr) [content-start q1-start] repeat(2, minmax(0, 158px)) [q1-end q2-start] repeat(2, minmax(0, 158px)) [q2-end q3-start] repeat(2, minmax(0, 158px)) [q3-end q4-start] repeat(2, minmax(0, 158px)) [q4-end content-end] minmax(16px, 1fr) [complete-end];\n }\n grid-column-gap: 0;\n }\n\n & .q1-start {\n flex-basis:25%;\n flex-shrink: 1;\n margin-inline-end: 32px;\n grid-column-start: q1-start;\n }\n & .q2-start {\n flex-basis:25%;\n flex-shrink: 1;\n margin-inline-end: 32px;\n grid-column-start: q2-start;\n }\n & .q3-start {\n flex-basis:25%;\n flex-shrink: 1;\n margin-inline-end: 32px;\n grid-column-start: q3-start;\n }\n & .q4-start {\n flex-basis:25%;\n flex-shrink: 1;\n margin-inline-end: 32px;\n grid-column-start: q4-start;\n }\n & .q1-end {\n grid-column-end: q1-end;\n }\n & .q2-end {\n grid-column-end: q2-end;\n }\n & .q3-end {\n grid-column-end: q3-end;\n }\n & .q4-end {\n grid-column-end: q4-end;\n margin-inline-end: 0;\n }\n & .q1-start.q2-end,\n & .q2-start.q3-end,\n & .q3-start.q4-end {\n flex-basis: 50%;\n }\n & .q1-start.q3-end,\n & .q2-start.q4-end {\n flex-basis: 75%;\n }\n\n &.nogap {\n & .q1-start,\n & .q2-start,\n & .q3-start,\n & .q4-start {\n margin-inline-end: 0;\n }\n }\n\n @supports(display: grid) {\n & .q1-start,\n & .q2-start,\n & .q3-start,\n & .q4-start {\n margin-inline-end: 0;\n }\n }\n}\n\n.leftcol {\n & nav {\n flex-basis: 24.25%;\n flex-shrink: 0;\n }\n & main {\n grid-area: content;\n flex: 1;\n margin-inline-start: 32px;\n @supports (display: grid) {\n margin-inline-start: 0;\n }\n }\n}\n\n.grid-line-right {\n @media (--medium) {\n border-inline-end: 1px solid var(--line-grey);\n margin-inline-end: -17px !important;\n padding-inline-end: 17px !important;\n }\n}\n\n.grid-line-left {\n @media (--medium) {\n border-inline-start: 1px solid var(--line-grey);\n margin-inline-start: -16px !important;\n padding-inline-start: 16px !important;\n }\n}\n\n.media-wrapper, .able-media-container {\n position: relative;\n padding-top: 56.25%;\n & iframe, & video, & .img {\n position: absolute;\n top:0;\n right: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: none;\n }\n}\n\n.contentarea {\n position: relative;\n}\n\nimg.symbol {\n float: inline-end;\n margin-inline-start: 1em;\n margin-block-end: 1em;\n}\n\nmain img { max-width: 100%; }\n\nfigure { margin: 0 0 1em; }\nfigcaption { font-weight: bold; border-block-end: 1px solid var(--line-grey); margin-block-end: .5em;}",":root {\n --w3c-classic: #005A9C;\n --w3c-blue: #003366;\n --wai-green: #005A6A;\n --off-black: #1d1d1d;\n --dk-grey: #3b3b3b;\n --faded-red: #c0272d;\n --light-blue: #196cac;\n --dk-blue: #091832;\n --gold: rgb(238, 208, 9);\n --gold-light: rgba(238, 208, 9, .35);\n --ocean: #00818d;\n --cloudy: #bccbd3;\n --grey: #686868;\n --line-grey: #ddd;\n --trans-line-grey: rgba(221, 221, 221, 0.32);\n --off-white: #f2f2f2;\n --body-bg: #FAFAFC;\n --lt-off-white: #fafafa;\n --pure-white: #ffffff;\n --white-transparent: rgba(255, 255, 255, 0.92);;\n --visited-link: #660066;\n --footer-grey: #efefef;\n}\n\n/*\n@media(prefers-color-scheme: dark) {\n :root {\n --w3c-classic: #005A9C;\n --w3c-blue: #003366;\n --wai-green: #005A6A;\n --off-black: #f2d2d2;\n --dk-grey: #3b3b3b;\n --faded-red: #c0272d;\n --light-blue: #196cac;\n --dk-blue: #091832;\n --gold: #eed009;\n --ocean: #00818d;\n --cloudy: #bccbd3;\n --grey: #686868;\n --line-grey: #aaa;\n --trans-line-grey: rgba(34, 34, 34, 0.32);\n --off-white: #0c0c0c;\n --body-bg: #1d1d1d;\n --lt-off-white: #050505;\n --pure-white: #000000;\n --white-transparent: rgba(0, 0, 0, 0.92);\n --visited-link: #660066;\n --footer-grey: #efefef;\n }\n}\n*/\n\n.visuallyhidden, .no-display {\n border: 0;\n clip: rect(0 0 0 0);\n -webkit-clip-path: inset(50%);\n clip-path: inset(50%);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n white-space: nowrap\n}\n\n.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus, .no-display.focusable:active, .no-display.focusable:focus {\n clip: auto;\n -webkit-clip-path: none;\n clip-path: none;\n height: auto;\n margin: 0;\n overflow: visible;\n position: static;\n width: auto;\n white-space: inherit;\n }\n\n@font-face {\n font-family: 'Noto Sans';\n src: url('../fonts/notosans/notosans-regular.woff2') format('woff2'),\n url('../fonts/notosans/notosans-regular.woff') format('woff');\n font-weight: 400;\n font-style: normal;\n}\n\n@font-face {\n font-family: 'Noto Sans';\n src: url('../fonts/notosans/notosans-italic.woff2') format('woff2'),\n url('../fonts/notosans/notosans-italic.woff') format('woff');\n font-weight: 400;\n font-style: italic;\n}\n\n@font-face {\n font-family: 'Noto Sans';\n src: url('../fonts/notosans/notosans-bold.woff2') format('woff2'),\n url('../fonts/notosans/notosans-bold.woff') format('woff');\n font-weight: 600;\n font-style: normal;\n}\n\n@font-face {\n font-family: 'Noto Sans';\n src: url('../fonts/notosans/notosans-bolditalic.woff2') format('woff2'),\n url('../fonts/notosans/notosans-bolditalic.woff') format('woff');\n font-weight: 600;\n font-style: italic;\n}\n\n@font-face {\n font-family: 'Noto Sans Mono';\n src: url('../fonts/notosansmono/notosansmono-semicondensed.woff2') format('woff2'),\n url('../fonts/notosansmono/notosansmono-semicondensed.woff') format('woff');\n font-weight: 400;\n font-style: normal;\n}\n\n@font-face {\n font-family: 'Noto Sans Mono';\n src: url('../fonts/notosansmono/notosansmono-semicondensedbold.woff2') format('woff2'),\n url('../fonts/notosansmono/notosansmono-semicondensedbold.woff') format('woff');\n font-weight: 600;\n font-style: normal;\n}\n\n@font-face {\n font-family: 'Noto Naskh Arabic Minimal';\n src: url('../fonts/notonaskh/regular-minimal.woff2') format('woff2'),\n url('../fonts/notonaskh/regular-minimal.woff') format('woff');\n font-weight: normal;\n font-style: normal;\n}\n\n@font-face {\n font-family: 'Noto Naskh Arabic Minimal';\n src: url('../fonts/notonaskh/bold-minimal.woff2') format('woff2'),\n url('../fonts/notonaskh/bold-minimal.woff') format('woff');\n font-weight: bold;\n font-style: normal;\n}\n\n@font-face {\n font-family: 'Noto Naskh Arabic';\n src: url('../fonts/notonaskh/regular.woff2') format('woff2'),\n url('../fonts/notonaskh/regular.woff') format('woff');\n font-weight: normal;\n font-style: normal;\n}\n\n@font-face {\n font-family: 'Noto Naskh Arabic';\n src: url('../fonts/notonaskh/bold.woff2') format('woff2'),\n url('../fonts/notonaskh/bold.woff') format('woff');\n font-weight: bold;\n font-style: normal;\n}\n\nhtml {\n background-color: #f2f2f2;\n background-color: var(--off-white)\n}\n\n@media print {\n\nhtml {\n background-color: #fff\n}\n }\n\nbody {\n font-family: \"Noto Sans\", \"Trebuchet MS\", \"Helvetica Neue\", Arial, sans-serif;\n line-height: 1.5;\n font-size: 16px;\n font-size: 1rem;\n -webkit-text-decoration-skip-ink: none;\n text-decoration-skip-ink: none;\n background-color: #FAFAFC;\n background-color: var(--body-bg);\n color: #1d1d1d;\n color: var(--off-black);\n padding: 0;\n padding: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);\n margin: 0 auto;\n max-width: 1250px\n}\n\n@supports (display: grid) {\n\nbody {\n max-width: none;\n margin: 0\n}\n }\n\n@media print {\n\nbody {\n color: #000;\n background-color: #fff;\n font-size: 10pt;\n -webkit-text-decoration-skip-ink: none;\n text-decoration-skip-ink: none\n}\n }\n\nbody:lang(ar) {\n font-family: \"Noto Naskh Arabic\", \"Noto Sans\", \"Trebuchet MS\", \"Helvetica Neue\", Arial, sans-serif;\n}\n\nbody:not(:lang(ar)) *:lang(ar) {\n font-family: \"Noto Naskh Arabic Minimal\", \"Noto Sans\", \"Trebuchet MS\", \"Helvetica Neue\", Arial, sans-serif;\n}\n\ncode {\n font-size: 1em;\n font-family: 'Noto Sans Mono', monospace;\n}\n\na {\n color: #003366;\n color: var(--w3c-blue)\n}\n\na:hover,a:focus {\n color: #005A6A;\n color: var(--wai-green);\n }\n\na:visited {\n color: #660066;\n color: var(--visited-link);\n }\n\na.stealthy-link {\n text-decoration: none\n }\n\na.stealthy-link:hover,a.stealthy-link:focus {\n color: inherit;\n }\n\na.stealthy-link:visited {\n color: inherit;\n }\n\n@media print {\n a {\n color: #000;\n }\n a[href^=\"#\"]:after {\n content: '(⇘ ' attr(href) ')';\n }\n a[href^=\"http\"]:after {\n content: ' (' attr(href) ')';\n }\n a[href^=\"/WAI/\"]:after {\n content: ' (https://www.w3.org' attr(href) ')';\n }\n }\n\na, button, input, select, submit, textarea, [tabindex]:not([tabindex=\"-1\"]) {\n outline: 2px solid transparent;\n outline-offset: 5px;\n -webkit-transition: outline-offset .2s linear;\n transition: outline-offset .2s linear;\n}\n\na:focus, button:focus, input:focus, select:focus, submit:focus, textarea:focus, [tabindex]:not([tabindex=\"-1\"]):focus {\n outline-color: currentColor;\n outline-offset: 2px;\n}\n\n.default-container, .default-grid {\n padding: 0 32px\n}\n\n@media (min-width: 35em) {\n\n.default-container, .default-grid {\n padding:0\n}\n }\n\n.default-grid {\n padding: 0 16px\n}\n\n@media (min-width: 60em) {\n\n[dir=\"ltr\"] .default-grid {\n padding-left: 32px;\n }\n\n[dir=\"rtl\"] .default-grid {\n padding-right: 32px;\n }\n\n[dir=\"ltr\"] .default-grid {\n padding-right: 32px;\n }\n\n[dir=\"rtl\"] .default-grid {\n padding-left: 32px;\n }\n\n.default-grid {\n padding:0;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex\n}\n @supports (display: grid) {\n\n.default-grid {\n display: grid;\n grid-column-gap: 32px;\n padding: 0;\n max-width: none;\n grid-template-columns: [complete-start] minmax(16px, 1fr) [navigation-start] repeat(2, minmax(0, 130px)) [navigation-end content-start] repeat(6, minmax(0, 130px)) [content-end] minmax(16px, 1fr) [complete-end]\n}\n }\n .default-grid .inner {\n grid-column-start: navigation-start;\n grid-column-end: content-end;\n }\n }\n\n@media print {\n\n.default-grid {\n display: block\n}\n }\n\n@media (min-width: 60em) {\n\n[dir=\"ltr\"] .grid-3 {\n padding-left: 32px;\n }\n\n[dir=\"rtl\"] .grid-3 {\n padding-right: 32px;\n }\n\n[dir=\"ltr\"] .grid-3 {\n padding-right: 32px;\n }\n\n[dir=\"rtl\"] .grid-3 {\n padding-left: 32px;\n }\n\n.grid-3 {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex\n\n}\n @supports (display: grid) {\n\n.grid-3 {\n display: grid;\n grid-column-gap: 32px;\n padding: 0;\n max-width: none;\n grid-template-columns: repeat(3, minmax(0, 1fr))\n\n}\n }\n .grid-3.nogap { grid-column-gap: 0; }\n }\n\n.grid-3 .col1, .grid-3 .from-col1 { grid-column-start: 1; }\n\n.grid-3 .col1, .grid-3 .to-col1 { grid-column-end: 2; }\n\n.grid-3 .col2, .grid-3 .from-col2 { grid-column-start: 2; }\n\n.grid-3 .col2, .grid-3 .to-col2 { grid-column-end: 3; }\n\n.grid-3 .col3, .grid-3 .from-col3 { grid-column-start: 3; }\n\n.grid-3 .col3, .grid-3 .to-col3 { grid-column-end: 4; }\n\n@media (min-width: 60em) {\n\n[dir=\"ltr\"] .grid-4 {\n padding-left: 32px;\n }\n\n[dir=\"rtl\"] .grid-4 {\n padding-right: 32px;\n }\n\n[dir=\"ltr\"] .grid-4 {\n padding-right: 32px;\n }\n\n[dir=\"rtl\"] .grid-4 {\n padding-left: 32px;\n }\n\n.grid-4 {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex\n\n}\n @supports (display: grid) {\n\n.grid-4 {\n display: grid;\n grid-column-gap: 32px;\n padding: 0;\n max-width: none;\n grid-template-columns: repeat(4, minmax(0, 1fr))\n\n}\n }\n .grid-4.nogap { grid-column-gap: 0; }\n }\n\n.grid-4 .col1, .grid-4 .from-col1 { grid-column-start: 1; }\n\n.grid-4 .col1, .grid-4 .to-col1 { grid-column-end: 2; }\n\n.grid-4 .col2, .grid-4 .from-col2 { grid-column-start: 2; }\n\n.grid-4 .col2, .grid-4 .to-col2 { grid-column-end: 3; }\n\n.grid-4 .col3, .grid-4 .from-col3 { grid-column-start: 3; }\n\n.grid-4 .col3, .grid-4 .to-col3 { grid-column-end: 4; }\n\n.grid-4 .col4, .grid-4 .from-col4 { grid-column-start: 4; }\n\n.grid-4 .col4, .grid-4 .to-col4 { grid-column-end: 5; }\n\n@media (min-width: 60em) {\n\n[dir=\"ltr\"] .grid-6 {\n padding-left: 32px;\n }\n\n[dir=\"rtl\"] .grid-6 {\n padding-right: 32px;\n }\n\n[dir=\"ltr\"] .grid-6 {\n padding-right: 32px;\n }\n\n[dir=\"rtl\"] .grid-6 {\n padding-left: 32px;\n }\n\n.grid-6 {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex\n}\n @supports (display: grid) {\n\n.grid-6 {\n display: grid;\n grid-column-gap: 32px;\n padding: 0;\n max-width: none;\n grid-template-columns: repeat(6, minmax(0, 1fr))\n}\n }\n }\n\n.grid-6 .col1, .grid-6 .from-col1 { grid-column-start: 1; }\n\n.grid-6 .col1, .grid-6 .to-col1 { grid-column-end: 2; }\n\n.grid-6 .col2, .grid-6 .from-col2 { grid-column-start: 2; }\n\n.grid-6 .col2, .grid-6 .to-col2 { grid-column-end: 3; }\n\n.grid-6 .col3, .grid-6 .from-col3 { grid-column-start: 3; }\n\n.grid-6 .col3, .grid-6 .to-col3 { grid-column-end: 4; }\n\n.grid-6 .col4, .grid-6 .from-col4 { grid-column-start: 4; }\n\n.grid-6 .col4, .grid-6 .to-col4 { grid-column-end: 5; }\n\n.grid-6 .col5, .grid-6 .from-col5 { grid-column-start: 5; }\n\n.grid-6 .col5, .grid-6 .to-col5 { grid-column-end: 6; }\n\n.grid-6 .col6, .grid-6 .from-col6 { grid-column-start: 6; }\n\n.grid-6 .col6, .grid-6 .to-col6 { grid-column-end: 7; }\n\n.grid-6 {\n\n /* IE fixes: */\n}\n\n.grid-6 .col1, .grid-6 .col2, .grid-6 .col3, .grid-6 .col4, .grid-6 .col5, .grid-6 .col6, .grid-6.from-col1, .grid-6 .from-col2, .grid-6 .from-col3, .grid-6 .from-col4, .grid-6 .from-col5, .grid-6 .from-col6 {-ms-flex-preferred-size: 25%;flex-basis: 25%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1;}\n\n[dir=\"ltr\"] .grid-6 .col2,[dir=\"ltr\"] .grid-6 .col3,[dir=\"ltr\"] .grid-6 .col4,[dir=\"ltr\"] .grid-6 .col5,[dir=\"ltr\"] .grid-6 .col6,[dir=\"ltr\"] .grid-6 .from-col2,[dir=\"ltr\"] .grid-6 .from-col3,[dir=\"ltr\"] .grid-6 .from-col4,[dir=\"ltr\"] .grid-6 .from-col5,[dir=\"ltr\"] .grid-6 .from-col6 {margin-left: 32px;\n}\n\n[dir=\"rtl\"] .grid-6 .col2,[dir=\"rtl\"] .grid-6 .col3,[dir=\"rtl\"] .grid-6 .col4,[dir=\"rtl\"] .grid-6 .col5,[dir=\"rtl\"] .grid-6 .col6,[dir=\"rtl\"] .grid-6 .from-col2,[dir=\"rtl\"] .grid-6 .from-col3,[dir=\"rtl\"] .grid-6 .from-col4,[dir=\"rtl\"] .grid-6 .from-col5,[dir=\"rtl\"] .grid-6 .from-col6 {margin-right: 32px;\n}\n\n@supports (display: grid) {\n [dir=\"ltr\"] .grid-6 .col2,[dir=\"ltr\"] .grid-6 .col3,[dir=\"ltr\"] .grid-6 .col4,[dir=\"ltr\"] .grid-6 .col5,[dir=\"ltr\"] .grid-6 .col6,[dir=\"ltr\"] .grid-6 .from-col2,[dir=\"ltr\"] .grid-6 .from-col3,[dir=\"ltr\"] .grid-6 .from-col4,[dir=\"ltr\"] .grid-6 .from-col5,[dir=\"ltr\"] .grid-6 .from-col6 {margin-left: 0;\n }\n [dir=\"rtl\"] .grid-6 .col2,[dir=\"rtl\"] .grid-6 .col3,[dir=\"rtl\"] .grid-6 .col4,[dir=\"rtl\"] .grid-6 .col5,[dir=\"rtl\"] .grid-6 .col6,[dir=\"rtl\"] .grid-6 .from-col2,[dir=\"rtl\"] .grid-6 .from-col3,[dir=\"rtl\"] .grid-6 .from-col4,[dir=\"rtl\"] .grid-6 .from-col5,[dir=\"rtl\"] .grid-6 .from-col6 {margin-right: 0;\n }\n }\n\n.grid-6.from-col1.to-col6 {\n width: 100%;\n }\n\n[dir=\"ltr\"] .grid-three-five .col1,[dir=\"ltr\"] .grid-three-five .col2 { padding-left: 16px;\n}\n\n[dir=\"rtl\"] .grid-three-five .col1,[dir=\"rtl\"] .grid-three-five .col2 { padding-right: 16px;\n}\n\n[dir=\"ltr\"] .grid-three-five .col1,[dir=\"ltr\"] .grid-three-five .col2 { padding-right: 16px;\n}\n\n[dir=\"rtl\"] .grid-three-five .col1,[dir=\"rtl\"] .grid-three-five .col2 { padding-left: 16px;\n}\n\n@media (min-width: 35em) {\n\n[dir=\"ltr\"] .grid-three-five {\n padding-left: 32px;\n }\n\n[dir=\"rtl\"] .grid-three-five {\n padding-right: 32px;\n }\n\n[dir=\"ltr\"] .grid-three-five {\n padding-right: 32px;\n }\n\n[dir=\"rtl\"] .grid-three-five {\n padding-left: 32px;\n }\n\n.grid-three-five {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex\n}\n @supports (display: grid) {\n\n.grid-three-five {\n display: grid;\n grid-column-gap: 32px;\n padding: 0;\n max-width: none;\n grid-template-columns: [complete-start] 0 [three-start five-start] 1fr [three-end five-end] 0 [complete-end]\n}\n @media (min-width: 35em) {\n\n.grid-three-five {\n grid-template-columns: [complete-start] minmax(16px, 1fr) [three-start] repeat(3, minmax(0, 130px)) [three-end five-start] repeat(5, minmax(0, 130px)) [five-end] minmax(16px, 1fr) [complete-end]\n}\n }\n }\n .grid-three-five .col1, .grid-three-five .col2 { padding: 0; }\n }\n\n.grid-three-five .col1, .grid-three-five .col2 { -ms-flex-negative: 1; flex-shrink: 1; }\n\n[dir=\"ltr\"] .grid-three-five .col1 {\n margin-right: 32px;\n}\n\n[dir=\"rtl\"] .grid-three-five .col1 {\n margin-left: 32px;\n}\n\n.grid-three-five .col1 {\n -ms-flex-preferred-size: 35%;\n flex-basis: 35%;\n grid-column-start: three-start;\n grid-column-end: three-end\n }\n\n@supports (display: grid) {\n\n[dir=\"ltr\"] .grid-three-five .col1 {\n margin-right: 0;\n }\n\n[dir=\"rtl\"] .grid-three-five .col1 {\n margin-left: 0;\n }\n }\n\n.grid-three-five .col2 {\n -ms-flex-preferred-size: 61%;\n flex-basis: 61%;\n grid-column-start: five-start;\n grid-column-end: five-end;\n }\n\n.grid-three-five .col12 {\n -ms-flex-preferred-size: 100%;\n flex-basis: 100%;\n grid-column-start: three-start;\n grid-column-end: five-end;\n }\n\n[dir=\"ltr\"] .grid-five-three .col1,[dir=\"ltr\"] .grid-five-three .col2 { padding-left: 16px;\n}\n\n[dir=\"rtl\"] .grid-five-three .col1,[dir=\"rtl\"] .grid-five-three .col2 { padding-right: 16px;\n}\n\n[dir=\"ltr\"] .grid-five-three .col1,[dir=\"ltr\"] .grid-five-three .col2 { padding-right: 16px;\n}\n\n[dir=\"rtl\"] .grid-five-three .col1,[dir=\"rtl\"] .grid-five-three .col2 { padding-left: 16px;\n}\n\n@media (min-width: 35em) {\n\n[dir=\"ltr\"] .grid-five-three {\n padding-left: 32px;\n }\n\n[dir=\"rtl\"] .grid-five-three {\n padding-right: 32px;\n }\n\n[dir=\"ltr\"] .grid-five-three {\n padding-right: 32px;\n }\n\n[dir=\"rtl\"] .grid-five-three {\n padding-left: 32px;\n }\n\n.grid-five-three {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex\n}\n @supports (display: grid) {\n\n.grid-five-three {\n display: grid;\n grid-column-gap: 32px;\n padding: 0;\n max-width: none;\n grid-template-columns: [complete-start] 0 [three-start five-start] 1fr [three-end five-end] 0 [complete-end]\n}\n @media (min-width: 35em) {\n\n.grid-five-three {\n grid-template-columns: [complete-start] minmax(16px, 1fr) [five-start] repeat(5, minmax(0, 130px)) [five-end three-start] repeat(3, minmax(0, 130px)) [three-end] minmax(16px, 1fr) [complete-end]\n}\n }\n }\n .grid-five-three .col1, .grid-five-three .col2 { padding: 0; }\n }\n\n.grid-five-three .col1, .grid-five-three .col2 { -ms-flex-negative: 1; flex-shrink: 1; }\n\n[dir=\"ltr\"] .grid-five-three .col1 {\n margin-right: 32px;\n}\n\n[dir=\"rtl\"] .grid-five-three .col1 {\n margin-left: 32px;\n}\n\n.grid-five-three .col1 {\n -webkit-box-flex: 1;\n -ms-flex: 1 1 62%;\n flex: 1 1 62%;\n grid-column-start: five-start;\n grid-column-end: five-end\n }\n\n@supports (display: grid) {\n\n[dir=\"ltr\"] .grid-five-three .col1 {\n margin-right: 0;\n }\n\n[dir=\"rtl\"] .grid-five-three .col1 {\n margin-left: 0;\n }\n }\n\n.grid-five-three .col2 {\n -webkit-box-flex: 1;\n -ms-flex: 1 1 37%;\n flex: 1 1 37%;\n grid-column-start: three-start;\n grid-column-end: three-end;\n }\n\n.grid-five-three .col12 {\n -ms-flex-preferred-size: 100%;\n flex-basis: 100%;\n grid-column-start: five-start;\n grid-column-end: three-end;\n }\n\n[dir=\"ltr\"] .grid-4q {\n padding-left: 32px;\n}\n\n[dir=\"rtl\"] .grid-4q {\n padding-right: 32px;\n}\n\n[dir=\"ltr\"] .grid-4q {\n padding-right: 32px;\n}\n\n[dir=\"rtl\"] .grid-4q {\n padding-left: 32px;\n}\n\n.grid-4q {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex\n}\n\n@supports (display: grid) {\n\n.grid-4q {\n display: grid;\n grid-column-gap: 32px;\n padding: 0;\n max-width: none;\n grid-template-columns: [complete-start] 0 [q1-start q2-start q3-start q4-start] 1fr [q1-end q2-end q3-end q4-end] 0 [complete-end]\n}\n @media (min-width: 60em) {\n\n.grid-4q {\n grid-template-columns: [complete-start] minmax(16px, 1fr) [content-start q1-start] repeat(2, minmax(0, 130px)) [q1-end q2-start] repeat(2, minmax(0, 130px)) [q2-end q3-start] repeat(2, minmax(0, 130px)) [q3-end q4-start] repeat(2, minmax(0, 130px)) [q4-end content-end] minmax(16px, 1fr) [complete-end]\n}\n }\n }\n\n.grid-4q.nogap {\n grid-template-columns: [complete-start] 0 [q1-start q2-start q3-start q4-start] 1fr [q1-end q2-end q3-end q4-end] 0 [complete-end];\n }\n\n@media (min-width: 60em) {\n\n.grid-4q.nogap {\n grid-template-columns: [complete-start] minmax(16px, 1fr) [content-start q1-start] repeat(2, minmax(0, 158px)) [q1-end q2-start] repeat(2, minmax(0, 158px)) [q2-end q3-start] repeat(2, minmax(0, 158px)) [q3-end q4-start] repeat(2, minmax(0, 158px)) [q4-end content-end] minmax(16px, 1fr) [complete-end];\n }\n }\n\n.grid-4q.nogap {\n grid-column-gap: 0;\n }\n\n[dir=\"ltr\"] .grid-4q .q1-start {\n margin-right: 32px;\n}\n\n[dir=\"rtl\"] .grid-4q .q1-start {\n margin-left: 32px;\n}\n\n.grid-4q .q1-start {\n -ms-flex-preferred-size:25%;\n flex-basis:25%;\n -ms-flex-negative: 1;\n flex-shrink: 1;\n grid-column-start: q1-start;\n }\n\n[dir=\"ltr\"] .grid-4q .q2-start {\n margin-right: 32px;\n}\n\n[dir=\"rtl\"] .grid-4q .q2-start {\n margin-left: 32px;\n}\n\n.grid-4q .q2-start {\n -ms-flex-preferred-size:25%;\n flex-basis:25%;\n -ms-flex-negative: 1;\n flex-shrink: 1;\n grid-column-start: q2-start;\n }\n\n[dir=\"ltr\"] .grid-4q .q3-start {\n margin-right: 32px;\n}\n\n[dir=\"rtl\"] .grid-4q .q3-start {\n margin-left: 32px;\n}\n\n.grid-4q .q3-start {\n -ms-flex-preferred-size:25%;\n flex-basis:25%;\n -ms-flex-negative: 1;\n flex-shrink: 1;\n grid-column-start: q3-start;\n }\n\n[dir=\"ltr\"] .grid-4q .q4-start {\n margin-right: 32px;\n}\n\n[dir=\"rtl\"] .grid-4q .q4-start {\n margin-left: 32px;\n}\n\n.grid-4q .q4-start {\n -ms-flex-preferred-size:25%;\n flex-basis:25%;\n -ms-flex-negative: 1;\n flex-shrink: 1;\n grid-column-start: q4-start;\n }\n\n.grid-4q .q1-end {\n grid-column-end: q1-end;\n }\n\n.grid-4q .q2-end {\n grid-column-end: q2-end;\n }\n\n.grid-4q .q3-end {\n grid-column-end: q3-end;\n }\n\n[dir=\"ltr\"] .grid-4q .q4-end {\n margin-right: 0;\n}\n\n[dir=\"rtl\"] .grid-4q .q4-end {\n margin-left: 0;\n}\n\n.grid-4q .q4-end {\n grid-column-end: q4-end;\n }\n\n.grid-4q .q1-start.q2-end,\n .grid-4q .q2-start.q3-end,\n .grid-4q .q3-start.q4-end {\n -ms-flex-preferred-size: 50%;\n flex-basis: 50%;\n }\n\n.grid-4q .q1-start.q3-end,\n .grid-4q .q2-start.q4-end {\n -ms-flex-preferred-size: 75%;\n flex-basis: 75%;\n }\n\n[dir=\"ltr\"] .grid-4q.nogap .q1-start,[dir=\"ltr\"] \n .grid-4q.nogap .q2-start,[dir=\"ltr\"] \n .grid-4q.nogap .q3-start,[dir=\"ltr\"] \n .grid-4q.nogap .q4-start {\n margin-right: 0;\n}\n\n[dir=\"rtl\"] .grid-4q.nogap .q1-start,[dir=\"rtl\"] \n .grid-4q.nogap .q2-start,[dir=\"rtl\"] \n .grid-4q.nogap .q3-start,[dir=\"rtl\"] \n .grid-4q.nogap .q4-start {\n margin-left: 0;\n}\n\n@supports(display: grid) {\n [dir=\"ltr\"] .grid-4q .q1-start,[dir=\"ltr\"] \n .grid-4q .q2-start,[dir=\"ltr\"] \n .grid-4q .q3-start,[dir=\"ltr\"] \n .grid-4q .q4-start {\n margin-right: 0;\n }\n [dir=\"rtl\"] .grid-4q .q1-start,[dir=\"rtl\"] \n .grid-4q .q2-start,[dir=\"rtl\"] \n .grid-4q .q3-start,[dir=\"rtl\"] \n .grid-4q .q4-start {\n margin-left: 0;\n }\n }\n\n.leftcol nav {\n -ms-flex-preferred-size: 24.25%;\n flex-basis: 24.25%;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n }\n\n[dir=\"ltr\"] .leftcol main {\n margin-left: 32px;\n}\n\n[dir=\"rtl\"] .leftcol main {\n margin-right: 32px;\n}\n\n.leftcol main {\n grid-area: content;\n -webkit-box-flex: 1;\n -ms-flex: 1;\n flex: 1\n }\n\n@supports (display: grid) {\n\n[dir=\"ltr\"] .leftcol main {\n margin-left: 0;\n }\n\n[dir=\"rtl\"] .leftcol main {\n margin-right: 0;\n }\n }\n\n@media (min-width: 35em) {\n\n[dir=\"ltr\"] .grid-line-right {\n border-right: 1px solid #ddd;\n }\n\n[dir=\"rtl\"] .grid-line-right {\n border-left: 1px solid #ddd;\n }\n\n[dir=\"ltr\"] .grid-line-right {\n border-right: 1px solid var(--line-grey);\n }\n\n[dir=\"rtl\"] .grid-line-right {\n border-left: 1px solid var(--line-grey);\n }\n\n[dir=\"ltr\"] .grid-line-right {\n margin-right: -17px !important;\n }\n\n[dir=\"rtl\"] .grid-line-right {\n margin-left: -17px !important;\n }\n\n[dir=\"ltr\"] .grid-line-right {\n padding-right: 17px !important;\n }\n\n[dir=\"rtl\"] .grid-line-right {\n padding-left: 17px !important;\n }\n }\n\n@media (min-width: 35em) {\n\n[dir=\"ltr\"] .grid-line-left {\n border-left: 1px solid #ddd;\n }\n\n[dir=\"rtl\"] .grid-line-left {\n border-right: 1px solid #ddd;\n }\n\n[dir=\"ltr\"] .grid-line-left {\n border-left: 1px solid var(--line-grey);\n }\n\n[dir=\"rtl\"] .grid-line-left {\n border-right: 1px solid var(--line-grey);\n }\n\n[dir=\"ltr\"] .grid-line-left {\n margin-left: -16px !important;\n }\n\n[dir=\"rtl\"] .grid-line-left {\n margin-right: -16px !important;\n }\n\n[dir=\"ltr\"] .grid-line-left {\n padding-left: 16px !important;\n }\n\n[dir=\"rtl\"] .grid-line-left {\n padding-right: 16px !important;\n }\n }\n\n.media-wrapper, .able-media-container {\n position: relative;\n padding-top: 56.25%\n}\n\n.media-wrapper iframe, .media-wrapper video, .media-wrapper .img, .able-media-container iframe, .able-media-container video, .able-media-container .img {\n position: absolute;\n top:0;\n right: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: none;\n }\n\n.contentarea {\n position: relative;\n}\n\n[dir=\"ltr\"] img.symbol {\n float: right;\n}\n\n[dir=\"rtl\"] img.symbol {\n float: left;\n}\n\n[dir=\"ltr\"] img.symbol {\n margin-left: 1em;\n}\n\n[dir=\"rtl\"] img.symbol {\n margin-right: 1em;\n}\n\nimg.symbol {\n margin-bottom: 1em;\n}\n\nmain img { max-width: 100%; }\n\nfigure { margin: 0 0 1em; }\n\nfigcaption { font-weight: bold; border-bottom: 1px solid #ddd; border-bottom: 1px solid var(--line-grey); margin-bottom: .5em;}\n\nbutton, .button {\n cursor: pointer;\n border-radius: 5px;\n display: inline-block;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n padding: 8px 12px;\n border: 2px solid #005A6A;\n border: 2px solid var(--wai-green);;\n font-size: 13px;;\n font-size: .8125rem;\n line-height: 1.4;\n color: #ffffff;\n color: var(--pure-white);\n background-color: #005A6A;\n background-color: var(--wai-green);\n text-decoration: none;\n font-weight: bold\n}\n\nbutton:visited, .button:visited {\n color: #ffffff;\n color: var(--pure-white);\n }\n\nbutton.button-nobg, .button.button-nobg {\n background: transparent\n }\n\nbutton.button-nobg:hover,button.button-nobg:focus, .button.button-nobg:hover, .button.button-nobg:focus {\n background-color: transparent;\n border-color: #ffffff;\n border-color: var(--pure-white)\n }\n\nbutton.button-noborder, .button.button-noborder {\n border-color: transparent\n }\n\nbutton.button-noborder:hover,button.button-noborder:focus, .button.button-noborder:hover, .button.button-noborder:focus {\n border-color: #ffffff;\n border-color: var(--pure-white)\n }\n\nbutton.button-small, .button.button-small {\n padding: 2px 4px;\n }\n\nbutton.button-inline, .button.button-inline {\n padding: 0;\n }\n\n.stealthy-link:hover span.button,.stealthy-link:focus span.button {\n background-color: #003366;\n background-color: var(--w3c-blue);\n color: #ffffff;\n color: var(--pure-white);\n }\n\nbutton:hover,button:focus, .button:hover, .button:focus {\n border-color: #003366;\n border-color: var(--w3c-blue);\n background-color: #003366;\n background-color: var(--w3c-blue);\n color: #ffffff;\n color: var(--pure-white);\n }\n\nbutton:focus, .button:focus {\n outline-color: #003366;\n outline-color: var(--w3c-blue);\n }\n\nbutton:disabled, .button:disabled {\n opacity: .75;\n text-decoration: line-through;\n }\n\n.button-secondary {\n background-color: #ffffff;\n background-color: var(--pure-white);\n color: #005A6A;\n color: var(--wai-green)\n}\n\n.button-secondary:visited {\n color: #003366;\n color: var(--w3c-blue)\n }\n\n.button-secondary:visited:hover,.button-secondary:visited:focus {\n color: #ffffff;\n color: var(--pure-white);\n }\n\n.button-backtotop {\n position: fixed;\n cursor: pointer;\n bottom: 16px;\n right: 16px;\n left: auto\n}\n\n[dir=\"rtl\"] .button-backtotop {\n right: auto;\n left: 16px;\n }\n\n.button-backtotop {\n opacity: 0.85;\n border-radius: 100px;\n background-color: #003366;\n background-color: var(--w3c-blue);\n border-color: #003366;\n border-color: var(--w3c-blue);\n -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);\n box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);\n opacity: 0;\n -webkit-transition: opacity .5s linear;\n transition: opacity .5s linear\n}\n\n.button-backtotop:focus,.button-backtotop.active {\n opacity: 1;\n }\n\n.button-backtotop svg {\n vertical-align: -1px;\n }\n\n[dir=\"ltr\"] .button-backtotop.inline {\n float: right;\n}\n\n[dir=\"rtl\"] .button-backtotop.inline {\n float: left;\n}\n\n.button-backtotop.inline {\n position:static;\n }\n\n.button-menu {\n text-transform: uppercase;\n background-color: #ffffff;\n background-color: var(--pure-white);\n color: #003366;\n color: var(--w3c-blue);\n border-color: rgb(238, 208, 9);\n border-color: var(--gold)\n}\n\n.button-menu:hover,.button-menu:focus {\n border-color: #ffffff;\n border-color: var(--pure-white);\n background-color: rgb(238, 208, 9);\n background-color: var(--gold);\n color: #1d1d1d;\n color: var(--off-black);\n }\n\n.button-group {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n margin: 0 -8px\n}\n\n.button-group button, .button-group .button {\n min-width: 7em;\n -webkit-box-flex: 1;\n -ms-flex: 1;\n flex: 1;\n text-align: center;\n margin: 8px;\n }\n\n[dir=\"ltr\"] img.left {\n float: left;\n}\n\n[dir=\"rtl\"] img.left {\n float: right;\n}\n\n[dir=\"ltr\"] img.left {\n margin-right: 1em;\n}\n\n[dir=\"rtl\"] img.left {\n margin-left: 1em;\n}\n\n[dir=\"ltr\"] img.right {\n clear: right;\n}\n\n[dir=\"rtl\"] img.right {\n clear: left;\n}\n\n[dir=\"ltr\"] img.right {\n float: right;\n}\n\n[dir=\"rtl\"] img.right {\n float: left;\n}\n\n[dir=\"ltr\"] img.right {\n margin-left: 1em;\n}\n\n[dir=\"rtl\"] img.right {\n margin-right: 1em;\n}\n\nmark {\n background-color: rgba(238, 208, 9, .35);\n background-color: var(--gold-light);\n}\n\np {\n margin: 1em 0;\n}\n\n.showhidebutton {\n display: inline;\n background: transparent;\n color: inherit;\n border-color: transparent;\n font-weight: normal\n}\n\n[dir=\"ltr\"] .showhidebutton:after {\n margin-left: .5em;\n}\n\n[dir=\"rtl\"] .showhidebutton:after {\n margin-right: .5em;\n}\n\n.showhidebutton:after {\n display: inline-block;\n background-color: #003366;\n background-color: var(--w3c-blue);\n color: #ffffff;\n color: var(--pure-white);\n content: \"–\";\n font-weight: bold;\n padding: .3em;\n border-radius: 3px;\n width: 1em;\n height: 1em;\n line-height: 1em;\n }\n\n.showhidebutton:hover:after,.showhidebutton:focus:after {\n color: #003366;\n color: var(--w3c-blue);\n background-color: #ffffff !important;\n background-color: var(--pure-white) !important;\n }\n\n.showhidebutton[aria-expanded=false]:after {\n content: \"+\";\n }\n\n.showhidebutton {\n /* &.button-inline:after {\n margin-inline-start: .2em;\n padding: .15em;\n border-radius: 3px;\n width: .85em;\n height: .85em;\n line-height: .85em;\n }*/\n}\n\nblockquote {\n font-style: italic;\n margin-bottom: 1em\n}\n\nblockquote cite {\n display: block;\n font-style: normal;\n /*color: var(--w3c-blue);*/\n padding-left: 32px;\n padding-left: 2rem\n }\n\n[dir=\"ltr\"] blockquote cite:before {\n margin-left: -32px;\n margin-left: -2rem;\n}\n\n[dir=\"rtl\"] blockquote cite:before {\n margin-right: -32px;\n margin-right: -2rem;\n}\n\nblockquote cite:before {\n content: \"— \";\n font-weight: bold;\n width: 32px;\n width: 2rem;\n display: inline-block;\n }\n\n[dir=\"ltr\"] blockquote p:first-of-type::before {\n margin-left: -.75ch;\n}\n\n[dir=\"rtl\"] blockquote p:first-of-type::before {\n margin-right: -.75ch;\n}\n\nblockquote p:first-of-type::before {\n content: '“';\n }\n\nblockquote p:last-of-type {\n margin-bottom: 0;\n }\n\nblockquote p:last-of-type::after {\n content: '”';\n }\n\nblockquote.special {\n text-align: center;\n }\n\n[dir=\"ltr\"] blockquote.pull {\n margin-left: 64px;\n margin-left: 4rem;\n}\n\n[dir=\"rtl\"] blockquote.pull {\n margin-right: 64px;\n margin-right: 4rem;\n}\n\n[dir=\"ltr\"] blockquote.pull {\n border-left: 2px solid #ddd;\n}\n\n[dir=\"rtl\"] blockquote.pull {\n border-right: 2px solid #ddd;\n}\n\n[dir=\"ltr\"] blockquote.pull {\n border-left: 2px solid var(--line-grey);\n}\n\n[dir=\"rtl\"] blockquote.pull {\n border-right: 2px solid var(--line-grey);\n}\n\nblockquote.pull {\n position: relative;\n font-size: 20px;\n font-size: 1.25rem;\n padding-left: 1ch;\n border: 1px solid transparent;\n color: #003366;\n color: var(--w3c-blue);\n font-weight: bold\n}\n\nblockquote.pull.right, blockquote.pull.left {\n max-width: 256px;\n max-width: 16rem;\n }\n\n[dir=\"ltr\"] blockquote.pull.right {\n float: right;\n}\n\n[dir=\"rtl\"] blockquote.pull.right {\n float: left;\n}\n\n[dir=\"ltr\"] blockquote.pull.left {\n float: left;\n}\n\n[dir=\"rtl\"] blockquote.pull.left {\n float: right;\n}\n\n[dir=\"ltr\"] blockquote.pull.left {\n margin-right: 32px;\n margin-right: 2rem;\n}\n\n[dir=\"rtl\"] blockquote.pull.left {\n margin-left: 32px;\n margin-left: 2rem;\n}\n\n[dir=\"ltr\"] blockquote.pull p:first-of-type::before {\n margin-left: -1.25ch;\n}\n\n[dir=\"rtl\"] blockquote.pull p:first-of-type::before {\n margin-right: -1.25ch;\n}\n\nblockquote.pull p:first-of-type::before {\n font-size: 80px;\n font-size: 5rem;\n position: absolute;\n left: 0;\n top:-.25ch;\n }\n\nblockquote.pull cite {\n margin-top: 8px;\n margin-top: .5rem;\n font-size: 16px;\n font-size: 1rem;\n font-weight: normal;\n color: #1d1d1d;\n color: var(--off-black);\n }\n\nblockquote.pull.alt-1 {\n color: #005A9C;\n color: var(--w3c-classic);\n }\n\nblockquote.pull.alt-2 {\n color: #005A6A;\n color: var(--wai-green);\n }\n\nblockquote.pull.alt-3 {\n color: #1d1d1d;\n color: var(--off-black);\n }\n\n.box {\n border: solid 1px #ddd;\n border: solid 1px var(--line-grey);\n margin-top: 16px;\n background-color: #ffffff;\n background-color: var(--pure-white);\n}\n\n.box + .box#toc {\n margin-top: 0;\n border-top: 0;\n}\n\n.box.box-space-above {\n margin-top: 90px;\n}\n\n.box-h {\n padding: 8px 16px;\n color: #005A6A;\n color: var(--wai-green)\n}\n\n@media print {\n\n.box-h {\n color: #000\n}\n }\n\n.box-h {\n font-weight: bold;\n background-color: #f2f2f2;\n background-color: var(--off-white)\n}\n\n.box-h h1, .box-h h2, .box-h h3, .box-h h4, .box-h h5, .box-h h6 {\n border: none;\n font-size: inherit;\n color: inherit;\n margin: 0;\n padding: 0;\n font-weight: inherit;\n display: inline-block\n }\n\n@supports (all: unset) {\n\n.box-h h1, .box-h h2, .box-h h3, .box-h h4, .box-h h5, .box-h h6 {\n all: unset\n }\n }\n\n.box-h-large {\n font-size: 20px;\n font-size: 1.25rem;\n color: #003366;\n color: var(--w3c-blue);\n padding-bottom: 7px;\n font-weight: normal;\n border-bottom: solid 1px #ddd;\n border-bottom: solid 1px var(--line-grey);\n}\n\n[dir=\"ltr\"] .box-h-icon svg {\n margin-right: 4px;\n}\n\n[dir=\"rtl\"] .box-h-icon svg {\n margin-left: 4px;\n}\n\n.box-i:before, .box-i:after {\n content: \" \";\n display: table;\n }\n\n.box-i:after {\n clear: both;\n }\n\n.box-i {\n padding: 8px 16px;\n font-size: 14/16 * 16px;\n font-size: 14/16 * 1rem\n}\n\n.box-i > :first-child {\n margin-top: 0;\n }\n\n.box-i > :last-child {\n margin-bottom: 0;\n }\n\n.box.box-list .box-i ul, .box.box-list .box-i ol {\n margin:0;\n padding: 0;\n list-style: none;\n }\n\n.box.box-linklist .box-i {\n padding: 0;\n }\n\n.box.box-simple .box-i {\n padding: 2px 8px 8px;\n }\n\n.box.box-simple .box-h-simple {\n padding: 8px 8px 2px;\n background-color: transparent;\n font-size: 14px;\n font-size: .875rem;\n line-height: 1.57;\n }\n\n.box.box-simple.box-aside .box-i {\n font-size: 14px;\n font-size: .875rem;\n}\n\n@media (min-width: 35em) {\n .box.box-left, .box.box-right {\n width: 33%;\n margin-top: -9px\n }\n .box.box-left.box-simple, .box.box-right.box-simple { margin-top:-3px; }\n [dir=\"ltr\"] .box.box-left {\n clear: left;\n }\n [dir=\"rtl\"] .box.box-left {\n clear: right;\n }\n [dir=\"ltr\"] .box.box-left {\n float: left;\n }\n [dir=\"rtl\"] .box.box-left {\n float: right;\n }\n [dir=\"ltr\"] .box.box-left {\n margin-right: 1em;\n }\n [dir=\"rtl\"] .box.box-left {\n margin-left: 1em;\n }\n [dir=\"ltr\"] .box.box-right {\n clear: right;\n }\n [dir=\"rtl\"] .box.box-right {\n clear: left;\n }\n [dir=\"ltr\"] .box.box-right {\n float: right;\n }\n [dir=\"rtl\"] .box.box-right {\n float: left;\n }\n [dir=\"ltr\"] .box.box-right {\n margin-left: 1em;\n }\n [dir=\"rtl\"] .box.box-right {\n margin-right: 1em;\n }\n}\n\n.breadcrumb {\n font-size: 13px;\n font-size: .8125rem;\n background-color: #ffffff;\n background-color: var(--pure-white);\n border-bottom: 1px solid #ddd;\n border-bottom: 1px solid var(--line-grey);\n padding-top: 16px;\n padding-bottom: 16px;\n margin-bottom: 32px\n}\n\n.breadcrumb ul {\n margin: 0;\n padding: 0;\n grid-column: 2/10\n }\n\n.breadcrumb ul li {\n display: inline-block;\n margin: 0;\n padding: 0\n }\n\n.breadcrumb ul li:after {\n content: \" / \";\n color: #005A6A;\n color: var(--wai-green);\n white-space: pre-wrap;\n }\n\n.breadcrumb ul li:last-child:after {\n content: \"\";\n display:none;\n }\n\n.breadcrumb a {\n color: #003366;\n color: var(--w3c-blue)\n }\n\n@media print { .breadcrumb a:after { content: ''; } }\n\n.breadcrumb [aria-current=page] {\n font-weight: bold;\n text-decoration: none;\n }\n\n.content {\n display: grid;\n grid-area: content;\n grid-template-columns: repeat(6, minmax(0, 120px));\n grid-column-gap: 32px\n}\n\n.content > * {\n grid-column: 1/5;\n grid-auto-flow: dense;\n }\n\n.content {\n & > .ref-side, > & .demo-side, > & .aside {\n grid-column: 5/7;\n font-size: 14px;\n font-size: .875rem;\n line-height: 1.2\n }\n & > .ref-side p:first-of-type, > & .demo-side p:first-of-type, > & .aside p:first-of-type {\n margin-top: 0;\n }\n}\n\n.content.wide {\n grid-template-columns: repeat(8, minmax(0, 120px));\n grid-column-start: navigation;\n grid-column-end: content\n }\n\n.content.wide > * {\n grid-column: 3/9;\n }\n\n.content.wide .sn-contents {\n grid-column:1/3;\n grid-row:1/99;\n }\n\n[dir=\"ltr\"] .example-bar {\n padding-left: 32px;\n}\n\n[dir=\"rtl\"] .example-bar {\n padding-right: 32px;\n}\n\n[dir=\"ltr\"] .example-bar {\n padding-right: 32px;\n}\n\n[dir=\"rtl\"] .example-bar {\n padding-left: 32px;\n}\n\n.example-bar {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex\n}\n\n@supports (display: grid) {\n\n.example-bar {\n display: grid;\n grid-column-gap: 32px;\n padding: 0;\n max-width: none\n}\n }\n\n.example-bar {\n grid-template-columns: repeat(6, minmax(0, 1fr))\n}\n\n.example-bar > * {\n grid-column: 2/7;\n }\n\n[dir=\"ltr\"] .example-bar .eg {\n border-right: 2px solid #005A6A;\n}\n\n[dir=\"rtl\"] .example-bar .eg {\n border-left: 2px solid #005A6A;\n}\n\n[dir=\"ltr\"] .example-bar .eg {\n border-right: 2px solid var(--wai-green);\n}\n\n[dir=\"rtl\"] .example-bar .eg {\n border-left: 2px solid var(--wai-green);\n}\n\n.example-bar .eg {\n grid-column: 1/2;\n grid-row: 1/99;\n text-align: right;\n padding-top: 0;\n padding-bottom: 0;\n padding-left: 8px;\n padding-right: 8px;\n font-weight: bold;\n font-style: italic;\n color: #005A6A;\n color: var(--wai-green);\n }\n\n[dir=\"ltr\"] .example-sheet {\n padding-right: 32px;\n}\n\n[dir=\"rtl\"] .example-sheet {\n padding-left: 32px;\n}\n\n.example-sheet {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n padding-inlne-start: 32px\n}\n\n@supports (display: grid) {\n\n.example-sheet {\n display: grid;\n grid-column-gap: 32px;\n padding: 0;\n max-width: none\n}\n }\n\n.example-sheet {\n grid-template-columns: repeat(6, minmax(0, 1fr))\n}\n\n.example-sheet .example-sheet-inner {\n grid-column: 2/6;\n background-color: #ffffff;\n background-color: var(--pure-white);\n padding-top: 16px;\n padding-bottom: 16px;\n padding-left: 32px;\n padding-right: 32px;\n }\n\n.decision-tree {\n list-style: none;\n margin: 1em 0;\n padding:0\n}\n\n.decision-tree > li {\n /*border: 2px solid #999;\n border-block-start:none;*/\n }\n\n.decision-tree > li > strong {\n display: block;\n padding: 1em .5em;\n }\n\n.decision-tree > li:first-child {\n /*border-block-start:2px solid #999;*/\n }\n\n.decision-tree > li > ul {\n padding:0;\n list-style: none\n /*border-block-start: 1px dotted #aaa;*/\n }\n\n@supports (display: flex) {\n\n.decision-tree > li > ul {\n display:-webkit-box;\n display:-ms-flexbox;\n display:flex;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: reverse;\n -ms-flex-direction: row-reverse;\n flex-direction: row-reverse;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n -webkit-box-align: stretch;\n -ms-flex-align: stretch;\n align-items: stretch\n }\n }\n\n.decision-tree > li > ul > li {\n text-indent: 0;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n font-weight: normal\n }\n\n@supports (display: flex) {\n\n.decision-tree > li > ul > li {\n -ms-flex-preferred-size: 25%;\n flex-basis: 25%\n }\n }\n\n.decision-tree > li > ul > li {\n padding: .5em;\n // border: 1px solid #aaa\n }\n\n@supports (display: flex) {\n\n.decision-tree > li > ul > li:nth-child(odd) {\n -ms-flex-preferred-size: 75%;\n flex-basis: 75%\n }\n }\n\n.decision-tree > li > ul > li:nth-child(odd):last-child {\n display:block;\n -ms-flex-preferred-size:100%;\n flex-basis:100%;\n }\n\n.decision-tree > li > ul > li ul {\n padding:0;\n margin:0;\n }\n\n.decision-tree > li > ul > li li {\n padding: 0;\n padding-bottom: 0.5em;\n margin-bottom: 0.5em;\n border-bottom: 1px solid #3b3b3b;\n border-bottom: 1px solid var(--dk-grey);\n list-style: none\n }\n\n.decision-tree > li > ul > li li > em {\n display: block;\n padding-left: 1.5em;\n position: relative;\n margin-top: .25em;\n font-style: normal\n }\n\n[dir=\"ltr\"] .decision-tree > li > ul > li li > em:before {\n margin-left: -1.5em;\n}\n\n[dir=\"rtl\"] .decision-tree > li > ul > li li > em:before {\n margin-right: -1.5em;\n}\n\n.decision-tree > li > ul > li li > em:before {\n position:absolute;\n content: '';\n top:.2em;\n }\n\n.decision-tree > li > ul > li li:last-child {\n border-bottom-style: none;\n padding-bottom: 0;\n margin-bottom: 0;\n }\n\n.decision-tree .yes {\n background-color: color(#003366 lightness(95%));\n background-color: color(var(--w3c-blue) lightness(95%));\n border-bottom: none\n }\n\n[dir=\"ltr\"] .decision-tree .yes li {\n margin-left: 1em;\n}\n\n[dir=\"rtl\"] .decision-tree .yes li {\n margin-right: 1em;\n}\n\n.decision-tree .yes li {\n list-style: disc\n }\n\n.decision-tree .yes li:only-child {\n list-style: none;\n }\n\n.decision-tree .no {\n /*border-inline-end:1px dotted #aaa;*/\n background-color: color(#c0272d lightness(85%));\n background-color: color(var(--faded-red) lightness(85%));\n border-bottom: none;\n position: relative\n }\n\n[dir=\"ltr\"] .decision-tree .no:after { margin-left: -8px; margin-left: -.5rem;\n}\n\n[dir=\"rtl\"] .decision-tree .no:after { margin-right: -8px; margin-right: -.5rem;\n}\n\n.decision-tree .no:after { top: 100%; left: 50%; border: solid transparent; content: \" \"; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(119, 119, 119, 0); border-top-color: color(#c0272d lightness(85%)); border-top-color: color(var(--faded-red) lightness(85%)); border-width: 16px; border-width: 1rem; z-index: 500; }\n\n.decision-tree .no {\n /*&:before { top: 100%; left: 50%; border: solid transparent; content: \" \"; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(119, 119, 119, 0); border-top-color: #999; border-width: 1.1rem; margin-inline-start: -.6rem; z-index: 400; }*/\n }\n\n.doc-archived h1::before {\n content: \"Archived\";\n }\n\n.doc-draft h1::before {\n content: \"Draft\";\n }\n\n.doc-note-translation {\n font-size: 13px;\n font-size: .8125rem\n}\n\n.doc-note-translation p {\n margin-top: 5px;\n margin-bottom: 5px\n }\n\n.doc-note-translation p:first-of-type {\n margin-top: 0;\n }\n\n.doc-note-translation p:last-child {\n margin-bottom: 0;\n }\n\n[dir=\"ltr\"] .doc-note h1::before {\n margin-right: 8px;\n}\n\n[dir=\"rtl\"] .doc-note h1::before {\n margin-left: 8px;\n}\n\n.doc-note h1::before{\n background-color: rgb(238, 208, 9);\n background-color: var(--gold);\n color: #091832;\n color: var(--dk-blue);\n display: inline-block;\n padding: 4px 8px;\n margin-top: -8px;\n font-size: 14px;\n font-size: .875rem;\n text-transform: uppercase;\n letter-spacing: 1px;\n font-weight: bold;\n vertical-align: middle;\n border-radius: 3px;\n }\n\n.doc-note-box {\n border: 2px solid rgb(238, 208, 9);\n border: 2px solid var(--gold);\n padding: 8px;\n background-color: #ffffff;\n background-color: var(--pure-white);\n margin-bottom: 20px\n}\n\n.doc-note-box p:first-child {\n margin-top: 0;\n }\n\n.doc-note-box p:last-child {\n margin-bottom: 0;\n }\n\n.doc-note-translations {\n\n}\n\ndetails {\n padding-left: 32px;\n padding-left: 2rem;\n}\n\n[dir=\"ltr\"] summary {\n margin-left: -32px;\n margin-left: -2rem;\n}\n\n[dir=\"rtl\"] summary {\n margin-right: -32px;\n margin-right: -2rem;\n}\n\nsummary {\n cursor: pointer;\n display: block;\n}\n\nsummary::-webkit-details-marker {\n display: none;\n}\n\n[dir=\"ltr\"] summary > *:first-child::before {\n margin-right: 8px;\n margin-right: 0.5rem;\n}\n\n[dir=\"rtl\"] summary > *:first-child::before {\n margin-left: 8px;\n margin-left: 0.5rem;\n}\n\nsummary > *:first-child::before {\n content: '+';\n display: inline-block;\n border-radius: 5px;\n width: 20.8px;\n width: 1.3rem;\n height: 20.8px;\n height: 1.3rem;\n line-height: .9;\n background: #ffffff;\n background: var(--pure-white);\n color: #005A6A;\n color: var(--wai-green);\n border: 2px solid #005A6A;\n border: 2px solid var(--wai-green);\n text-align: center;\n font-weight: bold;\n }\n\nsummary:hover > *:first-child::before,summary:focus > *:first-child::before {\n background: #003366;\n background: var(--w3c-blue);\n border-color: #003366;\n border-color: var(--w3c-blue);\n color: #ffffff;\n color: var(--pure-white);\n }\n\ndetails[open] > summary > *:first-child::before {\n content: '–';\n}\n\ndetails > div::after {\n content: \"\";\n display: block;\n clear: both;\n}\n\n.excol-all {\n margin: 16px 0;\n}\n\nfigure.shrink-wrap {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background-color: #ffffff;\n background-color: var(--pure-white);\n width: -webkit-min-content;\n width: -moz-min-content;\n width: min-content;\n max-width: 100%;\n border: 1px solid #ddd;\n border: 1px solid var(--line-grey);\n border-radius: 3px;\n padding: 10px\n}\n\n@media (min-width: 47.5em) {\n\nfigure.shrink-wrap .figcontent {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex\n }\n figure.shrink-wrap .figcontent > * {\n -webkit-box-flex: 1;\n -ms-flex: 1;\n flex: 1;\n }\n }\n\nfigure.shrink-wrap img {\n border: 1px solid #ddd;\n border: 1px solid var(--line-grey);\n max-width: none !important;\n }\n\nfigure.shrink-wrap figcaption {\n font-weight: normal;\n border: none;\n margin: 0;\n }\n\n.page-footer, .site-footer {\n font-size: 14px;\n font-size: .875rem\n}\n\n@media print {\n\n.page-footer, .site-footer {\n font-size: 8pt\n}\n }\n\n.page-footer, .site-footer {\n padding-top: 16px;\n padding-bottom: 16px\n}\n\n.page-footer p:first-of-type, .site-footer p:first-of-type {\n margin-top: 0;\n }\n\n.page-footer p:last-of-type, .site-footer p:last-of-type {\n margin-bottom: 0;\n }\n\n.page-footer {\n margin-top: 32px;\n background-color: #efefef;\n background-color: var(--footer-grey)\n}\n\n.page-footer .inner {\n grid-area: content;\n }\n\n.site-footer {\n margin-top: 32px;\n padding-top: 16px;\n padding-bottom: 16px;\n background-color: #3b3b3b;\n background-color: var(--dk-grey);\n color: #ffffff;\n color: var(--pure-white)\n}\n\n@media print {\n\n.site-footer {\n background-color: #efefef;\n background-color: var(--footer-grey);\n color: #3b3b3b;\n color: var(--dk-grey);\n border-top: 1px solid #3b3b3b;\n border-top: 1px solid var(--dk-grey)\n}\n }\n\n.site-footer a {\n color: #ffffff;\n color: var(--pure-white);\n }\n\n.site-footer a.largelink {\n color: rgb(238, 208, 9);\n color: var(--gold);\n font-size: 20px;\n font-size: 1.25rem;\n text-decoration: none\n }\n\n@media print {\n\n.site-footer a.largelink {\n color: #3b3b3b;\n color: var(--dk-grey);\n font-size: 12pt\n }\n }\n\n.site-footer a.largelink:hover, .site-footer a.largelink:focus {\n text-decoration: underline;\n }\n\n.site-footer .footer-list-header {\n font-weight: bold;\n border-bottom: 1px solid rgba(221, 221, 221, 0.32);\n border-bottom: 1px solid var(--trans-line-grey);\n padding: 4px 0;\n }\n\n.site-footer .about {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between\n }\n\n@media print {\n\n.site-footer .about {\n grid-column-end: q4-end;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n -webkit-box-align: end;\n -ms-flex-align: end;\n align-items: flex-end\n }\n .site-footer .about p {\n margin: 0;\n }\n }\n\n@media print {\n\n.site-footer>:not(.about) {\n display: none\n }\n }\n\n.page-footer + .site-footer {\n margin-top: 0;\n}\n\n.site-footer ul {\n margin: 0;\n padding: 0;\n}\n\n.site-footer ul li {\n list-style:none;\n}\n\n.footnotes {\n margin-top: 60px;\n}\n\n.footnotes ol {\n font-size: 13.6px;\n font-size: .85rem;\n}\n\ninput, select, textarea {\n font-size: 1em;\n font-family: inherit;\n}\n\ninput[type=\"search\"] {\n -webkit-appearance: none;\n}\n\nfieldset {\n border: none;\n margin: 0 0 32px;\n margin: 0 0 2rem;\n padding: 0;\n}\n\nlegend {\n font-size: 20px;\n font-size: 1.25rem;\n font-weight: bold;\n}\n\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]),textarea {\n border: 1px solid #686868;\n border: 1px solid var(--grey)\n}\n\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]):hover,input:not([type=\"checkbox\"]):not([type=\"radio\"]):focus,textarea:hover,textarea:focus {\n border: 1px solid #003366;\n border: 1px solid var(--w3c-blue);\n }\n\n& ::-webkit-input-placeholder {\n color: #767676;\n font-style: italic;\n opacity: 1;\n}\n\n& :-moz-placeholder { /* Firefox 18- */\n color: #767676;\n font-style: italic;\n opacity: 1;\n}\n\n& ::-moz-placeholder { /* Firefox 19+ */\n color: #767676;\n font-style: italic;\n opacity: 1;\n}\n\n& :-ms-input-placeholder {\n color: #767676;\n font-style: italic;\n opacity: 1;\n}\n\n.field {\n padding: 4px;\n margin: 0 0 32px;\n margin: 0 0 2rem\n}\n\n.field label {\n display: block;\n }\n\n.field input:not([type=\"checkbox\"]):not([type=\"radio\"]),.field textarea {\n display: block;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n width: 100%;\n padding: 8px\n }\n\n.field input:not([type=\"checkbox\"]):not([type=\"radio\"]):focus,.field textarea:focus {\n outline: none;\n border-color: #005A9C;\n border-color: var(--w3c-classic);\n background-color: #EDF4FA\n }\n\n.field input:not([type=\"checkbox\"]):not([type=\"radio\"]):focus ::-webkit-input-placeholder,.field textarea:focus ::-webkit-input-placeholder {\n color: #545554;\n }\n\n.field input:not([type=\"checkbox\"]):not([type=\"radio\"]):focus :-moz-placeholder,.field textarea:focus :-moz-placeholder { /* Firefox 18- */\n color: #545554;\n }\n\n.field input:not([type=\"checkbox\"]):not([type=\"radio\"]):focus ::-moz-placeholder,.field textarea:focus ::-moz-placeholder { /* Firefox 19+ */\n color: #545554;\n }\n\n.field input:not([type=\"checkbox\"]):not([type=\"radio\"]):focus :-ms-input-placeholder,.field textarea:focus :-ms-input-placeholder {\n color: #545554;\n }\n\n.field[focus-within] {\n background-color: #EDF4FA;\n }\n\n.field:focus-within {\n background-color: #EDF4FA;\n }\n\n.field[focus-within] input:focus {\n background-color: #ffffff !important;\n background-color: var(--pure-white) !important;\n }\n\n.field:focus-within input:focus {\n background-color: #ffffff !important;\n background-color: var(--pure-white) !important;\n }\n\n[dir=\"ltr\"] .group > .field {\n margin-left: 32px;\n margin-left: 2rem;\n}\n\n[dir=\"rtl\"] .group > .field {\n margin-right: 32px;\n margin-right: 2rem;\n}\n\n.group > .field {\n margin-bottom: 8px;\n margin-bottom: .5rem;\n}\n\n.radio-field {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n padding: 4px;\n margin: 0 0 8px;\n border-radius: 3px\n}\n\n[dir=\"ltr\"] .radio-field input {\n margin-right: .5em;\n}\n\n[dir=\"rtl\"] .radio-field input {\n margin-left: .5em;\n}\n\n.radio-field input {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 1em;\n flex: 0 0 1em;\n width: 1em;\n height: 1em\n }\n\n.radio-field input:checked + label {\n font-weight: bold;\n color: #091832;\n color: var(--dk-blue);\n }\n\n.radio-field:hover,.radio-field:focus {\n background-color: #196cac;\n background-color: var(--light-blue);\n color: #fff\n }\n\n.radio-field:hover :checked + label,.radio-field:focus :checked + label {\n color: inherit;\n }\n\n.radio-field label {\n -webkit-box-flex: 1;\n -ms-flex: 1 1 100%;\n flex: 1 1 100%;\n cursor: pointer;\n }\n\nfieldset {\n border: none;\n}\n\nlegend {\n font-size: 20px;\n font-size: 1.25rem;\n font-weight: bold;\n}\n\n@media (min-width: 35em) {\n\n.searchform {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center\n}\n }\n\n[dir=\"ltr\"] .searchform label {\n text-align: right;\n}\n\n[dir=\"rtl\"] .searchform label {\n text-align: left;\n}\n\n.searchform label {\n -webkit-box-flex: 1;\n -ms-flex: 1;\n flex: 1;\n }\n\n[dir=\"ltr\"] .searchform input {\n margin-left: 10px;\n}\n\n[dir=\"rtl\"] .searchform input {\n margin-right: 10px;\n}\n\n.searchform input {\n -webkit-box-flex: 4;\n -ms-flex: 4;\n flex: 4;\n }\n\n[dir=\"ltr\"] .searchform button {\n margin-left: 10px;\n}\n\n[dir=\"rtl\"] .searchform button {\n margin-right: 10px;\n}\n\n.searchform button {\n -webkit-box-flex: 1;\n -ms-flex: 1;\n flex: 1;\n }\n\n#site-header {\n background-color: #005A9C;\n background-color: var(--w3c-classic);\n color: #ffffff;\n color: var(--pure-white)\n}\n\n@media print {\n\n#site-header {\n background-color: #f2f2f2;\n background-color: var(--off-white);\n color: #000\n}\n }\n\n#site-header {\n padding-top: 3px\n}\n\n@supports (display: grid) {\n\n[dir=\"ltr\"] #site-header {\n padding-left: 8px;\n }\n\n[dir=\"rtl\"] #site-header {\n padding-right: 8px;\n }\n\n[dir=\"ltr\"] #site-header {\n padding-right: 8px;\n }\n\n[dir=\"rtl\"] #site-header {\n padding-left: 8px;\n }\n }\n\n#site-header a {\n color: #ffffff;\n color: var(--pure-white)\n }\n\n@media print {\n\n#site-header a {\n color: #005A9C;\n color: var(--w3c-classic)\n }\n }\n\n@media print {\n #site-header a:after {\n content: '';\n }\n }\n\n.wai {\n line-height: 1.2\n}\n\n@media (min-width: 35em) {\n\n.wai {\n vertical-align: middle;\n /*display: block;*/\n font-size: 1.5625rem\n}\n }\n\n.logos {\n grid-column-start: 2;\n grid-column-end: 6;\n grid-row-start: 1;\n padding-top: 16px;\n padding-bottom: 16px;\n padding-left: 0;\n padding-right: 0;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n width: 60%\n}\n\n@supports (display: grid) {\n\n.logos {\n width: auto\n}\n }\n\n.logos .claim {\n font-size: 14px;\n font-size: .875rem;\n font-style: italic\n }\n\n.logos .claim:lang(ar) {\n font-style: normal;\n }\n\n[dir=\"ltr\"] .logos .claim {\n margin-left: 16px;\n}\n\n[dir=\"rtl\"] .logos .claim {\n margin-right: 16px;\n}\n\n[dir=\"ltr\"] .logos .claim {\n padding-left: 16px;\n}\n\n[dir=\"rtl\"] .logos .claim {\n padding-right: 16px;\n}\n\n[dir=\"ltr\"] .logos .claim {\n border-left: 1px solid rgb(238, 208, 9);\n}\n\n[dir=\"rtl\"] .logos .claim {\n border-right: 1px solid rgb(238, 208, 9);\n}\n\n[dir=\"ltr\"] .logos .claim {\n border-left: 1px solid var(--gold);\n}\n\n[dir=\"rtl\"] .logos .claim {\n border-right: 1px solid var(--gold);\n}\n\n.logos .claim {\n color: #ffffff;\n color: var(--pure-white)\n }\n\n@media print {\n\n.logos .claim {\n color: #005A9C;\n color: var(--w3c-classic)\n }\n }\n\n.logos .claim {\n -webkit-box-flex:1;\n -ms-flex:1 0 0px;\n flex:1 0 0;\n display: none\n }\n\n@media (min-width: 35em) {\n\n.logos .claim {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center\n }\n }\n\n@media (min-width: 23em) {\n\n[dir=\"ltr\"] .home {\n margin-right: 32px;\n }\n\n[dir=\"rtl\"] .home {\n margin-left: 32px;\n }\n }\n\n.home {\n text-decoration: none;\n -webkit-transition: color .25s ease-in .1s;\n transition: color .25s ease-in .1s;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center\n}\n\n@supports (display: grid) {\n\n.home {\n -webkit-box-flex:0;\n -ms-flex:0;\n flex:0\n}\n }\n\n@media (min-width: 60em) {\n\n[dir=\"ltr\"] .home {\n margin-right: 8px;\n }\n\n[dir=\"rtl\"] .home {\n margin-left: 8px;\n }\n }\n\n.home svg, .home img {\n vertical-align:middle;\n color: inherit;\n fill: currentColor;\n height: 30px\n }\n\n@media (min-width: 35em) {\n\n.home svg, .home img {\n height: 46px\n }\n }\n\n.home {\n [dir=\"ltr\"] img {\n padding-right: 8px;\n }\n [dir=\"rtl\"] img {\n padding-left: 8px;\n }\n}\n\n.home.w3c {\n border-bottom: 2px solid transparent\n }\n\n.home.w3c:hover {\n border-bottom-color: currentColor;\n }\n\n.home .wai {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center\n }\n\n@media (min-width: 35em) {\n\n.home .wai {\n font-size: 1.25rem\n }\n }\n\n.home .wai .wa {\n padding-bottom: 2px;\n }\n\n.home .wai .i {\n border-top: 1px solid rgb(238, 208, 9);\n border-top: 1px solid var(--gold);\n padding-top: 2px;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n }\n\n.home:hover,.home:focus {\n text-decoration: underline;\n color: rgb(238, 208, 9) !important;\n color: var(--gold) !important;\n }\n\nh1, h2, h3, h4, h5, h6 {\n padding: 0;\n}\n\nh1, h2 { margin: 60px 0 20px; }\n\nh3 { margin: 40px 0 20px; }\n\nh4, h5, h6 { margin: 20px 0 10px; }\n\nh1, h2, h3, h4 {\n color: #005A6A;\n color: var(--wai-green)\n}\n\n@media print {\n\nh1, h2, h3, h4 {\n color: #000\n}\n }\n\nh1 {\n font-size: 24px;\n font-size: 1.5rem\n}\n\n@media (min-width: 35em) {\n\nh1 {\n font-size: 2rem\n}\n }\n\n@media (min-width: 60em) {\n\nh1 {\n font-size: 2.375rem\n}\n }\n\nh1 {\n line-height: 1.2;\n font-weight: normal;\n margin-top: 0\n}\n\nh1 + h2 {\n margin-top: 0;\n }\n\nh2 {\n font-size: 22px;\n font-size: 1.375rem;\n line-height: 1.2;\n font-weight: bold;\n border-bottom: 1px solid #ddd;\n border-bottom: 1px solid var(--line-grey)\n}\n\nh2 + h3 {\n margin-top: 0;\n }\n\nh3, h4 {\n font-size: 18px;\n font-size: 1.125rem;\n line-height: 1.4;\n}\n\nh3 + h4 {\n margin-top: 0;\n}\n\nh4 {\n font-weight: normal\n}\n\nh4 + h5 {\n margin-top: 0;\n }\n\nh5 {\n font-weight: bold;\n line-height: 1.6\n}\n\nh5 + h6 {\n margin-top: 0;\n }\n\nh6 {\n font-size: 14px;\n font-size:.875rem;\n line-height: 1.8;\n}\n\nh1.ex:before, h1.ap:before, h1 b, h2.ex:before, h2.ap:before, h2 b, h3.ex:before, h3.ap:before, h3 b, h4.ex:before, h4.ap:before, h4 b, h5.ex:before, h5.ap:before, h5 b, h6.ex:before, h6.ap:before, h6 b {\n color: #003366 !important;\n color: var(--w3c-blue) !important;\n font-weight: bold;\n }\n\n.no-js .ex {\n counter-increment: examples;\n counter-reset: approaches\n }\n\n.no-js .ex:before {\n content: 'Example ' counter(examples) ': ';\n }\n\n.no-js .ex.inap {\n counter-reset: none;\n }\n\n.no-js .newap {\n counter-reset: approaches;\n }\n\n.no-js .newex {\n counter-reset: examples;\n }\n\n.no-js h2.first, .no-js h3.first, .no-js .newexap {\n counter-reset: examples approaches;\n }\n\n.no-js .ap {\n counter-increment: approaches\n }\n\n.no-js .ap:before {\n content: 'Approach ' counter(approaches) ': ';\n }\n\n[class^=\"icon-\"], [class*=\" icon-\"] {\n display: inline-block;\n width: 1em;\n height: 1em;\n stroke-width: 0;\n stroke: currentColor;\n fill: currentColor;\n}\n\n/* ==========================================\nSingle-colored icons can be modified like so:\n.icon-name {\n font-size: 32px;\n color: red;\n}\n========================================== */\n\n.icon-default {\n width: 0.9285714285714285em;\n}\n\n.icon-info {\n width: 0.8571428571428571em;\n}\n\n.icon-audio-description {\n width: 3.5em;\n height: 1.75em;\n margin: -.25em;\n}\n\n.icon-search {\n width: 0.9287109375em;\n}\n\n.icon-arrow-left {\n width: 0.8928571428571428em;\n}\n\n.icon-arrow-right {\n width: 0.8214285714285714em;\n}\n\n.icon-arrow-up {\n width: 0.9285714285714285em;\n}\n\n.icon-arrow-down {\n width: 0.9285714285714285em;\n}\n\n.icon-ex-circle {\n width: 0.8571428571428571em;\n}\n\n.icon-check-circle {\n width: 0.8571428571428571em;\n}\n\n.icon-external-link {\n width: 0.8571428571428571em;\n}\n\n.icon-readmore {\n width: 0.7142857142857142em;\n}\n\n.icon-desktop {\n width: 1.0714285714285714em;\n}\n\n.icon-laptop {\n width: 1.0714285714285714em;\n}\n\n.icon-tablet {\n width: 0.6428571428571428em;\n}\n\n.icon-mobile {\n width: 0.42857142857142855em;\n}\n\n.icon-code {\n width: 1.0714285714285714em;\n}\n\n.icon-fork {\n width: 0.5714285714285714em;\n}\n\n.icon-code-file {\n width: 0.8571428571428571em;\n}\n\n.icon-cart-plus {\n width: 0.9285714285714285em;\n}\n\n.icon-languages {\n height: 1em;\n width: 2.75em;\n vertical-align: -8%;\n}\n\n.icon-translations {\n height: 1.6em;\n vertical-align: middle\n}\n\ndl {\n margin: 16px 0;\n}\n\ndt {\n font-weight: bold;\n}\n\n.notbold dt {\n font-weight: normal;\n}\n\n[dir=\"ltr\"] dd {\n margin-left: 32px;\n}\n\n[dir=\"rtl\"] dd {\n margin-right: 32px;\n}\n\ndd+dt {\n margin-top: 8px;\n}\n\ndl.paragraph-like dd+dt {\n margin-top: 1em;\n}\n\nul li, ol li {\n margin-bottom: 8px;\n}\n\n.linklist, .linklist li {\n margin: 0;\n padding: 0;\n list-style:none;\n }\n\n.linklist a {\n display: block;\n padding: 4px 16px;\n border-bottom: 1px solid #ddd;\n border-bottom: 1px solid var(--line-grey);\n text-decoration: none\n }\n\n.linklist a svg {\n height: .65em;\n }\n\n.linklist a:hover svg, .linklist a:focus svg {\n color: #c0272d;\n color: var(--faded-red);\n }\n\n.linklist a:hover .visual-a, .linklist a:focus .visual-a {\n text-decoration: underline;\n }\n\n.linklist li:last-child a {\n border-bottom: none;\n }\n\n.nolist {\n margin: 0;\n padding: 0\n}\n\n.nolist li {\n list-style: none;\n margin: 0;\n padding: 0;\n }\n\np+ul, p+ol {\n margin-top: -8px;\n}\n\n.columns {\n padding: 0\n}\n\n[dir=\"ltr\"] .columns > * {\n margin-left: 32px;\n}\n\n[dir=\"rtl\"] .columns > * {\n margin-right: 32px;\n}\n\n.two.columns, .four.columns {\n grid-column-gap: 32px;\n -webkit-column-gap: 32px;\n column-gap: 32px\n}\n\n@media (min-width: 35em) {\n\n.two.columns, .four.columns {\n -webkit-columns: 2;\n columns: 2\n}\n }\n\n.four.columns {\n padding: 0 8px\n}\n\n@media (min-width: 60em) {\n\n.four.columns {\n -webkit-columns: 4;\n columns: 4\n}\n }\n\n.two.small.columns {\n grid-column-gap: 32px;\n -webkit-column-gap: 32px;\n column-gap: 32px\n}\n\n@media (min-width: 35em) {\n\n.two.small.columns {\n -webkit-columns: 1;\n columns: 1\n}\n }\n\n@media (min-width: 60em) {\n\n.two.small.columns {\n -webkit-columns: 2;\n columns: 2\n}\n }\n\n.info {\n background-color: rgb(238, 208, 9);\n background-color: var(--gold);\n background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(238, 208, 9)), to(color(rgb(238, 208, 9) blackness(15%))));\n background-image: linear-gradient(to bottom, rgb(238, 208, 9), color(rgb(238, 208, 9) blackness(15%)));\n background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gold)), to(color(var(--gold) blackness(15%))));\n background-image: linear-gradient(to bottom, var(--gold), color(var(--gold) blackness(15%)));\n background-size: 100% 20%;\n background-repeat: no-repeat;\n background-position: bottom;\n font-weight: bold;\n text-align: center\n}\n\n[dir=\"ltr\"] .info svg {\n margin-right: 8px;\n}\n\n[dir=\"rtl\"] .info svg {\n margin-left: 8px;\n}\n\n.info svg {\n font-size: 2em;\n vertical-align: middle;\n margin-top: -.14em;\n }\n\n#controls {\n background-color: #f2f2f2;\n background-color: var(--off-white);\n padding-left: 8px;\n padding-right: 8px;\n padding-top: 0;\n padding-bottom: 0\n}\n\n@media (min-width: 35em) {\n\n[dir=\"ltr\"] #controls {\n text-align: right;\n }\n\n[dir=\"rtl\"] #controls {\n text-align: left;\n }\n }\n\n#controls {\n font-size: .8125em\n}\n\n#controls > ul {\n padding: 0;\n margin: 0\n }\n\n@media (min-width: 35em) {\n\n#controls > ul {\n grid-column-start: navigation;\n grid-column-end: content\n }\n }\n\n[dir=\"ltr\"] #controls > ul > li {\n margin-left: 4px;\n}\n\n[dir=\"rtl\"] #controls > ul > li {\n margin-right: 4px;\n}\n\n[dir=\"ltr\"] #controls > ul > li {\n padding-left: 4px;\n}\n\n[dir=\"rtl\"] #controls > ul > li {\n padding-right: 4px;\n}\n\n#controls > ul > li {\n display: inline;\n list-style: none;\n margin: 0;\n padding: 0\n }\n\n@media (min-width: 35em) {\n\n[dir=\"ltr\"] #controls > ul > li {\n margin-left: 8px;\n }\n\n[dir=\"rtl\"] #controls > ul > li {\n margin-right: 8px;\n }\n\n[dir=\"ltr\"] #controls > ul > li {\n padding-left: 8px;\n }\n\n[dir=\"rtl\"] #controls > ul > li {\n padding-right: 8px;\n }\n\n#controls > ul > li {\n margin: 0;\n padding: 0\n }\n }\n\n[dir=\"ltr\"] #controls > ul > li {\n border-left: 1px solid #003366;\n}\n\n[dir=\"rtl\"] #controls > ul > li {\n border-right: 1px solid #003366;\n}\n\n[dir=\"ltr\"] #controls > ul > li {\n border-left: 1px solid var(--w3c-blue);\n}\n\n[dir=\"rtl\"] #controls > ul > li {\n border-right: 1px solid var(--w3c-blue);\n}\n\n#controls > ul > li:first-child {\n border-left: 0;\n border-right: 0;\n margin: 0;\n padding: 0;\n }\n\n#controls a {\n color: #003366;\n color: var(--w3c-blue);\n text-decoration: none;\n padding-top: 2px;\n padding-bottom: 2px;\n padding-left: 0;\n padding-right: 0\n }\n\n#controls a:hover,#controls a:focus {\n border-bottom: none;\n text-decoration: underline;\n }\n\n@media print {\n\n#controls {\n display: none\n}\n }\n\n#controls [hidden] {\n display: none !important;\n}\n\n.languagelist>ul {\n display: inline;\n margin: 0;\n padding: 0;\n}\n\n.languagelist>ul>li {\n border: none;\n padding: 0;\n margin:0;\n display: inline-block\n}\n\n[dir=\"ltr\"] .languagelist>ul>li:first-child {\n margin-right: 4px;\n}\n\n[dir=\"rtl\"] .languagelist>ul>li:first-child {\n margin-left: 4px;\n}\n\n.languagelist>ul>li:first-child:before {\n display:none;\n margin: 0;\n}\n\n[dir=\"ltr\"] .languagelist>ul>li:before {\n margin-right: 4px;\n}\n\n[dir=\"rtl\"] .languagelist>ul>li:before {\n margin-left: 4px;\n}\n\n.languagelist>ul>li:before {\n content: \"\";\n display: inline-block;\n background-color: #005A9C;\n width: 4px;\n height: 4px;\n margin:0;\n margin-top: -4px;\n vertical-align: middle;\n}\n\n#showoptions {\n display: inline;\n}\n\n.mainnav {\n position: relative;\n font-size: 14px;\n font-size: .875rem;\n border-top: 1px solid #005A9C;\n border-top: 1px solid var(--w3c-classic);\n border-bottom: 1px solid #005A9C;\n border-bottom: 1px solid var(--w3c-classic);\n background-color: #003366;\n background-color: var(--w3c-blue);\n display: none\n}\n\n.mainnav.open { display: block; }\n\n@media (min-width: 35em) {\n\n.mainnav {\n display: block\n}\n }\n\n@media print {\n\n.mainnav {\n display: none\n}\n }\n\n.mainnav > ul {\n width: 100%;\n max-width: 1268px;\n padding: 0;\n margin: 0 auto !important;\n position: relative;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: stretch;\n -ms-flex-align: stretch;\n align-items: stretch;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap\n }\n\n@media (min-width: 35em) {\n\n.mainnav > ul {\n -ms-flex-wrap: nowrap;\n flex-wrap: nowrap\n }\n }\n\n.mainnav > ul > li {\n display:block;\n position: relative;\n -ms-flex-preferred-size: 50%;\n flex-basis: 50%;\n -webkit-box-flex: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n -ms-flex-negative: 1;\n flex-shrink: 1\n }\n\n.mainnav > ul > li.active {\n background: #003366;\n background: var(--w3c-blue)\n }\n\n.mainnav > ul > li.active > a > span {\n border-bottom: 2px solid rgb(238, 208, 9) !important;\n border-bottom: 2px solid var(--gold) !important;\n }\n\n.mainnav > ul > li > a {\n text-decoration: none;\n display:block;\n width: 100%;\n height: 100%;\n color: #ffffff;\n color: var(--pure-white);\n text-align: center;\n /*padding: 15px;*/\n min-height: 44px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n border-bottom: #005A9C;\n border-bottom: var(--w3c-classic)\n }\n\n.mainnav > ul > li > a > span {\n display: block;\n border-bottom: 2px solid transparent;\n }\n\n.mainnav > ul > li > a:hover,.mainnav > ul > li > a:focus {\n background-color: #091832;\n background-color: var(--dk-blue);\n }\n\n.mainnav > ul > li > a:hover > span,.mainnav > ul > li > a:focus > span, .mainnav > ul > li > a[aria-current=\"page\"] > span, .mainnav > ul > li > a[aria-current=\"location\"] > span {\n border-bottom: 2px solid rgb(238, 208, 9);\n border-bottom: 2px solid var(--gold);\n }\n\n.mainnav > ul > li > a[aria-current=\"page\"]:hover > span,.mainnav > ul > li > a[aria-current=\"page\"]:focus > span, .mainnav > ul > li > a[aria-current=\"location\"]:hover > span, .mainnav > ul > li > a[aria-current=\"location\"]:focus > span {\n border-bottom: 2px solid #ffffff;\n border-bottom: 2px solid var(--pure-white);\n }\n\n[dir=\"ltr\"] .mainnav > ul > li + li > a {\n border-left: 1px solid #235A97;\n}\n\n[dir=\"rtl\"] .mainnav > ul > li + li > a {\n border-right: 1px solid #235A97;\n}\n\n@media (min-width: 60em) {\n\n#openmenu {\n display: none\n}\n }\n\n@media print {\n\n#openmenu {\n display: none\n}\n }\n\n@media (min-width: 35em) {\n\n.page-home #openmenu {\n display: none\n}\n }\n\n[dir=\"ltr\"] .metanav {\n text-align: right;\n}\n\n[dir=\"rtl\"] .metanav {\n text-align: left;\n}\n\n.metanav {\n width: 100%;\n display: none;\n font-size: .85em\n}\n\n.metanav.open {display: block;}\n\n@media (min-width: 35em) {\n\n.metanav {\n display: block\n}\n }\n\n@media print {\n\n.metanav {\n display: none\n}\n }\n\n.metanav a {\n text-decoration: none\n }\n\n.metanav a:hover,.metanav a:focus, .metanav a[aria-current=\"page\"] {\n text-decoration: underline;\n }\n\n.metanav a[aria-current=\"page\"] {\n text-decoration: underline;\n }\n\n.metanav > ul {\n width: 100%;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end\n }\n\n.metanav > ul li {\n display: inline-block;\n padding-left: 8px;\n padding-right: 8px\n }\n\n@media (min-width: 35em) {\n\n.metanav > ul li {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center\n }\n }\n\n.metanav > ul li:first-child {\n border: 0;\n }\n\n.metanav > ul li:last-child {\n margin-bottom: 0;\n padding:0;\n border: 0;\n }\n\n.metanav > ul li a {\n position: relative;\n min-height: 24px;\n padding-top: 10px;\n padding-bottom: 10px;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center\n }\n\n.metanav > ul li a:before, .metanav > ul li a:after {\n position: absolute;\n top: 12px;\n left: -8px;\n bottom: 12px;\n width: 1px;\n background-color: rgb(238, 208, 9);\n background-color: var(--gold);\n }\n\n[dir=\"ltr\"] .metanav > ul li a:before {\n content: '';\n }\n\n[dir=\"rtl\"] .metanav > ul li a:after {\n content: '';\n }\n\n@media (min-width: 35em) {\n\n[dir=\"ltr\"] .metanav > ul li a {\n text-align: right;\n }\n\n[dir=\"rtl\"] .metanav > ul li a {\n text-align: left;\n }\n\n.metanav > ul li a {\n width: 100%\n }\n }\n\n[dir=\"ltr\"] .metanav > ul li:first-child a:before {\n display: none;\n }\n\n[dir=\"rtl\"] .metanav > ul li:nth-last-child(2) a:after {\n display: none;\n }\n\n.metanav form[role=search] {\n background-color: #003366;\n background-color: var(--w3c-blue);\n border: 1px solid #ffffff;\n border: 1px solid var(--pure-white)\n }\n\n.metanav form[role=search] > div {\n display:-webkit-box;\n display:-ms-flexbox;\n display:flex;\n }\n\n.metanav form[role=search] label {\n text-transform: none;\n font-weight: normal;\n }\n\n.metanav form[role=search] input {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n -webkit-appearance: none;\n background-color: transparent;\n border: 0;\n border-radius: 0;\n color: #f2f2f2;\n color: var(--off-white);\n height: 100%;\n padding: 5px;\n margin: 0;\n width: 10em\n }\n\n.metanav form[role=search] input:focus {\n color: #ffffff;\n color: var(--pure-white);\n }\n\n.metanav form[role=search] input::-webkit-search-decoration {\n display: none;\n }\n\n.metanav form[role=search] input::-webkit-search-cancel-button,\n .metanav form[role=search] input::-webkit-search-results-button {\n -webkit-filter: invert(100%);\n filter: invert(100%);\n }\n\n.metanav form[role=search] button {\n display: block;\n margin: 0;\n }\n\n.metanav form[role=search] ::-webkit-input-placeholder {\n color: #ffffff;\n color: var(--pure-white);\n font-style: italic;\n opacity: 1;\n }\n\n.metanav form[role=search] :-moz-placeholder { /* Firefox 18- */\n color: #ffffff;\n color: var(--pure-white);\n font-style: italic;\n opacity: 1;\n }\n\n.metanav form[role=search] ::-moz-placeholder { /* Firefox 19+ */\n color: #ffffff;\n color: var(--pure-white);\n font-style: italic;\n opacity: 1;\n }\n\n.metanav form[role=search] :-ms-input-placeholder {\n color: #ffffff;\n color: var(--pure-white);\n font-style: italic;\n opacity: 1;\n }\n\n.navigations {\n position: relative;\n grid-column-start: 6;\n grid-column-end: -2;\n -webkit-box-flex: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center ;\n -ms-flex-align: center ;\n align-items: center \n}\n\n.navigations .nava11y {\n display: block;\n }\n\n.mainnav > ul, .metanav > ul {\n margin: 0;\n padding: 0\n }\n\n.mainnav > ul > li, .metanav > ul > li {\n list-style: none;\n margin: 0;\n }\n\n.teaser.news {\n background-color: #ffffff;\n background-color: var(--pure-white);\n}\n\n.announce-box {\n background-color: #fafafa;\n background-color: var(--lt-off-white);\n border: 1px solid #ddd;\n border: 1px solid var(--line-grey);\n border-top: 1px;\n border-bottom: 1px;\n border-left: 0;\n border-right: 0;\n padding-top: 10px !important;\n padding-bottom: 10px !important;\n padding-left: 25px !important;\n padding-right: 25px !important\n}\n\n.announce-box+.announce-box {\n border-top:0;\n }\n\n.announce-box>:first-child {\n margin-top: 0;\n }\n\n.announce-box>:last-child {\n margin-bottom: 0;\n }\n\n.notes {\n font-size: .85em\n}\n\n.notes strong:first-child {\n font-weight: bold;\n color: #005A6A;\n color: var(--wai-green);\n }\n\n.pager {\n background-color: #ffffff;\n background-color: var(--pure-white);\n border: 1px solid #ddd;\n border: 1px solid var(--line-grey);\n margin-top: 32px;\n}\n\n.pager > ul {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n -ms-flex-line-pack: center;\n align-content: center;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n margin: 0;\n padding: 8px;\n}\n\n.pager--item {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-flex: 0;\n -ms-flex: 0 1 50%;\n flex: 0 1 50%;\n}\n\n.pager--item:only-child {\n -ms-flex-preferred-size: 100%;\n flex-basis: 100%;\n }\n\n.pager--item {\n list-style: none;\n margin:0;\n}\n\n.pager--item a:link {\n color: #005A6A;\n color: var(--wai-green);\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n -webkit-box-flex: 1;\n -ms-flex: 1 100%;\n flex: 1 100%;\n text-decoration: none;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n}\n\n.pager--item a:visited {\n color: #660066;\n color: var(--visited-link);\n}\n\n.pager--item a:hover,\n.pager--item a:focus {\n color: #003366;\n color: var(--w3c-blue);\n}\n\n.pager--item a:active {\n color: #005A6A;\n color: var(--wai-green);\n}\n\n[dir=\"ltr\"] .pager--item.next a {\n text-align: right;\n}\n\n[dir=\"rtl\"] .pager--item.next a {\n text-align: left;\n}\n\n.pager--item.next a {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: reverse;\n -ms-flex-direction: row-reverse;\n flex-direction: row-reverse;\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n}\n\n.pager--item-icon {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n font-size: 33px;\n}\n\n[dir=\"ltr\"] .pager--item-text {\n margin-right: 8px;\n}\n\n[dir=\"rtl\"] .pager--item-text {\n margin-left: 8px;\n}\n\n[dir=\"ltr\"] .pager--item-text {\n margin-left: 8px;\n}\n\n[dir=\"rtl\"] .pager--item-text {\n margin-right: 8px;\n}\n\n.pager--item-text {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-flex: 1;\n -ms-flex: 1 auto;\n flex: 1 auto;\n width: 100%;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n\n.pager--item-text-direction {\n color: #1d1d1d;\n color: var(--off-black);\n font-size: 12px;\n font-size: .75rem;\n}\n\n.pager--item-text-target {\n font-size: 16px;\n font-size: 1rem;\n line-height: 1;\n}\n\n.pagination {\n margin: 0;\n margin-top: 16px;\n margin-bottom: 16px;\n padding-top: 16px;\n border-top: 2px solid #ddd;\n border-top: 2px solid var(--line-grey)\n}\n\n.pagination ul {\n width: 100%;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n margin: 0;\n padding: 0;\n list-style: none;\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end\n }\n\n[dir=\"ltr\"] .pagination li {\n margin-left: 8px;\n}\n\n[dir=\"rtl\"] .pagination li {\n margin-right: 8px;\n}\n\n.pagination a, .pagination .like-a {\n padding-top: 8px;\n padding-bottom: 8px;\n padding-left: 16px;\n padding-right: 16px;\n border-radius: 4px;\n border: 2px solid #ddd;\n border: 2px solid var(--line-grey);\n }\n\n.pagination .is-active .like-a {\n background-color: #003366;\n background-color: var(--w3c-blue);\n border-color: #003366;\n border-color: var(--w3c-blue);\n color: #ffffff;\n color: var(--pure-white);\n }\n\n.pagination a:hover,.pagination a:focus {\n background-color: #ddd;\n background-color: var(--line-grey);\n }\n\n.quote {\n background-color: #005A6A;\n background-color: var(--wai-green);\n border-radius: 5px;\n color: #ffffff;\n color: var(--pure-white);\n padding: 22px;\n}\n\n.quote--block {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n margin: 0;\n padding: 0;\n}\n\n.quote--block-text {\n font-size: 20px;\n font-style: italic;\n line-height: 1.25;\n margin: 0;\n padding: 0;\n}\n\n.quote--block-text::before {\n content: open-quote;\n}\n\n.quote--block-text::after {\n content: close-quote;\n}\n\n.quote--block-cite {\n font-size: 15px;\n font-weight: 500;\n margin: 0;\n margin-top: 9px;\n}\n\n.quote--block-cite a {\n color: #FAFAFC;\n color: var(--body-bg);\n}\n\n.related-content {\n background-color: #ffffff;\n background-color: var(--pure-white);\n border: 1px solid #ddd;\n border: 1px solid var(--line-grey);\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-flex: 1;\n -ms-flex: 1 100%;\n flex: 1 100%;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n margin: 50px;\n}\n\n.related-content--head {\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n background-color: #f2f2f2;\n background-color: var(--off-white);\n border-box-end: 1px solid #ddd;\n border-box-end: 1px solid var(--line-grey);\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n height: 48px;\n}\n\n[dir=\"ltr\"] .related-content--head-icon {\n margin-right: 10px;\n}\n\n[dir=\"rtl\"] .related-content--head-icon {\n margin-left: 10px;\n}\n\n[dir=\"ltr\"] .related-content--head-icon {\n margin-left: 19px;\n}\n\n[dir=\"rtl\"] .related-content--head-icon {\n margin-right: 19px;\n}\n\n.related-content--head-icon {\n height: 22px;\n width: 22px;\n}\n\n.related-content--head-heading {\n border: none;\n color: #003366;\n color: var(--w3c-blue);\n -webkit-box-flex: 1;\n -ms-flex: 1 100%;\n flex: 1 100%;\n font-size: 20px;\n margin: 0;\n padding: 0;\n}\n\n.related-content--content {\n margin: 0;\n padding: 0;\n}\n\n.related-content--content-list {\n list-style: none;\n margin: 22px;\n padding: 0;\n}\n\n.related-content--content-list li {\n font-size: 14px;\n line-height: 2.2em;\n}\n\n.sidenav {\n grid-area: navigation;\n margin-bottom: 24px;\n display: none\n}\n\n.sidenav.open {\n display: block;\n margin-top: 16px;\n }\n\n@media (min-width: 60em) {\n\n.sidenav {\n display: block\n}\n }\n\n@media print {\n\n.sidenav {\n display: none\n}\n }\n\n.sidenav--head {\n background-color: #003366;\n background-color: var(--w3c-blue);\n border: 2px solid #003366;\n border: 2px solid var(--w3c-blue);\n border-width: 0 5px;\n padding: 16px 24px;\n display:-webkit-box;\n display:-ms-flexbox;\n display:flex;\n -webkit-box-align: end;\n -ms-flex-align: end;\n align-items: flex-end;\n border-bottom: none;\n font-weight: bold;\n}\n\n[dir=\"ltr\"] .sidenav--head-icon {\n margin-left: -16px;\n}\n\n[dir=\"rtl\"] .sidenav--head-icon {\n margin-right: -16px;\n}\n\n.sidenav--head-icon {\n padding-bottom: .3em;\n}\n\n[dir=\"ltr\"] .sidenav--head-icon--inner {\n float: left;\n}\n\n[dir=\"rtl\"] .sidenav--head-icon--inner {\n float: right;\n}\n\n[dir=\"ltr\"] .sidenav--head-icon--inner {\n margin-right: 8px;\n}\n\n[dir=\"rtl\"] .sidenav--head-icon--inner {\n margin-left: 8px;\n}\n\n.sidenav--head-icon--inner {\n width: 47px;\n height: 48px;\n}\n\n.sidenav--head-section {\n color: #ffffff;\n color: var(--pure-white);\n text-transform: uppercase;\n letter-spacing: .7px;\n font-size: 11px;\n font-size: .6875rem;\n font-weight: bold;\n}\n\n.sidenav--head-subsection {\n color: #ffffff;\n color: var(--pure-white);\n font-size: 22px;\n font-size: 1.375rem;\n}\n\n[dir=\"ltr\"] .sidenav--list {\n border-left-width: 5px;\n}\n\n[dir=\"rtl\"] .sidenav--list {\n border-right-width: 5px;\n}\n\n[dir=\"ltr\"] .sidenav--list {\n border-right-width: 0;\n}\n\n[dir=\"rtl\"] .sidenav--list {\n border-left-width: 0;\n}\n\n.sidenav--list {\n background-color: #003366;\n background-color: var(--w3c-blue);\n border: 2px solid #003366;\n border: 2px solid var(--w3c-blue);\n border-bottom: 5px;\n border-top: 0;\n margin: 0;\n padding:0;\n font-size: 13px;\n font-size: .8125rem\n}\n\n.sidenav--list a {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n padding-top: 8px;\n padding-bottom: 8px;\n padding-left: 24px;\n padding-right: 24px;\n min-height: 44px;\n color: #ffffff;\n color: var(--pure-white);\n text-decoration: none;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center\n }\n\n.sidenav--list a:hover,.sidenav--list a:focus {\n text-decoration: underline;\n background-color: #f2f2f2;\n background-color: var(--off-white);\n color: #005A6A;\n color: var(--wai-green);\n }\n\n.sidenav--list a:focus {\n outline-color: rgb(238, 208, 9);\n outline-color: var(--gold);\n }\n\n.sidenav--list a span.lang {\n font-weight: normal;\n }\n\n.sidenav--list li a {\n border-top: 1px solid #005A9C;\n border-top: 1px solid var(--w3c-classic);\n }\n\n.sidenav--list {\n .sidenav-head + & {\n border-top: none;\n }\n}\n\n[dir=\"ltr\"] .sidenav--list ul {\n padding-left: 24px;\n}\n\n[dir=\"rtl\"] .sidenav--list ul {\n padding-right: 24px;\n}\n\n.sidenav--list ul {\n padding: 0;\n margin: 0;\n }\n\n.sidenav--list a + ul { display:none; }\n\n.sidenav--list a[aria-current] + ul { display:block; }\n\n.sidenav--list li {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n.sidenav--list ul li:first-child a {\n border-top-color:transparent;\n }\n\n.sidenav--list a[aria-current] {\n /*color: var(--w3c-blue);\n background-color: var(--body-bg);*/\n }\n\n.sidenav--list a[aria-current=location] {\n padding-bottom: 4px;\n font-weight: bold;\n }\n\n.sidenav--list a[aria-current=page] {\n font-weight: bold;\n color: #005A6A;\n color: var(--wai-green);\n background-color: #FAFAFC;\n background-color: var(--body-bg);\n position:relative\n }\n\n.sidenav--list a[aria-current=page]:before, .sidenav--list a[aria-current=page]:after {\n position: absolute;\n content: \"\";\n width: 0;\n height: 0;\n left: auto;\n right: 0;\n }\n\n[dir=\"rtl\"] .sidenav--list a[aria-current=page]:before,[dir=\"rtl\"] .sidenav--list a[aria-current=page]:after {\n left: 0;\n right: auto;\n }\n\n.sidenav--list a[aria-current=page]:before, .sidenav--list a[aria-current=page]:after {\n border: 1px solid #ffffff;\n border: 1px solid var(--pure-white);\n opacity: .9;\n }\n\n.sidenav--list a[aria-current=page]:before {\n top:-2px;\n border-color: transparent #ffffff #ffffff transparent;\n border-color: transparent var(--pure-white) var(--pure-white) transparent;\n }\n\n[dir=\"rtl\"] .sidenav--list a[aria-current=page]:before {\n border-color: transparent transparent #ffffff #ffffff;\n border-color: transparent transparent var(--pure-white) var(--pure-white);\n }\n\n.sidenav--list a[aria-current=page]:after {\n bottom:-2px;\n border-color: #ffffff #ffffff transparent transparent;\n border-color: var(--pure-white) var(--pure-white) transparent transparent;\n }\n\n[dir=\"rtl\"] .sidenav--list a[aria-current=page]:after {\n border-color: #ffffff transparent transparent #ffffff;\n border-color: var(--pure-white) transparent transparent var(--pure-white);\n }\n\n.sidenav-languages {\n font-size: 13px;\n font-size: .8125rem;\n margin-top: 32px;\n margin-top: 2rem;\n border-radius: 3px;\n border: 2px solid rgb(238, 208, 9);\n border: 2px solid var(--gold);\n background-color: #ffffff;\n background-color: var(--pure-white)\n}\n\n.sidenav-languages header {\n border-bottom: 2px solid rgb(238, 208, 9);\n border-bottom: 2px solid var(--gold);\n padding-top: 8px;\n padding-bottom: 8px;\n padding-left: 27px;\n padding-right: 27px;\n font-weight: bold;\n }\n\n[dir=\"ltr\"] .sidenav-languages .langlist {\n padding-left: 27px;\n}\n\n[dir=\"rtl\"] .sidenav-languages .langlist {\n padding-right: 27px;\n}\n\n.sidenav-languages .langlist {\n list-style-position: inside;\n list-style-type: square;\n color: #005A9C;\n color: var(--w3c-classic)\n }\n\n.sidenav-languages .langlist li {\n margin-bottom: 2px;\n }\n\n[dir=\"ltr\"] .sidenav-languages p {\n padding-left: 27px;\n}\n\n[dir=\"rtl\"] .sidenav-languages p {\n padding-right: 27px;\n}\n\n[dir=\"ltr\"] .sidenav-languages p {\n padding-right: 0;\n}\n\n[dir=\"rtl\"] .sidenav-languages p {\n padding-left: 0;\n}\n\n.sidenav-languages p {\n padding-top: 4px;\n padding-bottom: 4px;\n margin:0;\n border-top: 1px solid #eed009;\n }\n\n[dir=\"ltr\"] table,[dir=\"ltr\"] caption {\n text-align: left;\n}\n\n[dir=\"rtl\"] table,[dir=\"rtl\"] caption {\n text-align: right;\n}\n\ntable {\n border: 1px solid #ddd;\n border: 1px solid var(--line-grey);\n border-collapse: collapse;\n margin-bottom: 2em;\n}\n\ncaption {\n font-weight: bold;\n font-size: 18px;\n font-size: 1.125rem;\n color: #005A6A;\n color: var(--wai-green);\n line-height: 1.4;\n margin-bottom: 8px;\n}\n\nth, td {\n padding-top: 12px;\n padding-bottom: 12px;\n padding-left: 18px;\n padding-right: 18px;\n border: 1px solid #ddd;\n border: 1px solid var(--line-grey);\n vertical-align: top;\n}\n\n.dense td, .dense th {\n padding-top: 2px;\n padding-bottom: 2px;\n padding-left: 4px;\n padding-right: 4px;\n}\n\nth {\n font-weight: bold;\n color: #ffffff;\n color: var(--pure-white);\n background-color: #005A6A;\n background-color: var(--wai-green)\n}\n\nth a {\n color: inherit\n }\n\nth a:hover,th a:focus {\n color: rgb(238, 208, 9);\n color: var(--gold);\n }\n\nth a:visited {\n color: inherit;\n }\n\nth > :first-child, td > :first-child {\n margin-top: 0;\n }\n\nth > :last-child, td > :last-child {\n margin-top: 0;\n }\n\n.quiet th {\n background-color: #f2f2f2;\n background-color: var(--off-white);\n color: #003366;\n color: var(--w3c-blue)\n }\n\n.quiet th a {\n color: inherit\n }\n\n.quiet th a:hover,.quiet th a:focus {\n color: #005A6A;\n color: var(--wai-green);\n }\n\n.quiet th a:visited {\n color: inherit;\n }\n\n.hyphenated {\n -webkit-hyphens: auto;\n -ms-hyphens: auto;\n hyphens: auto;\n}\n\n.teaser.audiences-inline .subtitle {\n /*font-weight:normal;*/\n }\n\n.teaser.audiences-inline .title {\n display: block;\n font-size: 36px;\n font-size: 2.25rem;\n }\n\n.making-web-accessible {\n text-align:center;\n border-bottom: 1px solid #ddd;\n border-bottom: 1px solid var(--line-grey);\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column\n}\n\n.making-web-accessible [hidden] {\n display: none !important;\n }\n\n.making-web-accessible .inner.hidesection {\n position: relative;\n -webkit-box-ordinal-group: 0;\n -ms-flex-order: -1;\n order: -1;\n }\n\n[dir=\"ltr\"] .making-web-accessible .making-web-accessible-box {\n text-align: left;\n}\n\n[dir=\"rtl\"] .making-web-accessible .making-web-accessible-box {\n text-align: right;\n}\n\n[dir=\"ltr\"] .making-web-accessible .making-web-accessible-box {\n padding-right: 20px;\n}\n\n[dir=\"rtl\"] .making-web-accessible .making-web-accessible-box {\n padding-left: 20px;\n}\n\n[dir=\"ltr\"] .making-web-accessible .making-web-accessible-box {\n padding-left: 105px;\n}\n\n[dir=\"rtl\"] .making-web-accessible .making-web-accessible-box {\n padding-right: 105px;\n}\n\n.making-web-accessible .making-web-accessible-box {\n padding-top: 32px;\n padding-bottom: 0;\n }\n\n[dir=\"ltr\"] .making-web-accessible .mwa-icon {\n margin-left: -85px;\n}\n\n[dir=\"rtl\"] .making-web-accessible .mwa-icon {\n margin-right: -85px;\n}\n\n.making-web-accessible .mwa-icon {\n width: 65px;\n height: 65px;\n float:left;\n }\n\n.making-web-accessible .title {\n display: block;\n font-size: 36px;\n font-size: 2.25rem;\n }\n\n.making-web-accessible .teaser-h h2 {\n margin:0;\n }\n\n.making-web-accessible h3 {\n margin-top: 10px;\n font-size: 24px;\n font-size: 1.5rem;\n margin-bottom:0;\n }\n\n.making-web-accessible p {\n margin-bottom:0;\n }\n\n[dir=\"ltr\"] .making-web-accessible .showhidebutton {\n float: right;\n}\n\n[dir=\"rtl\"] .making-web-accessible .showhidebutton {\n float: left;\n}\n\n.making-web-accessible .showhidebutton {\n position: absolute;\n top: -1.35em;\n right: 0;\n }\n\n.teaser.media-inline .subtitle {\n /*font-weight:normal;*/\n }\n\n.teaser.media-inline .title {\n display: block;\n font-size: 36px;\n font-size: 2.25rem;\n }\n\n.white-bg {\n background-color: #ffffff;\n background-color: var(--pure-white);\n}\n\n.bordered {\n border: 1px 0;\n border-color: #ddd;\n border-color: var(--line-grey);\n}\n\n.teaser.news-teaser .title {\n display: block;\n font-size: 36px;\n font-size: 2.25rem;\n }\n\n.teaser.resource-inline .subtitle {\n /*font-weight:normal;*/\n }\n\n.teaser.resource-inline .title {\n display: block;\n font-size: 36px;\n font-size: 2.25rem;\n }\n\n.teaser {\n padding-top: 32px;\n padding-bottom: 32px;\n}\n\n.teaser.featured {\n background-size: cover;\n background-position: center\n}\n\n.teaser.featured .teaser-c {\n background-color: rgba(255, 255, 255, 0.9);\n border-top: 5px solid #c0272d;\n border-top: 5px solid var(--faded-red);\n padding-top: 16px;\n padding-bottom: 16px;\n padding-left: 32px;\n padding-right: 32px;\n display:block;\n }\n\n.teaser-h h2, .teaser-h h3, .teaser-h h4, .teaser-h h5, .teaser-h h6 {\n margin: 0;\n margin-bottom: 16px;\n padding: 0;\n border:none;\n color: #005A6A;\n color: var(--wai-green);\n font-size: 16px;\n font-size: 1rem;\n line-height: 1.2\n }\n\n.teaser-h h2.title, .teaser-h h3.title, .teaser-h h4.title, .teaser-h h5.title, .teaser-h h6.title {\n font-size: 24px;\n font-size: 1.5rem;\n margin: 0;\n margin-top: 10px;\n margin-bottom: 20px\n }\n\n@media (min-width: 35em) {\n\n.teaser-h h2.title, .teaser-h h3.title, .teaser-h h4.title, .teaser-h h5.title, .teaser-h h6.title {\n font-size: 2rem\n }\n }\n\n@media (min-width: 60em) {\n\n.teaser-h h2.title, .teaser-h h3.title, .teaser-h h4.title, .teaser-h h5.title, .teaser-h h6.title {\n font-size: 2.375rem\n }\n }\n\n.teaser-h .subtitle {\n font-weight: bold;\n margin: 0;\n font-size: 14px;\n font-size: .875rem;\n color: #1d1d1d;\n color: var(--off-black);\n }\n\n[dir=\"ltr\"] .teaser-h-icon {\n margin-right: 10px;\n}\n\n[dir=\"rtl\"] .teaser-h-icon {\n margin-left: 10px;\n}\n\n.teaser-h-icon {\n height:1em;\n width: 1em;\n vertical-align: middle\n}\n\n.teaser-h-icon.full {\n display: block;\n height: 1.8em;\n width: 1.8em;\n }\n\n.teaser-tip {\n text-align: center\n}\n\n.teaser-tip .teaser-h h2 {\n font-size: 28px;\n font-size: 1.75rem\n }\n\n.teaser-tip .teaser-h svg {\n display: block;\n margin: 0 auto;\n height: 1.75em;\n width: 1.75em;\n }\n\n.teaser-tip .fakelink {\n margin: 0 auto;\n }\n\n.fakelink {\n text-decoration: underline;\n position: relative\n}\n\n[dir=\"ltr\"] .fakelink svg {\n margin-left: 5px;\n}\n\n[dir=\"rtl\"] .fakelink svg {\n margin-right: 5px;\n}\n\n.fakelink svg {\n width: .75em;\n height: .75em;\n }\n\n@media (min-width: 35em) {\n\n.teaser-about p {\n font-size: 1.25rem;\n }\n }\n\n@media (min-width: 60em) {\n\n.teaser-about p {\n font-size: 1.5rem;\n }\n }\n\n.teaser-about p {\n color: #686868;\n color: var(--grey);\n }\n\n.teaser-about .teaser-h h2 {\n font-weight: bold;\n }\n\n.teaser-media {\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n background-color: #ffffff;\n background-color: var(--pure-white);\n}\n\n.teaser-sponsors {\n border-top: 1px solid #ddd;\n border-top: 1px solid var(--line-grey);\n}\n\n.area-teaser {\n display: block;\n background-color: #ffffff;\n background-color: var(--pure-white);\n border: 1px solid #ddd;\n border: 1px solid var(--line-grey);\n margin: -1px;\n padding-top: 20px;\n padding-bottom: 20px;\n padding-left: 32px;\n padding-right: 32px\n}\n\n@media (min-width: 35em) {\n\n.area-teaser {\n padding-top: 40px;\n padding-bottom: 40px;\n padding-left: 40px;\n padding-right: 40px\n}\n }\n\n@media (min-width: 60em) {\n\n.area-teaser {\n padding-top: 60px;\n padding-bottom: 60px;\n padding-left: 40px;\n padding-right: 40px\n}\n }\n\n.area-teaser .teaser-h {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: end;\n -ms-flex-align: end;\n align-items: flex-end\n }\n\n.area-teaser .teaser-h h2, .area-teaser .teaser-h h3, .area-teaser .teaser-h h4, .area-teaser .teaser-h h5, .area-teaser .teaser-h h6 {margin: 0; font-weight: normal;}\n\n.area-teaser .teaser-h-icon {\n margin-bottom: 10px;\n }\n\n.area-teaser:hover .teaser-h > :not(svg), .area-teaser:focus .teaser-h > :not(svg) {\n text-decoration: underline;\n }\n\n.teaser.audiences-inline {\n\n}\n\n.video-link {\n display: inline-block;\n text-decoration: none;\n margin: 10px 0\n}\n\n.video-link img {\n -webkit-mask: url(\"../images/video-mask-16-9.svg\");\n mask: url(\"../images/video-mask-16-9.svg\");\n -webkit-mask-size: contain;\n mask-size: contain;\n width: 240px;\n }\n\n.video-link.ratio-43 img {\n -webkit-mask: url(\"../images/video-mask-4-3.svg\");\n mask: url(\"../images/video-mask-4-3.svg\");\n }\n\n.video-link span {\n display: block;\n text-align: center;\n text-decoration: underline;\n }\n\n.video-link-small img {\n width: 120px;\n}\n\n.video-link-inline {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center\n}\n\n[dir=\"ltr\"] .video-link-inline img {\n margin-right: 1em;\n}\n\n[dir=\"rtl\"] .video-link-inline img {\n margin-left: 1em;\n}\n\n.video-link-inline img {\n width: auto;\n height: 2em;\n }\n\n.video-link-inline {\n [dir=\"ltr\"] span {\n text-align: left;\n }\n [dir=\"rtl\"] span {\n text-align: right;\n }\n}\n\n/*\n Able Player core styles\n\n Default z-index map:\n\n * Modal dialog\n div.able-modal-dialog = 10000\n div.able-modal-overlay = 9500\n\n * Items that should always be on top (9000):\n #able-vts = 9400\n .able-alert = 9400\n .able-window-toolbar .able-button-handler-preferences = 9300\n .able-popup = 9200\n .able-volume-head = 9175\n .able-volume-slider = 9150\n .able-tooltip = 9000\n\n * Pop-ups with critical content: (7000 - 8000):\n .able-sign-window = 8000\n .able-transcript-area = 7000\n\n * Player controls: (5000 - 6000)\n .able-controller .able-seekbar = 6900\n .able-controller .buttonOff = 6800\n .able-controller button > img = 6700\n .able-controller button > span = 6700\n .able-controller button = 6600\n .able-big-play-button = 6500\n div.able-captions-wrapper = 6000\n .able-seekbar-head = 5500\n .able-seekbar-played = 5200\n .able-seekbar-loaded = 5100\n .able = 5000\n*/\n\n.able-wrapper {\n position: relative;\n margin: 0;\n padding: 0;\n width: 100%;\n height: auto;\n -webkit-box-sizing: content-box !important;\n box-sizing: content-box !important;\n max-width: none !important;\n}\n\n.able {\n position: relative;\n margin: 1em 0;\n width: 100%; /* will be changed dynamically as player is contructed */\n z-index: 5000;\n}\n\n[dir=\"ltr\"] .able-column-left {\n float: left;\n}\n\n[dir=\"rtl\"] .able-column-left {\n float: right;\n}\n\n[dir=\"ltr\"] .able-column-right {\n float: left;\n}\n\n[dir=\"rtl\"] .able-column-right {\n float: right;\n}\n\n.able .able-vidcap-container {\n background-color: black;\n /* height: 360px; */\n left: 0;\n margin: 0;\n position: relative;\n top: 0;\n}\n\n.able-player {\n font-family: inherit;\n background-color: #262626; /* background color of player (appears on top & bottom) */\n}\n\n.able-offscreen {\n position:absolute;\n left:-10000px;\n}\n\n[dir=\"rtl\"] .able-offscreen {\n right: -10000px;\n left: auto;\n }\n\n.able-offscreen {\n top:auto;\n width:1px;\n height:1px;\n overflow:hidden;\n}\n\n.able-media-container audio {\n display: none !important;\n}\n\n.able-video {\n}\n\n.able-video .able-now-playing {\n display: none; /* not currently used for video */\n}\n\n.able-controller {\n position: relative;\n border-top: 2px solid #4c4c4c;\n border-bottom: 2px solid #4c4c4c;\n background-color: #464646; /* background color of controller bar */\n min-height: 38px; /* height of button (20px) + 4px border + 4px padding */\n padding: 0;\n}\n\n.able-poster {\n position: absolute;\n top: 0;\n left: 0;\n}\n\n/*\n Controller Buttons & Controls\n*/\n\n.able-big-play-button {\n position: absolute;\n font-size: 8em;\n opacity: 0.5;\n filter:alpha(opacity=50); /* for IE */\n color: #fdfdfd;\n background-color: transparent;\n border: none;\n outline: none;\n left: 0;\n top: 0;\n padding: 0;\n z-index: 6500;\n}\n\n.able-big-play-button:hover {\n opacity: 100;\n filter:alpha(opacity=100); /* for IE */\n}\n\n.able-left-controls, .able-right-controls {\n overflow: visible;\n}\n\n.able-left-controls button, .able-right-controls button {\n vertical-align: middle;\n}\n\n[dir=\"ltr\"] .able-left-controls {\n float: left;\n}\n\n[dir=\"rtl\"] .able-left-controls {\n float: right;\n}\n\n[dir=\"ltr\"] .able-right-controls {\n float: right;\n}\n\n[dir=\"rtl\"] .able-right-controls {\n float: left;\n}\n\n.able-black-controls,\n.able-black-controls button,\n.able-black-controls label {\n color: #000 !important;\n}\n\n.able-black-controls .able-seekbar {\n border: 2px solid #000;\n}\n\n.able-white-controls,\n.able-white-controls button,\n.able-black-controls label {\n color: #FFF !important;\n}\n\n.able-white-controls .able-seekbar {\n border: 2px solid #FFF;\n}\n\n.able-controller button {\n background: none;\n position: relative;\n display: inline-block;\n border-style: none;\n margin: 3px;\n padding: 0;\n font-size: 20px;\n min-width: 24px;\n outline: 2px solid #464646; /* same color as .able-controller background-color */\n border: none;\n overflow: visible !important;\n z-index: 6600;\n}\n\n.able-controller button > span,\n.able-controller button > img {\n width: 20px;\n margin: 0 auto;\n padding: 0;\n z-index: 6700;\n}\n\n.able-controller .buttonOff {\n opacity: 0.5;\n filter:alpha(opacity=50); /* for IE */\n z-index: 6800;\n}\n\n.able-controller .able-seekbar {\n margin: 0 5px;\n z-index: 6900;\n}\n\n.able-controller button:hover,\n.able-controller button:focus {\n outline-style: solid;\n outline-width: medium;\n}\n\n.able-controller button:hover {\n outline-color: #8AB839 !important; /* green */\n}\n\n.able-controller button:focus {\n outline-color: #ffbb37 !important; /* yellow */\n}\n\n/*\n Seekbar\n*/\n\n.able-seekbar-wrapper {\n display: inline-block;\n vertical-align: middle;\n}\n\n.able-seekbar {\n position: relative;\n height: 0.5em;\n border: 1px solid;\n background-color: #000000;\n margin: 0 3px;\n border-style: solid;\n border-width: 2px;\n border-color: #ffffff;\n}\n\n.able-seekbar-loaded {\n display: inline-block;\n position: absolute;\n left: 0;\n top: 0;\n height: 0.5em;\n background-color: #464646;\n z-index: 5100;\n}\n\n.able-seekbar-played {\n display: inline-block;\n position: absolute;\n left: 0;\n top: 0;\n height: 0.5em;\n background-color: #DADADA;\n z-index: 5200;\n}\n\n.able-seekbar-head {\n display: inline-block;\n position: relative;\n left: 0;\n top: -0.45em;\n background-color: #FDFDFD;\n width: 0.8em;\n height: 0.8em;\n border: 1px solid;\n border-radius: 0.8em;\n z-index: 5500;\n}\n\n/*\n Volume Slider\n*/\n\n.able-volume-slider {\n width: 34px;\n height: 50px;\n background-color: #464646; /* same as .able-controller */\n padding: 10px 0;\n position: absolute;\n right: 0px;\n top: -74px;\n display: block;\n z-index: 9100;\n}\n\n.able-volume-track {\n display: block;\n position: relative;\n height: 100%; /* = 50px after padding */\n width: 5px;\n margin: 0 auto;\n background-color: #999;\n}\n\n.able-volume-track.able-volume-track-on {\n background-color: #dadada;\n position: absolute;\n height: 20px; /* change dynamically; 5px per volume tick */\n top: 30px; /* change dynamically; 50px - height */\n}\n\n.able-volume-head {\n display: inline-block;\n background-color: #fdfdfd;\n outline: 1px solid #333;\n position: absolute;\n height: 7px;\n width: 15px;\n left: -5px;\n top: 23px; /* change dynamically; .able-volume-track-on top - 7 */\n z-index: 9175;\n}\n\n.able-volume-head:hover,\n.able-volume-head:focus {\n background-color: #ffbb37 !important; /* yellow */\n}\n\n.able-volume-help { /* not visible; used in aria-describedby */\n display: none;\n}\n\n/*\ninput[type=range]:focus {\n outline: none;\n}\ninput[type=range]::-webkit-slider-runnable-track {\n width: 100%;\n height: 8.4px;\n cursor: pointer;\n animate: 0.2s;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n background: #3071a9;\n border-radius: 1.3px;\n border: 0.2px solid #010101;\n}\ninput[type=range]::-webkit-slider-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 36px;\n width: 16px;\n border-radius: 3px;\n background: #ffffff;\n cursor: pointer;\n -webkit-appearance: none;\n margin-block-start: -14px;\n}\ninput[type=range]:focus::-webkit-slider-runnable-track {\n background: #367ebd;\n}\ninput[type=range]::-moz-range-track {\n width: 100%;\n height: 8.4px;\n cursor: pointer;\n animate: 0.2s;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n background: #3071a9;\n border-radius: 1.3px;\n border: 0.2px solid #010101;\n}\ninput[type=range]::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 36px;\n width: 16px;\n border-radius: 3px;\n background: #ffffff;\n cursor: pointer;\n}\ninput[type=range]::-ms-track {\n width: 100%;\n height: 8.4px;\n cursor: pointer;\n animate: 0.2s;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\ninput[type=range]::-ms-fill-lower {\n background: #2a6495;\n border: 0.2px solid #010101;\n border-radius: 2.6px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\ninput[type=range]::-ms-fill-upper {\n background: #3071a9;\n border: 0.2px solid #010101;\n border-radius: 2.6px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\ninput[type=range]::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 36px;\n width: 16px;\n border-radius: 3px;\n background: #ffffff;\n cursor: pointer;\n}\ninput[type=range]:focus::-ms-fill-lower {\n background: #3071a9;\n}\ninput[type=range]:focus::-ms-fill-upper {\n background: #367ebd;\n}\n*/\n\n/*\n Status Bar\n*/\n\n.able-status-bar {\n height: 1.5em;\n min-height: 1.5em;\n color: #CCC;\n font-size: 0.9em;\n background-color: transparent;\n padding: 0.5em 0.5em 0.25em;\n}\n\n[dir=\"ltr\"] .able-status-bar span.able-timer {\n text-align: left;\n}\n\n[dir=\"rtl\"] .able-status-bar span.able-timer {\n text-align: right;\n}\n\n[dir=\"ltr\"] .able-status-bar span.able-timer {\n float: left;\n}\n\n[dir=\"rtl\"] .able-status-bar span.able-timer {\n float: right;\n}\n\n.able-status-bar span.able-timer {\n /* contains both span.elapsedTime and span.duration */\n width: 32%;\n}\n\n[dir=\"ltr\"] .able-status-bar span.able-speed {\n float: left;\n}\n\n[dir=\"rtl\"] .able-status-bar span.able-speed {\n float: right;\n}\n\n.able-status-bar span.able-speed {\n width: 33%;\n text-align: center;\n}\n\n[dir=\"ltr\"] .able-status {\n float: right;\n}\n\n[dir=\"rtl\"] .able-status {\n float: left;\n}\n\n.able-status {\n font-style: italic;\n width: 32%;\n text-align :right;\n}\n\n/*\n Captions and Descriptions\n*/\n\ndiv.able-captions-wrapper {\n width: 100%;\n margin: 0;\n padding: 0;\n text-align: center;\n line-height: 1.35em;\n display: block;\n z-index: 6000;\n}\n\ndiv.able-captions {\n display: none;\n padding: 0.15em 0.25em;\n /* settings that are overridden by user prefs */\n background-color: black;\n font-size: 1.1em;\n color: white;\n opacity: 0.75;\n}\n\ndiv.able-captions-overlay {\n position: absolute;\n margin: 0;\n bottom: 0;\n}\n\ndiv.able-captions-below {\n position: relative;\n min-height: 2.8em;\n}\n\ndiv.able-descriptions {\n position: relative;\n color: #FF6; /* yellow, to differentiate it from captions */\n background-color: #262626;\n min-height: 2.8em;\n border-top: 1px solid #666;\n margin: 0;\n padding: 3%;\n width: 94%;\n text-align: center;\n}\n\n/*\n Now Playing\n*/\n\ndiv.able-now-playing {\n text-align: center;\n font-weight: bold;\n font-size: 1.1em;\n color: #FFFFFF;\n background-color: transparent;\n padding: 0.5em 0.5em 1em;\n}\n\ndiv.able-now-playing span {\n font-size: 0.9em;\n}\n\ndiv.able-now-playing span span {\n display: block;\n}\n\n/*\n Modal Dialogs\n*/\n\n[dir=\"ltr\"] div.able-modal-dialog {\n margin-left: auto;\n}\n\n[dir=\"rtl\"] div.able-modal-dialog {\n margin-right: auto;\n}\n\n[dir=\"ltr\"] div.able-modal-dialog {\n margin-right: auto;\n}\n\n[dir=\"rtl\"] div.able-modal-dialog {\n margin-left: auto;\n}\n\ndiv.able-modal-dialog {\n position: absolute;\n height: auto;\n max-width: 90%;\n left: 0px;\n right: 0px;\n outline: 0px none;\n display: none;\n color: #000;\n background-color: #FAFAFA;\n -webkit-box-sizing: content-box !important;\n box-sizing: content-box !important;\n z-index: 10000;\n}\n\ndiv.able-modal-overlay {\n position: fixed;\n width: 100%;\n height: 100%;\n background-color: #000;\n opacity: 0.5;\n margin: 0;\n padding: 0;\n top: 0;\n left: 0;\n display: none;\n z-index: 9500;\n}\n\nbutton.modalCloseButton {\n position: absolute;\n top: 5px;\n right: 5px;\n}\n\n[dir=\"ltr\"] button.modal-button {\n margin-right: 5px;\n}\n\n[dir=\"rtl\"] button.modal-button {\n margin-left: 5px;\n}\n\ndiv.able-modal-dialog input:hover,\ndiv.able-modal-dialog input:focus,\ndiv.able-modal-dialog button:hover,\ndiv.able-modal-dialog button:focus {\n outline-style: solid;\n outline-width: 2px;\n}\n\ndiv.able-modal-dialog input:hover,\ndiv.able-modal-dialog button:hover {\n outline-color: #8AB839; /* green */\n}\n\ndiv.able-modal-dialog input:focus,\ndiv.able-modal-dialog button:focus {\n outline-color: #ffbb37; /* yellow */\n}\n\ndiv.able-modal-dialog h1 {\n font-weight: bold;\n font-size: 1.8em;\n line-height: 1.2em;\n margin: 0.75em 0;\n color: #000;\n text-align: center;\n}\n\n.able-prefs-form,\n.able-help-div,\n.able-resize-form {\n background-color: #F5F5F5;\n border: medium solid #ccc;\n padding: 0.5em 1em;\n margin: 0 0 0 1em;\n width: 25em;\n display: none;\n}\n\n/*\n Preferences Form\n*/\n\n[dir=\"ltr\"] .able-prefs-form fieldset {\n margin-left: 0;\n}\n\n[dir=\"rtl\"] .able-prefs-form fieldset {\n margin-right: 0;\n}\n\n.able-prefs-form fieldset {\n padding-left: 0;\n border: none;\n}\n\n.able-prefs-form legend {\n color: black;\n font-weight: bold;\n font-size: 1.1em;\n}\n\n[dir=\"ltr\"] .able-prefs-form fieldset div {\n margin-left: 1em;\n}\n\n[dir=\"rtl\"] .able-prefs-form fieldset div {\n margin-right: 1em;\n}\n\n.able-prefs-form fieldset div {\n display: table;\n}\n\n.able-prefs-form fieldset div input {\n display: table-cell;\n width: 1em;\n vertical-align: middle;\n}\n\n.able-prefs-form fieldset div label {\n display: table-cell;\n padding-left: 0.5em;\n}\n\n[dir=\"ltr\"] fieldset.able-prefs-keys div {\n float: left;\n}\n\n[dir=\"rtl\"] fieldset.able-prefs-keys div {\n float: right;\n}\n\n[dir=\"ltr\"] fieldset.able-prefs-keys div {\n margin-right: 1em;\n}\n\n[dir=\"rtl\"] fieldset.able-prefs-keys div {\n margin-left: 1em;\n}\n\n[dir=\"ltr\"] div.able-desc-pref-prompt {\n margin-left: 1em !important;\n}\n\n[dir=\"rtl\"] div.able-desc-pref-prompt {\n margin-right: 1em !important;\n}\n\ndiv.able-desc-pref-prompt {\n font-weight: bold;\n font-style: italic;\n}\n\n[dir=\"ltr\"] div.able-prefDescFormat > div {\n margin-left: 1.5em;\n}\n\n[dir=\"rtl\"] div.able-prefDescFormat > div {\n margin-right: 1.5em;\n}\n\n[dir=\"ltr\"] .able-prefs-captions label,[dir=\"ltr\"] \n.able-prefs-captions select {\n float: left;\n}\n\n[dir=\"rtl\"] .able-prefs-captions label,[dir=\"rtl\"] \n.able-prefs-captions select {\n float: right;\n}\n\n.able-prefs-captions label,\n.able-prefs-captions select {\n display: block;\n margin-bottom: 0.25em;\n}\n\n[dir=\"ltr\"] fieldset.able-prefs-captions label {\n text-align: right;\n}\n\n[dir=\"rtl\"] fieldset.able-prefs-captions label {\n text-align: left;\n}\n\nfieldset.able-prefs-captions label {\n width: 6em;\n padding-right: 1em;\n}\n\nfieldset.able-prefs-captions select {\n width: 10em;\n font-size: 0.9em;\n border-radius: none;\n}\n\n.able-prefs-form div.able-captions-sample {\n padding: 0.5em;\n text-align: center;\n}\n\n.able-prefs-form h2 {\n margin-top: 0;\n margin-bottom: 0.5em;\n font-size: 1.1em;\n}\n\n.able-prefs-form ul {\n margin-top: 0;\n}\n\n/*\n Keyboard Preferences Dialog\n*/\n\nable-prefs-form-keyboard ul {\n list-style-type: none;\n}\n\nspan.able-modkey-alt,\nspan.able-modkey-ctrl,\nspan.able-modkey-shift {\n color: #666;\n font-style: italic;\n}\n\nspan.able-modkey {\n font-weight: bold;\n color: #000;\n font-size: 1.1em;\n}\n\n/*\n Resize Window Dialog\n*/\n\n.able-resize-form h1 {\n font-size: 1.15em;\n}\n\n.able-resize-form div div {\n margin: 1em;\n}\n\n.able-resize-form label {\n padding-right: 0.5em;\n font-weight: bold;\n}\n\n.able-resize-form input[type=\"text\"] {\n font-size: 1em;\n}\n\n.able-resize-form input[readonly] {\n color: #AAA;\n}\n\n/*\n Drag & Drop\n*/\n\n.able-window-toolbar {\n background-color: #464646;\n min-height: 15px;\n padding: 10px;\n border-style: solid;\n border-width: 0 0 1px 0;\n}\n\n.able-draggable:hover {\n cursor: move;\n}\n\n.able-window-toolbar .able-button-handler-preferences {\n position: absolute;\n top: 0;\n right: 0;\n font-size: 1.5em;\n background-color: transparent;\n border: none;\n outline: none;\n padding: 0;\n z-index: 9300;\n}\n\n.able-window-toolbar .able-button-handler-preferences:hover,\n.able-window-toolbar .able-button-handler-preferences:focus {\n outline-style: solid;\n outline-width: medium;\n}\n\n.able-window-toolbar .able-button-handler-preferences:hover {\n outline-color: #8AB839 !important; /* green */\n}\n\n.able-window-toolbar .able-button-handler-preferences:focus {\n outline-color: #ffbb37 !important; /* yellow */\n}\n\n.able-window-toolbar .able-popup {\n position: absolute;\n cursor: default;\n right: 0;\n top: 0;\n display: block;\n}\n\n.able-drag {\n border: 2px dashed #F90;\n cursor: move;\n}\n\n.able-resizable {\n position: absolute;\n width: 16px;\n height: 16px;\n padding: 5px 0 0 5px;\n bottom: 0;\n right: 0;\n cursor: nwse-resize;\n background: transparent bottom right url('../ableplayer/images/wingrip.png') no-repeat;\n}\n\n/*\n Sign Language Window\n*/\n\n.able-sign-window {\n position: relative;\n margin: 1em;\n /* max-width: 100%; */\n z-index: 8000;\n}\n\n.able-sign-window video {\n width: 100%;\n}\n\n.able-sign-window:focus {\n outline: none;\n}\n\n/*\n External chapters div\n*/\n\ndiv.able-chapters-div {\n padding: 0;\n}\n\ndiv.able-chapters-div .able-chapters-heading {\n margin: 1em 0.75em;\n font-size: 1.1em;\n font-weight: bold;\n}\n\ndiv.able-chapters-div ul {\n list-style-type: none;\n padding-left: 0;\n}\n\ndiv.able-chapters-div ul li {\n max-width: 100%;\n padding: 0;\n height: 2em;\n}\n\n[dir=\"ltr\"] div.able-chapters-div button {\n text-align: left;\n}\n\n[dir=\"rtl\"] div.able-chapters-div button {\n text-align: right;\n}\n\ndiv.able-chapters-div button {\n width: 100%;\n height: 100%;\n border: none;\n background-color: transparent;\n color: #000;\n font-size: 1em;\n padding: 0.15em 1em;\n}\n\ndiv.able-chapters-div li.able-current-chapter {\n background-color: #000 !important;\n}\n\ndiv.able-chapters-div li.able-current-chapter button {\n color: #FFF !important;\n}\n\ndiv.able-chapters-div li.able-focus {\n background-color: #4C4C4C;\n}\n\ndiv.able-chapters-div button:focus,\ndiv.able-chapters-div button:hover,\ndiv.able-chapters-div button::-moz-focus-inner {\n border: 0;\n outline: none;\n color: #FFF !important;\n}\n\n/*\n Fullscreen settings\n In v2.2.4b commented out :-webkit-full-screen style\n This was causing the toolbar in fullscreen mode to be positioned slightly offscreen in webkit browsers\n Safari had an additional problem in window height was being calculated (see event.js > onWindowResize())\n Commenting out this style appears have no adverse effect in any browser\n All other fullscreen styles were already commented out, and left here solely for reference\n*/\n\n/*\n:-webkit-full-screen {\n position: fixed;\n width: 100%;\n height: 100%;\n top: 0;\n background: none;\n}\n:-moz-full-screen {\n position: fixed;\n width: 100%;\n height: 100%;\n top: 0;\n bottom: 20;\n background: none;\n}\n\n:-ms-fullscreen {\n position: fixed;\n width: 100%;\n height: 100%;\n top: 0;\n background: none;\n}\n\n:fullscreen {\n position: fixed;\n width: 100%;\n height: 80%;\n top: 0;\n background: none;\n}\n*/\n\n/*\n Tooltips & Alerts\n*/\n\n.able-tooltip, .able-alert {\n position: absolute;\n padding: 5px 10px;\n border-color: black;\n border-width: 1px;\n color: #000 !important;\n background-color: #CCCCCC;\n border-radius: 5px;\n display: block;\n}\n\n.able-alert {\n background-color: #FFFFCC;\n -webkit-box-shadow: 0px 0px 16px #262626;\n box-shadow: 0px 0px 16px #262626;\n z-index: 9400;\n}\n\n.able-popup {\n z-index: 9200;\n}\n\n.able-tooltip {\n z-index: 9000;\n}\n\n/*\n Popup Menus\n*/\n\n.able-popup {\n position: absolute;\n margin: 0;\n padding: 0;\n border-color: black;\n border-width: 1px;\n background-color: #000;\n opacity: 0.85;\n border-radius: 5px;\n display: block;\n cursor: default;\n list-style: none;\n}\n\nul.able-popup {\n list-style-type: none;\n}\n\n.able-popup li {\n padding: 0.25em 1em 0.25em 0.25em;\n margin: 1px;\n color: #FFF;\n}\n\n.able-popup li.able-focus {\n background-color: #CCC;\n color: #000;\n}\n\n.able-popup-captions li {\n padding-left: 1em;\n}\n\n.able-popup-captions li[aria-checked=\"true\"] {\n padding-left: 0;\n}\n\n.able-popup-captions li[aria-checked=\"true\"]::before {\n content: \"\\2713 \"; /* check mark; for heavier mark us 2714 */\n}\n\n/*\n Transcript\n*/\n\n.able-transcript-area {\n border-width: 1px;\n border-style: solid;\n height: 400px;\n z-index: 7000;\n outline: none;\n padding-bottom: 25px; /* keep content above 16x16px drag icon */\n background-color: #FFF;\n}\n\n.able-transcript {\n position: relative; /* must be positioned for scrolling */\n overflow-y: scroll;\n padding-left: 5%;\n padding-right: 5%;\n /* width: 90%; */\n background-color: #FFF;\n height: 350px;\n}\n\n.able-transcript div {\n margin: 1em 0;\n}\n\n.able-transcript-heading {\n font-size: 1.4em;\n font-weight: bold;\n}\n\n.able-transcript-chapter-heading {\n font-size: 1.2em;\n font-weight: bold;\n}\n\n.able-transcript div.able-transcript-desc {\n background-color: #FEE;\n border: thin solid #336;\n font-style: italic;\n padding: 1em;\n}\n\n.able-transcript .able-unspoken {\n font-weight: bold;\n}\n\n.able-transcript .able-hidden {\n position: absolute !important;\n clip: rect(1px 1px 1px 1px); /* IE6, IE7 */\n clip: rect(1px, 1px, 1px, 1px);\n}\n\n.able-highlight {\n background: #FF6; /* light yellow */\n}\n\n.able-previous {\n background: black !important;\n font-style: italic;\n}\n\n.able-transcript span:hover,\n.able-transcript span:focus,\n.able-transcript span:active {\n background: #CF6; /* light green */\n cursor: pointer;\n}\n\n[dir=\"ltr\"] .able-window-toolbar label {\n margin-right: 10px;\n}\n\n[dir=\"rtl\"] .able-window-toolbar label {\n margin-left: 10px;\n}\n\n.able-window-toolbar label {\n color: #FFF;\n}\n\n.able-window-toolbar input:focus,\n.able-window-toolbar input:hover,\n.able-window-toolbar select:focus,\n.able-window-toolbar select:hover,\n.able-controller input:focus,\n.able-controller input:hover,\n.able-controller button:focus,\n.able-controller button:hover,\n.able-seekbar-head:focus,\n.able-seekbar-head:hover {\n outline-style: solid;\n outline-width: 2px;\n}\n\n.able-window-toolbar input:focus,\n.able-window-toolbar select:focus,\n.able-controller input:focus,\n.able-controller button:focus,\n.able-seekbar-head:focus {\n outline-color: #ffbb37; /* yellow */\n}\n\n.able-window-toolbar input:hover,\n.able-window-toolbar select:hover,\n.able-controller input:hover,\n.able-controller button:hover,\n.able-seekbar-head:hover {\n outline-color: #8AB839; /* green */\n}\n\n[dir=\"ltr\"] .able-window-toolbar .transcript-language-select-wrapper {\n float: right;\n}\n\n[dir=\"rtl\"] .able-window-toolbar .transcript-language-select-wrapper {\n float: left;\n}\n\n.able-window-toolbar .transcript-language-select-wrapper {\n padding-right: 30px;\n}\n\n/*\n Playlist (both audio and video)\n*/\n\n.able-playlist {\n list-style-type: none;\n margin: 0;\n background-color: #FFFFFF;\n padding: 5px 0;\n}\n\n.able-playlist li {\n background-color: #DDDDDD; /* default background color of each item in playlist */\n margin: 5px;\n padding: 0;\n border: 2px solid #AAA;\n border-radius: 5px;\n -moz-border-radius: 5px;\n}\n\n.able-playlist li button {\n border: none;\n color: #000000;\n background-color: transparent;\n font-size: 1em;\n width: 100%;\n padding: 5px 10px;\n text-align: left;\n}\n\n.able-playlist li button:hover,\n.able-playlist li button:focus,\n.able-playlist li button:active { /* playlist items when they have mouse or keyboard focus */\n background-color: #FFEEB3;\n color: #000000;\n text-decoration: none;\n outline: none;\n}\n\n.able-playlist li button::-moz-focus-inner {\n border: 0;\n}\n\n.able-playlist li button img {\n width: 100px;\n float: left;\n margin-right: 10px;\n}\n\n.able-playlist li.able-current { /* currently selected playlist item */\n background-color: #340449;\n border-color: #230330;\n}\n\n.able-playlist li.able-current button {\n color: #FFFFFF;\n font-weight: bold;\n text-decoration: none;\n outline: none;\n}\n\n.able-playlist li.able-current button:hover,\n.able-playlist li.able-current button:focus,\n.able-playlist li.able-current button:active {\n color: #000000;\n}\n\n/*\n Search\n*/\n\n.able-search-results ul li {\n font-size: 1.1em;\n margin-bottom: 1em;\n}\n\n.able-search-results-time {\n font-weight: bold;\n text-decoration: underline;\n cursor: pointer;\n}\n\n.able-search-results-time:hover,\n.able-search-results-time:focus,\n.able-search-results-time:active {\n color: #FFF;\n background-color: #000;\n text-decoration: none;\n}\n\n.able-search-results-text {\n padding-left: 1em;\n}\n\n.able-search-term {\n background-color: #FFC;\n font-weight: bold;\n}\n\n/*\n Video Transcript Sorter (VTS)\n*/\n\n#able-vts-instructions {\n margin-bottom: 1.5em;\n padding: 1em;\n border: 1px solid #999;\n width: 720px;\n max-width: 90%;\n}\n\n#able-vts fieldset {\n margin: 1em;\n border: none;\n}\n\n#able-vts fieldset legend {\n color: #000;\n font-weight: bold;\n}\n\n[dir=\"ltr\"] #able-vts fieldset div {\n float: left;\n}\n\n[dir=\"rtl\"] #able-vts fieldset div {\n float: right;\n}\n\n#able-vts fieldset div {\n padding-right: 1em;\n}\n\n[dir=\"ltr\"] #able-vts table {\n clear: left;\n}\n\n[dir=\"rtl\"] #able-vts table {\n clear: right;\n}\n\n#able-vts table,\n#able-vts table th,\n#able-vts table td {\n border: 1px solid black;\n border-collapse: collapse;\n padding: 0.5em 0.75em;\n}\n\n#able-vts table th.actions {\n min-width: 140px;\n}\n\n#able-vts table td button {\n width: auto;\n padding: 0;\n margin: 2px;\n}\n\n#able-vts table td button svg {\n width: 16px;\n height: 16px;\n}\n\n#able-vts table button:hover,\n#able-vts table button:focus {\n /* border: 3px solid #66c2ff; */\n}\n\n#able-vts table button:hover svg {\n fill: #C00;\n}\n\ntr.kind-chapters,\ntr.kind-subtitles {\n background-color: #FFF;\n}\n\ntr.kind-descriptions {\n background-color: #FEE;\n}\n\ntr.kind-chapters {\n background-color: #e6ffe6;\n}\n\n.able-vts-dragging {\n background-color: #FFC;\n}\n\ndiv#able-vts-icon-credit {\n margin: 1em;\n}\n\ndiv#able-vts-alert {\n display: none;\n position: fixed;\n top: 5px;\n left: 5px;\n border: 2px solid #666;\n background-color: #FFC;\n padding: 1em;\n font-weight: bold;\n z-index: 9400;\n}\n\nbutton#able-vts-save {\n font-size: 1em;\n padding: 0.25em;\n border-radius: 5px;\n margin-bottom: 1em;\n font-weight: bold;\n}\n\nbutton#able-vts-save:hover,\nbutton#able-vts-save:focus {\n color: white;\n background-color: #060;\n}\n\n.able-vts-output-instructions {\n width: 720px;\n max-width: 90%;\n}\n\n#able-vts textarea {\n height: 200px;\n width: 720px;\n max-width: 90%;\n}\n\n/*\n Misc\n*/\n\n.able-clipped, .able-screenreader-alert {\n /* hide from sighted users, but not screen reader users */\n position: absolute !important;\n clip: rect(1px 1px 1px 1px); /* IE6, IE7 */\n clip: rect(1px, 1px, 1px, 1px);\n /* additional rules are needed to ensure clipped buttons are truly invisible in Safari on Mac OS X */\n width: 1px !important;\n height: 1px !important;\n overflow: hidden !important;\n}\n\n.able-error {\n display: block;\n background: #ffc;\n border: 2px solid #000;\n color: #FF0000;\n margin: 0.75em;\n padding: 0.5em;\n}\n\n.able-fallback {\n display: block;\n text-align: center;\n border: 2px solid #333355;\n background-color: #EEE;\n color: #000;\n font-weight: bold;\n font-size: 1.1em;\n padding: 1em;\n margin-bottom: 1em;\n max-width: 500px;\n width: 95%;\n}\n\n[dir=\"ltr\"] .able-fallback div,[dir=\"ltr\"] \n.able-fallback ul,[dir=\"ltr\"] \n.able-fallback p {\n text-align: left;\n}\n\n[dir=\"rtl\"] .able-fallback div,[dir=\"rtl\"] \n.able-fallback ul,[dir=\"rtl\"] \n.able-fallback p {\n text-align: right;\n}\n\n.able-fallback li {\n font-weight: normal;\n}\n\n.able-fallback img {\n width: 90%;\n margin: 1em auto;\n opacity: 0.3;\n}\n\n.able-fallback img.able-poster {\n position: relative;\n}\n\n/*\n SVG Icons\n*/\n\nbutton svg {\n display: inline-block;\n width: 1em;\n height: 1em;\n fill: currentColor;\n}\n\n/*\n icomoon.io font styling\n*/\n\n@font-face {\n font-family: 'able';\n src: url('../ableplayer/button-icons/fonts/able.eot?dqripi');\n src: url('../ableplayer/button-icons/fonts/able.eot?dqripi#iefix') format('embedded-opentype'),\n url('../ableplayer/button-icons/fonts/able.ttf?dqripi') format('truetype'),\n url('../ableplayer/button-icons/fonts/able.woff?dqripi') format('woff'),\n url('../ableplayer/button-icons/fonts/able.svg?dqripi#able') format('svg');\n font-weight: normal;\n font-style: normal;\n}\n\n[class^=\"icon-\"], [class*=\" icon-\"] {\n /* use !important to prevent issues with browser extensions that change fonts */\n font-family: 'able' !important;\n speak: none;\n font-style: normal;\n font-weight: normal;\n -webkit-font-feature-settings: normal;\n font-feature-settings: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n\n /* Better Font Rendering =========== */\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n.icon-play:before {\n content: \"\\f04b\";\n}\n\n.icon-pause:before {\n content: \"\\f04c\";\n}\n\n.icon-stop:before {\n content: \"\\f04d\";\n}\n\n.icon-restart:before {\n content: \"\\e900\";\n}\n\n.icon-rewind:before {\n content: \"\\e603\";\n}\n\n.icon-forward:before {\n content: \"\\e604\";\n}\n\n.icon-previous:before {\n content: \"\\e901\";\n}\n\n.icon-next:before {\n content: \"\\e902\";\n}\n\n.icon-slower:before {\n content: \"\\f0dd\";\n}\n\n.icon-faster:before {\n content: \"\\f0de\";\n}\n\n.icon-turtle:before {\n content: \"\\e904\";\n}\n\n.icon-rabbit:before {\n content: \"\\e905\";\n}\n\n.icon-ellipsis:before {\n content: \"\\e903\";\n}\n\n.icon-pipe:before {\n content: \"\\e600\";\n}\n\n.icon-captions:before {\n content: \"\\e601\";\n}\n\n.icon-descriptions:before {\n content: \"\\e602\";\n}\n\n.icon-sign:before {\n content: \"\\e60a\";\n}\n\n.icon-volume-mute:before {\n content: \"\\e606\";\n}\n\n.icon-volume-soft:before {\n content: \"\\e60c\";\n}\n\n.icon-volume-medium:before {\n content: \"\\e605\";\n}\n\n.icon-volume-loud:before {\n content: \"\\e60b\";\n}\n\n.icon-volume-up:before {\n content: \"\\e607\";\n}\n\n.icon-volume-down:before {\n content: \"\\e608\";\n}\n\n.icon-chapters:before {\n content: \"\\e609\";\n}\n\n.icon-transcript:before {\n content: \"\\f15c\";\n}\n\n.icon-preferences:before {\n content: \"\\e60d\";\n}\n\n.icon-close:before {\n content: \"\\f00d\";\n}\n\n.icon-fullscreen-expand:before {\n content: \"\\f065\";\n}\n\n.icon-fullscreen-collapse:before {\n content: \"\\f066\";\n}\n\n.icon-help:before {\n content: \"\\f128\";\n}\n\n/* Solarized Light\n\nFor use with Jekyll and Pygments\n\nhttp://ethanschoonover.com/solarized\n\nSOLARIZED HEX ROLE\n--------- -------- ------------------------------------------\nbase01 var(--w3c-blue) body text / default code / primary content\nbase1 var(--dk-grey) comments / secondary content\nbase3 #fdf6e3 background\norange var(--faded-red) constants\nred var(--faded-red) regex, special keywords\nblue var(--w3c-classic) reserved keywords\ncyan var(--wai-green) strings, numbers\ngreen var(--wai-green) operators, other keywords\n\n*/\n\npre {\n white-space: pre-wrap;\n}\n\n.highlight {\n font-size: 14px;\n color: #003366;\n color: var(--w3c-blue);\n -moz-tab-size: 2;\n -o-tab-size: 2;\n tab-size: 2;\n -webkit-font-feature-settings: \"liga\", \"clig off\";\n font-feature-settings: \"liga\", \"clig off\";\n -webkit-font-variant-ligatures: no-common-ligatures;\n font-variant-ligatures: no-common-ligatures;\n}\n\n.highlight .c { color: #3b3b3b; color: var(--dk-grey) }\n\n/* Comment */\n\n.highlight .err { color: #003366; color: var(--w3c-blue) }\n\n/* Error */\n\n.highlight .g { color: #003366; color: var(--w3c-blue) }\n\n/* Generic */\n\n.highlight .k { color: #005A6A; color: var(--wai-green) }\n\n/* Keyword */\n\n.highlight .l { color: #003366; color: var(--w3c-blue) }\n\n/* Literal */\n\n.highlight .n { color: #003366; color: var(--w3c-blue) }\n\n/* Name */\n\n.highlight .o { color: #005A6A; color: var(--wai-green) }\n\n/* Operator */\n\n.highlight .x { color: #c0272d; color: var(--faded-red) }\n\n/* Other */\n\n.highlight .p { color: #003366; color: var(--w3c-blue) }\n\n/* Punctuation */\n\n.highlight .cm { color: #3b3b3b; color: var(--dk-grey) }\n\n/* Comment.Multiline */\n\n.highlight .cp { color: #005A6A; color: var(--wai-green) }\n\n/* Comment.Preproc */\n\n.highlight .c1 { color: #3b3b3b; color: var(--dk-grey) }\n\n/* Comment.Single */\n\n.highlight .cs { color: #005A6A; color: var(--wai-green) }\n\n/* Comment.Special */\n\n.highlight .gd { color: #005A6A; color: var(--wai-green) }\n\n/* Generic.Deleted */\n\n.highlight .ge { color: #003366; color: var(--w3c-blue); font-weight: bold }\n\n/* Generic.Emph */\n\n.highlight .gr { color: #c0272d; color: var(--faded-red) }\n\n/* Generic.Error */\n\n.highlight .gh { color: #c0272d; color: var(--faded-red) }\n\n/* Generic.Heading */\n\n.highlight .gi { color: #005A6A; color: var(--wai-green) }\n\n/* Generic.Inserted */\n\n.highlight .go { color: #003366; color: var(--w3c-blue) }\n\n/* Generic.Output */\n\n.highlight .gp { color: #003366; color: var(--w3c-blue) }\n\n/* Generic.Prompt */\n\n.highlight .gs { color: #003366; color: var(--w3c-blue); font-weight: bold }\n\n/* Generic.Strong */\n\n.highlight .gu { color: #c0272d; color: var(--faded-red) }\n\n/* Generic.Subheading */\n\n.highlight .gt { color: #003366; color: var(--w3c-blue) }\n\n/* Generic.Traceback */\n\n.highlight .kc { color: #c0272d; color: var(--faded-red) }\n\n/* Keyword.Constant */\n\n.highlight .kd { color: #005A9C; color: var(--w3c-classic) }\n\n/* Keyword.Declaration */\n\n.highlight .kn { color: #005A6A; color: var(--wai-green) }\n\n/* Keyword.Namespace */\n\n.highlight .kp { color: #005A6A; color: var(--wai-green) }\n\n/* Keyword.Pseudo */\n\n.highlight .kr { color: #005A9C; color: var(--w3c-classic) }\n\n/* Keyword.Reserved */\n\n.highlight .kt { color: #c0272d; color: var(--faded-red) }\n\n/* Keyword.Type */\n\n.highlight .ld { color: #003366; color: var(--w3c-blue) }\n\n/* Literal.Date */\n\n.highlight .m { color: #005A6A; color: var(--wai-green) }\n\n/* Literal.Number */\n\n.highlight .s { color: #005A6A; color: var(--wai-green) }\n\n/* Literal.String */\n\n.highlight .na { color: #003366; color: var(--w3c-blue) }\n\n/* Name.Attribute */\n\n.highlight .nb { color: #c0272d; color: var(--faded-red) }\n\n/* Name.Builtin */\n\n.highlight .nc { color: #005A9C; color: var(--w3c-classic) }\n\n/* Name.Class */\n\n.highlight .no { color: #c0272d; color: var(--faded-red) }\n\n/* Name.Constant */\n\n.highlight .nd { color: #005A9C; color: var(--w3c-classic) }\n\n/* Name.Decorator */\n\n.highlight .ni { color: #c0272d; color: var(--faded-red) }\n\n/* Name.Entity */\n\n.highlight .ne { color: #c0272d; color: var(--faded-red) }\n\n/* Name.Exception */\n\n.highlight .nf { color: #005A9C; color: var(--w3c-classic) }\n\n/* Name.Function */\n\n.highlight .nl { color: #003366; color: var(--w3c-blue) }\n\n/* Name.Label */\n\n.highlight .nn { color: #003366; color: var(--w3c-blue) }\n\n/* Name.Namespace */\n\n.highlight .nx { color: #003366; color: var(--w3c-blue) }\n\n/* Name.Other */\n\n.highlight .py { color: #003366; color: var(--w3c-blue) }\n\n/* Name.Property */\n\n.highlight .nt { color: #005A9C; color: var(--w3c-classic) }\n\n/* Name.Tag */\n\n.highlight .nv { color: #005A9C; color: var(--w3c-classic) }\n\n/* Name.Variable */\n\n.highlight .ow { color: #005A6A; color: var(--wai-green) }\n\n/* Operator.Word */\n\n.highlight .w { color: #003366; color: var(--w3c-blue) }\n\n/* Text.Whitespace */\n\n.highlight .mf { color: #005A6A; color: var(--wai-green) }\n\n/* Literal.Number.Float */\n\n.highlight .mh { color: #005A6A; color: var(--wai-green) }\n\n/* Literal.Number.Hex */\n\n.highlight .mi { color: #005A6A; color: var(--wai-green) }\n\n/* Literal.Number.Integer */\n\n.highlight .mo { color: #005A6A; color: var(--wai-green) }\n\n/* Literal.Number.Oct */\n\n.highlight .sb { color: #3b3b3b; color: var(--dk-grey) }\n\n/* Literal.String.Backtick */\n\n.highlight .sc { color: #005A6A; color: var(--wai-green) }\n\n/* Literal.String.Char */\n\n.highlight .sd { color: #003366; color: var(--w3c-blue) }\n\n/* Literal.String.Doc */\n\n.highlight .s2 { color: #005A6A; color: var(--wai-green) }\n\n/* Literal.String.Double */\n\n.highlight .se { color: #c0272d; color: var(--faded-red) }\n\n/* Literal.String.Escape */\n\n.highlight .sh { color: #003366; color: var(--w3c-blue) }\n\n/* Literal.String.Heredoc */\n\n.highlight .si { color: #005A6A; color: var(--wai-green) }\n\n/* Literal.String.Interpol */\n\n.highlight .sx { color: #005A6A; color: var(--wai-green) }\n\n/* Literal.String.Other */\n\n.highlight .sr { color: #c0272d; color: var(--faded-red) }\n\n/* Literal.String.Regex */\n\n.highlight .s1 { color: #005A6A; color: var(--wai-green) }\n\n/* Literal.String.Single */\n\n.highlight .ss { color: #005A6A; color: var(--wai-green) }\n\n/* Literal.String.Symbol */\n\n.highlight .bp { color: #005A9C; color: var(--w3c-classic) }\n\n/* Name.Builtin.Pseudo */\n\n.highlight .vc { color: #005A9C; color: var(--w3c-classic) }\n\n/* Name.Variable.Class */\n\n.highlight .vg { color: #005A9C; color: var(--w3c-classic) }\n\n/* Name.Variable.Global */\n\n.highlight .vi { color: #005A9C; color: var(--w3c-classic) }\n\n/* Name.Variable.Instance */\n\n.highlight .il { color: #005A6A; color: var(--wai-green) }\n\n/* Literal.Number.Integer.Long */\n\n:not(.highlight) code {\n -webkit-font-feature-settings: \"liga\", \"clig off\";\n font-feature-settings: \"liga\", \"clig off\";\n -webkit-font-variant-ligatures: no-common-ligatures;\n font-variant-ligatures: no-common-ligatures;\n color: #003366;\n color: var(--w3c-blue);\n}","button, .button {\n cursor: pointer;\n border-radius: 5px;\n display: inline-block;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 8px 12px;\n border: 2px solid var(--wai-green);;\n font-size: .8125rem;\n line-height: 1.4;\n color: var(--pure-white);\n background-color: var(--wai-green);\n text-decoration: none;\n font-weight: bold;\n &:visited {\n color: var(--pure-white);\n }\n &.button-nobg {\n background: transparent;\n &:--hovcus {\n background-color: transparent;\n border-color: var(--pure-white)\n }\n }\n &.button-noborder {\n border-color: transparent;\n &:--hovcus {\n border-color: var(--pure-white)\n }\n }\n &.button-small {\n padding: 2px 4px;\n }\n &.button-inline {\n padding: 0;\n }\n}\n\n.stealthy-link:--hovcus {\n & span.button {\n background-color: var(--w3c-blue);\n color: var(--pure-white);\n }\n}\n\nbutton, .button {\n &:--hovcus {\n border-color: var(--w3c-blue);\n background-color: var(--w3c-blue);\n color: var(--pure-white);\n }\n &:focus {\n outline-color: var(--w3c-blue);\n }\n &:disabled {\n opacity: .75;\n text-decoration: line-through;\n }\n}\n\n.button-secondary {\n background-color: var(--pure-white);\n color: var(--wai-green);\n &:visited {\n color: var(--w3c-blue);\n &:--hovcus {\n color: var(--pure-white);\n }\n }\n}\n\n.button-backtotop {\n position: fixed;\n cursor: pointer;\n bottom: 16px;\n right: 16px;\n left: auto;\n &:dir(rtl) {\n right: auto;\n left: 16px;\n }\n opacity: 0.85;\n border-radius: 100px;\n background-color: var(--w3c-blue);\n border-color: var(--w3c-blue);\n box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);\n opacity: 0;\n transition: opacity .5s linear;\n &:focus,&.active {\n opacity: 1;\n }\n & svg {\n vertical-align: -1px;\n }\n &.inline {\n position:static;\n float: inline-end;\n }\n}\n\n.button-menu {\n text-transform: uppercase;\n background-color: var(--pure-white);\n color: var(--w3c-blue);\n border-color: var(--gold);\n &:--hovcus {\n border-color: var(--pure-white);\n background-color: var(--gold);\n color: var(--off-black);\n }\n}\n\n.button-group {\n display: flex;\n flex-wrap: wrap;\n margin: 0 -8px;\n & button, & .button {\n min-width: 7em;\n flex: 1;\n text-align: center;\n margin: 8px;\n }\n}","img {\n &.left {\n float: inline-start;\n margin-inline-end: 1em;\n }\n &.right {\n clear: inline-end;\n float: inline-end;\n margin-inline-start: 1em;\n }\n}","mark {\n background-color: var(--gold-light);\n}","p {\n margin: 1em 0;\n}",".showhidebutton {\n display: inline;\n background: transparent;\n color: inherit;\n border-color: transparent;\n font-weight: normal;\n &:after {\n display: inline-block;\n background-color: var(--w3c-blue);\n color: var(--pure-white);\n content: \"–\";\n font-weight: bold;\n margin-inline-start: .5em;\n padding: .3em;\n border-radius: 3px;\n width: 1em;\n height: 1em;\n line-height: 1em;\n }\n &:--hovcus {\n &:after {\n color: var(--w3c-blue);\n background-color: var(--pure-white) !important;\n }\n }\n &[aria-expanded=false]:after {\n content: \"+\";\n }\n /* &.button-inline:after {\n margin-inline-start: .2em;\n padding: .15em;\n border-radius: 3px;\n width: .85em;\n height: .85em;\n line-height: .85em;\n }*/\n}","blockquote {\n font-style: italic;\n margin-block-end: 1em;\n & cite {\n display: block;\n font-style: normal;\n /*color: var(--w3c-blue);*/\n padding-left: 2rem;\n &:before {\n content: \"— \";\n font-weight: bold;\n margin-inline-start: -2rem;\n width: 2rem;\n display: inline-block;\n }\n }\n & p:first-of-type::before {\n content: '“';\n margin-inline-start: -.75ch;\n }\n\n & p:last-of-type {\n margin-block-end: 0;\n }\n\n & p:last-of-type::after {\n content: '”';\n }\n\n\n &.special {\n text-align: center;\n }\n}\n\nblockquote.pull {\n position: relative;\n font-size: 1.25rem;\n padding-left: 1ch;\n margin-inline-start: 4rem;\n border: 1px solid transparent;\n color: var(--w3c-blue);\n font-weight: bold;\n border-inline-start: 2px solid var(--line-grey);\n &.right, &.left {\n max-width: 16rem;\n }\n &.right {\n float: inline-end;\n }\n &.left {\n float: inline-start;\n margin-inline-end: 2rem;\n }\n & p:first-of-type::before {\n font-size: 5rem;\n position: absolute;\n left: 0;\n margin-inline-start: -1.25ch;\n top:-.25ch;\n }\n & cite {\n margin-block-start: .5rem;\n font-size: 1rem;\n font-weight: normal;\n color: var(--off-black);\n }\n &.alt-1 {\n color: var(--w3c-classic);\n }\n &.alt-2 {\n color: var(--wai-green);\n }\n &.alt-3 {\n color: var(--off-black);\n }\n}",".box {\n border: solid 1px var(--line-grey);\n margin-block-start: 16px;\n background-color: var(--pure-white);\n}\n\n.box + .box#toc {\n margin-block-start: 0;\n border-block-start: 0;\n}\n\n.box.box-space-above {\n margin-block-start: 90px;\n}\n\n.box-h {\n padding: 8px 16px;\n color: var(--wai-green);\n @media print {\n color: #000;\n }\n font-weight: bold;\n background-color: var(--off-white);\n & h1, & h2, & h3, & h4, & h5, & h6 {\n border: none;\n font-size: inherit;\n color: inherit;\n margin: 0;\n padding: 0;\n font-weight: inherit;\n display: inline-block;\n @supports (all: unset) {\n all: unset;\n }\n }\n}\n\n.box-h-large {\n font-size: 1.25rem;\n color: var(--w3c-blue);\n padding-bottom: 7px;\n font-weight: normal;\n border-block-end: solid 1px var(--line-grey);\n}\n\n.box-h-icon {\n & svg {\n margin-inline-end: 4px;\n }\n}\n\n.box-i {\n &:before, &:after {\n content: \" \";\n display: table;\n }\n\n &:after {\n clear: both;\n }\n padding: 8px 16px;\n font-size: 14/16 * 1rem;\n & > :first-child {\n margin-block-start: 0;\n }\n & > :last-child {\n margin-block-end: 0;\n }\n}\n\n.box.box-list {\n & .box-i {\n & ul, & ol {\n margin:0;\n padding: 0;\n list-style: none;\n }\n }\n}\n\n.box.box-linklist {\n & .box-i {\n padding: 0;\n }\n}\n\n.box.box-simple {\n & .box-i {\n padding: 2px 8px 8px;\n }\n & .box-h-simple {\n padding: 8px 8px 2px;\n background-color: transparent;\n font-size: .875rem;\n line-height: 1.57;\n }\n}\n\n.box.box-simple.box-aside .box-i {\n font-size: .875rem;\n}\n\n@media (--medium) {\n .box {\n &.box-left, &.box-right {\n width: 33%;\n margin-block-start: -9px;\n &.box-simple { margin-block-start:-3px; }\n }\n &.box-left {\n clear: inline-start;\n float: inline-start;\n margin-inline-end: 1em;\n }\n &.box-right {\n clear: inline-end;\n float: inline-end;\n margin-inline-start: 1em;\n }\n }\n}\n",".breadcrumb {\n font-size: .8125rem;\n background-color: var(--pure-white);\n border-block-end: 1px solid var(--line-grey);\n padding-block-start: 16px;\n padding-block-end: 16px;\n margin-block-end: 32px;\n & ul {\n margin: 0;\n padding: 0;\n grid-column: 2/10;\n & li {\n display: inline-block;\n margin: 0;\n padding: 0;\n &:after {\n content: \" / \";\n color: var(--wai-green);\n white-space: pre-wrap;\n }\n &:last-child:after {\n content: \"\";\n display:none;\n }\n }\n }\n & a {\n color: var(--w3c-blue);\n @media print { &:after { content: ''; } }\n }\n & [aria-current=page] {\n font-weight: bold;\n text-decoration: none;\n }\n}\n",".content {\n display: grid;\n grid-area: content;\n grid-template-columns: repeat(6, minmax(0, 120px));\n grid-column-gap: 32px;\n & > * {\n grid-column: 1/5;\n grid-auto-flow: dense;\n }\n & > .ref-side, > & .demo-side, > & .aside {\n grid-column: 5/7;\n font-size: .875rem;\n line-height: 1.2;\n & p:first-of-type {\n margin-top: 0;\n }\n }\n &.wide {\n grid-template-columns: repeat(8, minmax(0, 120px));\n grid-column-start: navigation;\n grid-column-end: content;\n & > * {\n grid-column: 3/9;\n }\n & .sn-contents {\n grid-column:1/3;\n grid-row:1/99;\n }\n }\n}\n\n.example-bar {\n display: flex;\n padding-inline-start: 32px;\n padding-inline-end: 32px;\n @supports (display: grid) {\n display: grid;\n grid-column-gap: 32px;\n padding: 0;\n max-width: none;\n }\n grid-template-columns: repeat(6, minmax(0, 1fr));\n & > * {\n grid-column: 2/7;\n }\n & .eg {\n grid-column: 1/2;\n grid-row: 1/99;\n text-align: right;\n border-inline-end: 2px solid var(--wai-green);\n padding-block: 0;\n padding-inline: 8px;\n font-weight: bold;\n font-style: italic;\n color: var(--wai-green);\n }\n}\n\n.example-sheet {\n display: flex;\n padding-inlne-start: 32px;\n padding-inline-end: 32px;\n @supports (display: grid) {\n display: grid;\n grid-column-gap: 32px;\n padding: 0;\n max-width: none;\n }\n grid-template-columns: repeat(6, minmax(0, 1fr));\n & .example-sheet-inner {\n grid-column: 2/6;\n background-color: var(--pure-white);\n padding-block: 16px;\n padding-inline: 32px;\n }\n}",".decision-tree {\n list-style: none;\n margin: 1em 0;\n padding:0;\n & > li {\n /*border: 2px solid #999;\n border-block-start:none;*/\n & > strong {\n display: block;\n padding: 1em .5em;\n }\n &:first-child {\n /*border-block-start:2px solid #999;*/\n }\n & > ul {\n padding:0;\n list-style: none;\n /*border-block-start: 1px dotted #aaa;*/\n @supports (display: flex) {\n display:flex;\n flex-direction: row-reverse;\n flex-wrap: wrap;\n align-items: stretch;\n }\n & > li {\n text-indent: 0;\n box-sizing: border-box;\n font-weight: normal;\n @supports (display: flex) {\n flex-basis: 25%;\n }\n padding: .5em;\n // border: 1px solid #aaa;\n &:nth-child(odd) {\n @supports (display: flex) {\n flex-basis: 75%;\n }\n }\n &:nth-child(odd):last-child {\n display:block;\n flex-basis:100%;\n }\n & ul {\n padding:0;\n margin:0;\n }\n & li {\n padding: 0;\n padding-bottom: 0.5em;\n margin-block-end: 0.5em;\n border-block-end: 1px solid var(--dk-grey);\n list-style: none;\n & > em {\n display: block;\n padding-left: 1.5em;\n position: relative;\n margin-block-start: .25em;\n font-style: normal;\n &:before {\n position:absolute;\n content: '';\n top:.2em;\n margin-inline-start: -1.5em;\n }\n }\n &:last-child {\n border-bottom-style: none;\n padding-bottom: 0;\n margin-block-end: 0;\n }\n }\n }\n }\n }\n & .yes {\n background-color: color(var(--w3c-blue) lightness(95%));\n border-block-end: none;\n & li {\n list-style: disc;\n margin-inline-start: 1em;\n &:only-child {\n list-style: none;\n }\n }\n }\n & .no {\n /*border-inline-end:1px dotted #aaa;*/\n background-color: color(var(--faded-red) lightness(85%));\n border-block-end: none;\n position: relative;\n &:after { top: 100%; left: 50%; border: solid transparent; content: \" \"; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(119, 119, 119, 0); border-top-color: color(var(--faded-red) lightness(85%)); border-width: 1rem; margin-inline-start: -.5rem; z-index: 500; }\n /*&:before { top: 100%; left: 50%; border: solid transparent; content: \" \"; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(119, 119, 119, 0); border-top-color: #999; border-width: 1.1rem; margin-inline-start: -.6rem; z-index: 400; }*/\n }\n}",".doc-draft {\n & h1::before {\n content: \"Draft\";\n }\n}",".doc-note-translation {\n font-size: .8125rem;\n & p {\n margin-block-start: 5px;\n margin-block-end: 5px;\n &:first-of-type {\n margin-block-start: 0;\n }\n &:last-child {\n margin-block-end: 0;\n }\n }\n}",".doc-note {\n & h1 {\n &::before{\n background-color: var(--gold);\n color: var(--dk-blue);\n display: inline-block;\n padding: 4px 8px;\n margin-block-start: -8px;\n margin-inline-end: 8px;\n font-size: .875rem;\n text-transform: uppercase;\n letter-spacing: 1px;\n font-weight: bold;\n vertical-align: middle;\n border-radius: 3px;\n }\n }\n}\n\n.doc-note-box {\n border: 2px solid var(--gold);\n padding: 8px;\n background-color: var(--pure-white);\n margin-block-end: 20px;\n & p:first-child {\n margin-block-start: 0;\n }\n & p:last-child {\n margin-block-end: 0;\n }\n}\n\n.doc-note-translations {\n\n}","details {\n padding-left: 2rem;\n}\nsummary {\n cursor: pointer;\n display: block;\n margin-inline-start: -2rem;\n}\n\nsummary::-webkit-details-marker {\n display: none;\n}\n\nsummary {\n & > *:first-child::before {\n content: '+';\n margin-inline-end: 0.5rem;\n display: inline-block;\n border-radius: 5px;\n width: 1.3rem;\n height: 1.3rem;\n line-height: .9;\n background: var(--pure-white);\n color: var(--wai-green);\n border: 2px solid var(--wai-green);\n text-align: center;\n font-weight: bold;\n }\n &:--hovcus > *:first-child::before {\n background: var(--w3c-blue);\n border-color: var(--w3c-blue);\n color: var(--pure-white);\n }\n}\n\ndetails[open] > summary > *:first-child::before {\n content: '–';\n}\n\ndetails > div::after {\n content: \"\";\n display: block;\n clear: both;\n}\n\n.excol-all {\n margin: 16px 0;\n}","figure.shrink-wrap {\n box-sizing: border-box;\n background-color: var(--pure-white);\n width: min-content;\n max-width: 100%;\n border: 1px solid var(--line-grey);\n border-radius: 3px;\n padding: 10px;\n & .figcontent {\n @media (--medlarge) {\n display: flex;\n & > * {\n flex: 1;\n }\n }\n }\n & img {\n border: 1px solid var(--line-grey);\n max-width: none !important;\n }\n & figcaption {\n font-weight: normal;\n border: none;\n margin: 0;\n }\n}",".page-footer, .site-footer {\n font-size: .875rem;\n @media print {\n font-size: 8pt;\n }\n padding-top: 16px;\n padding-bottom: 16px;\n & p:first-of-type {\n margin-block-start: 0;\n }\n & p:last-of-type {\n margin-block-end: 0;\n }\n}\n\n.page-footer {\n margin-block-start: 32px;\n background-color: var(--footer-grey);\n & .inner {\n grid-area: content;\n }\n}\n\n.site-footer {\n margin-block-start: 32px;\n padding-top: 16px;\n padding-bottom: 16px;\n background-color: var(--dk-grey);\n color: var(--pure-white);\n @media print {\n background-color: var(--footer-grey);\n color: var(--dk-grey);\n border-block-start: 1px solid var(--dk-grey);\n }\n & a {\n color: var(--pure-white);\n }\n & a.largelink {\n color: var(--gold);\n font-size: 1.25rem;\n text-decoration: none;\n @media print {\n color: var(--dk-grey);\n font-size: 12pt;\n }\n &:hover, &:focus {\n text-decoration: underline;\n }\n }\n & .footer-list-header {\n font-weight: bold;\n border-block-end: 1px solid var(--trans-line-grey);\n padding: 4px 0;\n }\n & .about {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n @media print {\n grid-column-end: q4-end;\n flex-direction: row;\n align-items: flex-end;\n & p {\n margin: 0;\n }\n }\n }\n &>:not(.about) {\n @media print {\n display: none;\n }\n }\n}\n.page-footer + .site-footer {\n margin-block-start: 0;\n}\n\n.site-footer ul {\n margin: 0;\n padding: 0;\n}\n\n.site-footer ul li {\n list-style:none;\n}\n",".footnotes {\n margin-block-start: 60px;\n}\n.footnotes ol {\n font-size: .85rem;\n}","@custom-selector :--forminputs input:not([type=\"checkbox\"]):not([type=\"radio\"]), textarea;\n\ninput, select, textarea {\n font-size: 1em;\n font-family: inherit;\n}\n\ninput[type=\"search\"] {\n -webkit-appearance: none;\n}\n\n\nfieldset {\n border: none;\n margin: 0 0 2rem;\n padding: 0;\n}\n\nlegend {\n font-size: 1.25rem;\n font-weight: bold;\n}\n\n:--forminputs {\n border: 1px solid var(--grey);\n &:--hovcus {\n border: 1px solid var(--w3c-blue);\n }\n}\n\n& ::-webkit-input-placeholder {\n color: #767676;\n font-style: italic;\n opacity: 1;\n}\n\n& :-moz-placeholder { /* Firefox 18- */\n color: #767676;\n font-style: italic;\n opacity: 1;\n}\n\n& ::-moz-placeholder { /* Firefox 19+ */\n color: #767676;\n font-style: italic;\n opacity: 1;\n}\n\n& :-ms-input-placeholder {\n color: #767676;\n font-style: italic;\n opacity: 1;\n}\n\n.field {\n padding: 4px;\n margin: 0 0 2rem;\n & label {\n display: block;\n }\n & :--forminputs {\n display: block;\n box-sizing: border-box;\n width: 100%;\n padding: 8px;\n &:focus {\n outline: none;\n border-color: var(--w3c-classic);\n background-color: #EDF4FA;\n & ::-webkit-input-placeholder {\n color: #545554;\n }\n\n & :-moz-placeholder { /* Firefox 18- */\n color: #545554;\n }\n\n & ::-moz-placeholder { /* Firefox 19+ */\n color: #545554;\n }\n\n & :-ms-input-placeholder {\n color: #545554;\n }\n }\n }\n &:focus-within {\n background-color: #EDF4FA;\n }\n\n &:focus-within input:focus {\n background-color: var(--pure-white) !important;\n }\n}\n\n\n.group > .field {\n margin-block-end: .5rem;\n margin-inline-start: 2rem;\n}\n\n.radio-field {\n display: flex;\n padding: 4px;\n margin: 0 0 8px;\n border-radius: 3px;\n & input {\n flex: 0 0 1em;\n width: 1em;\n height: 1em;\n margin-inline-end: .5em;\n &:checked + label {\n font-weight: bold;\n color: var(--dk-blue);\n }\n }\n &:--hovcus {\n background-color: var(--light-blue);\n color: #fff;\n & :checked + label {\n color: inherit;\n }\n }\n & label {\n flex: 1 1 100%;\n cursor: pointer;\n }\n}\n\nfieldset {\n border: none;\n}\n\nlegend {\n font-size: 1.25rem;\n font-weight: bold;\n}",".searchform {\n @media (--medium) {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n & label {\n flex: 1;\n text-align: end;\n }\n & input {\n flex: 4;\n margin-inline-start: 10px;\n }\n & button {\n flex: 1;\n margin-inline-start: 10px;\n }\n}","#site-header {\n background-color: var(--w3c-classic);\n color: var(--pure-white);\n @media print {\n background-color: var(--off-white);\n color: #000;\n }\n padding-top: 3px;\n @supports (display: grid) {\n padding-inline-start: 8px;\n padding-inline-end: 8px;\n }\n & a {\n color: var(--pure-white);\n @media print {\n color: var(--w3c-classic);\n }\n @media print {\n &:after {\n content: '';\n }\n }\n }\n}\n\n.wai {\n line-height: 1.2;\n @media (--medium) {\n vertical-align: middle;\n /*display: block;*/\n font-size: 1.5625rem;\n }\n}\n\n.logos {\n grid-column-start: 2;\n grid-column-end: 6;\n grid-row-start: 1;\n padding-block: 16px;\n padding-inline: 0;\n display: flex;\n align-items: center;\n width: 60%;\n @supports (display: grid) {\n width: auto;\n }\n & .claim {\n font-size: .875rem;\n font-style: italic;\n &:lang(ar) {\n font-style: normal;\n }\n margin-inline-start: 16px;\n padding-inline-start: 16px;\n border-inline-start: 1px solid var(--gold);\n color: var(--pure-white);\n @media print {\n color: var(--w3c-classic);\n }\n flex:1 0 0;\n display: none;\n @media (--medium) {\n display: flex;\n align-items: center;\n }\n }\n}\n\n.home {\n @media (--small) {\n margin-inline-end: 32px;\n }\n text-decoration: none;\n transition: color .25s ease-in .1s;\n display: flex;\n align-items: center;\n @supports (display: grid) {\n flex:0;\n }\n @media (--large) {\n margin-inline-end: 8px;\n }\n & svg, & img {\n vertical-align:middle;\n color: inherit;\n fill: currentColor;\n height: 30px;\n @media (--medium) {\n height: 46px;\n }\n }\n img {\n padding-inline-end: 8px;\n }\n &.w3c {\n border-block-end: 2px solid transparent;\n &:hover {\n border-bottom-color: currentColor;\n }\n }\n & .wai {\n display: flex;\n flex-direction: column;\n justify-content: center;\n @media (--medium) {\n font-size: 1.25rem;\n }\n & .wa {\n padding-block-end: 2px;\n }\n & .i {\n border-block-start: 1px solid var(--gold);\n padding-top: 2px;\n display: flex;\n justify-content: space-between;\n }\n }\n &:--hovcus {\n text-decoration: underline;\n color: var(--gold) !important;\n }\n}\n","h1, h2, h3, h4, h5, h6 {\n padding: 0;\n}\n\nh1, h2 { margin: 60px 0 20px; }\nh3 { margin: 40px 0 20px; }\nh4, h5, h6 { margin: 20px 0 10px; }\nh1, h2, h3, h4 {\n color: var(--wai-green);\n @media print {\n color: #000;\n }\n}\n\nh1 {\n font-size: 1.5rem;\n @media (--medium) {\n font-size: 2rem;\n }\n @media (--large) {\n font-size: 2.375rem;\n }\n line-height: 1.2;\n font-weight: normal;\n margin-block-start: 0;\n & + h2 {\n margin-block-start: 0;\n }\n}\n\nh2 {\n font-size: 1.375rem;\n line-height: 1.2;\n font-weight: bold;\n border-block-end: 1px solid var(--line-grey);\n & + h3 {\n margin-block-start: 0;\n }\n}\n\nh3, h4 {\n font-size: 1.125rem;\n line-height: 1.4;\n}\n\nh3 + h4 {\n margin-block-start: 0;\n}\n\nh4 {\n font-weight: normal;\n & + h5 {\n margin-block-start: 0;\n }\n}\n\nh5 {\n font-weight: bold;\n line-height: 1.6;\n & + h6 {\n margin-block-start: 0;\n }\n}\n\nh6 {\n font-size:.875rem;\n line-height: 1.8;\n}\n\nh1, h2, h3, h4, h5, h6 {\n &.ex:before, &.ap:before, & b {\n color: var(--w3c-blue) !important;\n font-weight: bold;\n }\n}\n\n.no-js {\n & .ex {\n counter-increment: examples;\n counter-reset: approaches;\n &:before {\n content: 'Example ' counter(examples) ': ';\n }\n &.inap {\n counter-reset: none;\n }\n }\n\n & .newap {\n counter-reset: approaches;\n }\n\n & .newex {\n counter-reset: examples;\n }\n\n\n & h2.first, & h3.first, & .newexap {\n counter-reset: examples approaches;\n }\n\n & .ap {\n counter-increment: approaches;\n &:before {\n content: 'Approach ' counter(approaches) ': ';\n }\n }\n}\n","[class^=\"icon-\"], [class*=\" icon-\"] {\n display: inline-block;\n width: 1em;\n height: 1em;\n stroke-width: 0;\n stroke: currentColor;\n fill: currentColor;\n}\n\n/* ==========================================\nSingle-colored icons can be modified like so:\n.icon-name {\n font-size: 32px;\n color: red;\n}\n========================================== */\n\n.icon-default {\n width: 0.9285714285714285em;\n}\n\n.icon-info {\n width: 0.8571428571428571em;\n}\n\n.icon-audio-description {\n width: 3.5em;\n height: 1.75em;\n margin: -.25em;\n}\n\n.icon-search {\n width: 0.9287109375em;\n}\n\n.icon-arrow-left {\n width: 0.8928571428571428em;\n}\n\n.icon-arrow-right {\n width: 0.8214285714285714em;\n}\n\n.icon-arrow-up {\n width: 0.9285714285714285em;\n}\n\n.icon-arrow-down {\n width: 0.9285714285714285em;\n}\n\n.icon-ex-circle {\n width: 0.8571428571428571em;\n}\n\n.icon-check-circle {\n width: 0.8571428571428571em;\n}\n\n.icon-external-link {\n width: 0.8571428571428571em;\n}\n\n.icon-readmore {\n width: 0.7142857142857142em;\n}\n\n.icon-desktop {\n width: 1.0714285714285714em;\n}\n\n.icon-laptop {\n width: 1.0714285714285714em;\n}\n\n.icon-tablet {\n width: 0.6428571428571428em;\n}\n\n.icon-mobile {\n width: 0.42857142857142855em;\n}\n\n.icon-code {\n width: 1.0714285714285714em;\n}\n\n.icon-fork {\n width: 0.5714285714285714em;\n}\n\n.icon-code-file {\n width: 0.8571428571428571em;\n}\n\n.icon-cart-plus {\n width: 0.9285714285714285em;\n}\n\n.icon-languages {\n height: 1em;\n width: 2.75em;\n vertical-align: -8%;\n}\n\n.icon-translations {\n height: 1.6em;\n vertical-align: middle\n}","dl {\n margin: 16px 0;\n}\n\ndt {\n font-weight: bold;\n}\n\n.notbold dt {\n font-weight: normal;\n}\n\ndd {\n margin-inline-start: 32px;\n}\n\ndd+dt {\n margin-block-start: 8px;\n}\n\ndl.paragraph-like dd+dt {\n margin-block-start: 1em;\n}","ul li, ol li {\n margin-block-end: 8px;\n}\n\n.linklist {\n &, & li {\n margin: 0;\n padding: 0;\n list-style:none;\n }\n & a {\n display: block;\n padding: 4px 16px;\n border-block-end: 1px solid var(--line-grey);\n text-decoration: none;\n & svg {\n height: .65em;\n }\n &:hover, &:focus {\n & svg {\n color: var(--faded-red);\n }\n & .visual-a {\n text-decoration: underline;\n }\n }\n }\n & li:last-child a {\n border-block-end: none;\n }\n}\n\n.nolist {\n margin: 0;\n padding: 0;\n & li {\n list-style: none;\n margin: 0;\n padding: 0;\n }\n}\n\np+ul, p+ol {\n margin-block-start: -8px;\n}\n\n.columns {\n padding: 0;\n & > * {\n margin-inline-start: 32px;\n }\n}\n\n.two.columns, .four.columns {\n column-gap: 32px;\n @media (--medium) {\n columns: 2;\n }\n}\n\n.four.columns {\n padding: 0 8px;\n @media (--large) {\n columns: 4;\n }\n}\n\n.two.small.columns {\n column-gap: 32px;\n @media (--medium) {\n columns: 1;\n }\n @media (--large) {\n columns: 2;\n }\n}",".info {\n background-color: var(--gold);\n background-image: linear-gradient(to bottom, var(--gold), color(var(--gold) blackness(15%)));\n background-size: 100% 20%;\n background-repeat: no-repeat;\n background-position: bottom;\n font-weight: bold;\n text-align: center;\n & svg {\n margin-inline-end: 8px;\n font-size: 2em;\n vertical-align: middle;\n margin-block-start: -.14em;\n }\n}","#controls {\n background-color: var(--off-white);\n padding-inline: 8px;\n padding-block: 0;\n @media (--medium) {\n text-align: end;\n }\n font-size: .8125em;\n & > ul {\n padding: 0;\n margin: 0;\n @media (--medium) {\n grid-column-start: navigation;\n grid-column-end: content;\n }\n & > li {\n display: inline;\n list-style: none;\n margin: 0;\n margin-inline-start: 4px;\n padding: 0;\n padding-inline-start: 4px;\n @media (--medium) {\n margin: 0;\n margin-inline-start: 8px;\n padding: 0;\n padding-inline-start: 8px;\n }\n border-inline-start: 1px solid var(--w3c-blue);\n &:first-child {\n border-inline: 0;\n margin: 0;\n padding: 0;\n }\n }\n }\n & a {\n color: var(--w3c-blue);\n text-decoration: none;\n padding-block: 2px;\n padding-inline: 0;\n &:--hovcus {\n border-block-end: none;\n text-decoration: underline;\n }\n }\n @media print {\n display: none;\n }\n}\n\n#controls [hidden] {\n display: none !important;\n}\n.languagelist>ul {\n display: inline;\n margin: 0;\n padding: 0;\n}\n.languagelist>ul>li {\n border: none;\n padding: 0;\n margin:0;\n display: inline-block;\n &:first-child {\n margin-inline-end: 4px;\n }\n}\n.languagelist>ul>li:first-child:before {\n display:none;\n margin: 0;\n}\n.languagelist>ul>li:before {\n content: \"\";\n display: inline-block;\n background-color: #005A9C;\n width: 4px;\n height: 4px;\n margin:0;\n margin-block-start: -4px;\n margin-inline-end: 4px;\n vertical-align: middle;\n}\n\n#showoptions {\n display: inline;\n}",".mainnav {\n position: relative;\n font-size: .875rem;\n border-block-start: 1px solid var(--w3c-classic);\n border-block-end: 1px solid var(--w3c-classic);\n background-color: var(--w3c-blue);\n display: none;\n &.open { display: block; }\n @media (--medium) {\n display: block;\n }\n @media print {\n display: none;\n }\n & > ul {\n width: 100%;\n max-width: 1268px;\n padding: 0;\n margin: 0 auto !important;\n position: relative;\n display: flex;\n align-items: stretch;\n flex-wrap: wrap;\n @media (--medium) {\n flex-wrap: nowrap;\n }\n & > li {\n display:block;\n position: relative;\n flex-basis: 50%;\n flex-grow: 1;\n flex-shrink: 1;\n &.active {\n background: var(--w3c-blue);\n & > a > span {\n border-block-end: 2px solid var(--gold) !important;\n }\n }\n & > a {\n text-decoration: none;\n display:block;\n width: 100%;\n height: 100%;\n color: var(--pure-white);\n text-align: center;\n /*padding: 15px;*/\n min-height: 44px;\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: center;\n border-block-end: var(--w3c-classic);\n & > span {\n display: block;\n border-block-end: 2px solid transparent;\n }\n &:--hovcus {\n background-color: var(--dk-blue);\n }\n &:--hovcus, &[aria-current=\"page\"], &[aria-current=\"location\"] {\n & > span {\n border-block-end: 2px solid var(--gold);\n }\n }\n &[aria-current=\"page\"], &[aria-current=\"location\"] {\n &:--hovcus > span {\n border-block-end: 2px solid var(--pure-white);\n }\n }\n }\n & + li > a {\n border-inline-start: 1px solid #235A97;\n }\n }\n }\n}\n\n#openmenu {\n @media (--large) {\n display: none;\n }\n @media print {\n display: none;\n }\n}\n.page-home #openmenu {\n @media (--medium) {\n display: none;\n }\n}",".metanav {\n text-align: end;\n width: 100%;\n display: none;\n font-size: .85em;\n &.open {display: block;}\n @media (--medium) {\n display: block;\n }\n @media print {\n display: none;\n }\n & a {\n text-decoration: none;\n &:--hovcus, &[aria-current=\"page\"] {\n text-decoration: underline;\n }\n &[aria-current=\"page\"] {\n text-decoration: underline;\n }\n }\n & > ul {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n & li {\n display: inline-block;\n padding-inline: 8px;\n @media (--medium) {\n display: flex;\n align-items: center;\n }\n &:first-child {\n border: 0;\n }\n &:last-child {\n margin-block-end: 0;\n padding:0;\n border: 0;\n }\n & a {\n position: relative;\n min-height: 24px;\n padding-block: 10px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n &:before, &:after {\n position: absolute;\n top: 12px;\n left: -8px;\n bottom: 12px;\n width: 1px;\n background-color: var(--gold);\n }\n &:dir(ltr):before {\n content: '';\n }\n &:dir(rtl):after {\n content: '';\n }\n @media (--medium) {\n width: 100%;\n text-align: end;\n }\n }\n }\n &:dir(ltr) li:first-child a:before {\n display: none;\n }\n &:dir(rtl) li:nth-last-child(2) a:after {\n display: none;\n }\n }\n & form[role=search] {\n background-color: var(--w3c-blue);\n border: 1px solid var(--pure-white);\n & > div {\n display:flex;\n }\n & label {\n text-transform: none;\n font-weight: normal;\n }\n & input {\n box-sizing: border-box;\n -webkit-appearance: none;\n background-color: transparent;\n border: 0;\n border-radius: 0;\n color: var(--off-white);\n height: 100%;\n padding: 5px;\n margin: 0;\n width: 10em;\n &:focus {\n color: var(--pure-white);\n }\n &::-webkit-search-decoration {\n display: none;\n }\n &::-webkit-search-cancel-button,\n &::-webkit-search-results-button {\n filter: invert(100%);\n }\n }\n & button {\n display: block;\n margin: 0;\n }\n & ::-webkit-input-placeholder {\n color: var(--pure-white);\n font-style: italic;\n opacity: 1;\n }\n\n & :-moz-placeholder { /* Firefox 18- */\n color: var(--pure-white);\n font-style: italic;\n opacity: 1;\n }\n\n & ::-moz-placeholder { /* Firefox 19+ */\n color: var(--pure-white);\n font-style: italic;\n opacity: 1;\n }\n\n & :-ms-input-placeholder {\n color: var(--pure-white);\n font-style: italic;\n opacity: 1;\n }\n }\n}",".navigations {\n position: relative;\n grid-column-start: 6;\n grid-column-end: -2;\n flex-grow: 1;\n display: flex;\n align-items: center ;\n & .nava11y {\n display: block;\n }\n}\n.mainnav, .metanav {\n & > ul {\n margin: 0;\n padding: 0;\n & > li {\n list-style: none;\n margin: 0;\n }\n }\n}",".teaser.news {\n background-color: var(--pure-white);\n}\n\n.announce-box {\n background-color: var(--lt-off-white);\n border: 1px solid var(--line-grey);\n border-block: 1px;\n border-inline: 0;\n padding-block: 10px !important;\n padding-inline: 25px !important;\n &+.announce-box {\n border-block-start-width:0;\n }\n &>:first-child {\n margin-block-start: 0;\n }\n &>:last-child {\n margin-block-end: 0;\n }\n}",".notes {\n font-size: .85em;\n & strong:first-child {\n font-weight: bold;\n color: var(--wai-green);\n }\n}",".pager {\n background-color: var(--pure-white);\n border: 1px solid var(--line-grey);\n margin-block-start: 32px;\n}\n\n.pager > ul {\n box-sizing: border-box;\n align-content: center;\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n margin: 0;\n padding: 8px;\n}\n\n.pager--item {\n display: flex;\n flex: 0 1 50%;\n &:only-child {\n flex-basis: 100%;\n }\n list-style: none;\n margin:0;\n}\n\n.pager--item a:link {\n color: var(--wai-green);\n display: flex;\n flex-direction: row;\n flex: 1 100%;\n text-decoration: none;\n align-items: center;\n}\n\n.pager--item a:visited {\n color: var(--visited-link);\n}\n\n.pager--item a:hover,\n.pager--item a:focus {\n color: var(--w3c-blue);\n}\n\n.pager--item a:active {\n color: var(--wai-green);\n}\n\n.pager--item.next a {\n flex-direction: row-reverse;\n justify-content: flex-end;\n text-align: end;\n}\n\n.pager--item-icon {\n display: flex;\n font-size: 33px;\n}\n\n.pager--item-text {\n display: flex;\n flex: 1 auto;\n width: 100%;\n flex-direction: column;\n margin-inline-end: 8px;\n margin-inline-start: 8px;\n}\n\n.pager--item-text-direction {\n color: var(--off-black);\n font-size: .75rem;\n}\n\n.pager--item-text-target {\n font-size: 1rem;\n line-height: 1;\n}",".pagination {\n margin: 0;\n margin-block: 16px;\n padding-block-start: 16px;\n border-block-start: 2px solid var(--line-grey);\n & ul {\n width: 100%;\n display: flex;\n margin: 0;\n padding: 0;\n list-style: none;\n justify-content: flex-end\n }\n & li {\n margin-inline-start: 8px;\n }\n & a, & .like-a {\n padding-block: 8px;\n padding-inline: 16px;\n border-radius: 4px;\n border: 2px solid var(--line-grey);\n }\n & .is-active .like-a {\n background-color: var(--w3c-blue);\n border-color: var(--w3c-blue);\n color: var(--pure-white);\n }\n & a:--hovcus {\n background-color: var(--line-grey);\n }\n}",".quote {\n background-color: var(--wai-green);\n border-radius: 5px;\n color: var(--pure-white);\n padding: 22px;\n}\n\n.quote--block {\n display: flex;\n flex-direction: column;\n margin: 0;\n padding: 0;\n}\n\n.quote--block-text {\n font-size: 20px;\n font-style: italic;\n line-height: 1.25;\n margin: 0;\n padding: 0;\n}\n\n.quote--block-text::before {\n content: open-quote;\n}\n\n.quote--block-text::after {\n content: close-quote;\n}\n\n.quote--block-cite {\n font-size: 15px;\n font-weight: 500;\n margin: 0;\n margin-block-start: 9px;\n}\n\n.quote--block-cite a {\n color: var(--body-bg);\n}",".related-content {\n background-color: var(--pure-white);\n border: 1px solid var(--line-grey);\n display: flex;\n flex: 1 100%;\n flex-direction: column;\n margin: 50px;\n}\n\n.related-content--head {\n align-items: center;\n background-color: var(--off-white);\n border-box-end: 1px solid var(--line-grey);\n display: flex;\n flex-direction: row;\n block-size: 48px;\n}\n\n.related-content--head-icon {\n block-size: 22px;\n margin-inline-end: 10px;\n margin-inline-start: 19px;\n inline-size: 22px;\n}\n\n.related-content--head-heading {\n border: none;\n color: var(--w3c-blue);\n flex: 1 100%;\n font-size: 20px;\n margin: 0;\n padding: 0;\n}\n\n\n.related-content--content {\n margin: 0;\n padding: 0;\n}\n\n.related-content--content-list {\n list-style: none;\n margin: 22px;\n padding: 0;\n}\n\n.related-content--content-list li {\n font-size: 14px;\n line-height: 2.2em;\n}",".sidenav {\n grid-area: navigation;\n margin-block-end: 24px;\n display: none;\n &.open {\n display: block;\n margin-block-start: 16px;\n }\n @media (--large) {\n display: block;\n }\n @media print {\n display: none;\n }\n}\n\n.sidenav--head {\n background-color: var(--w3c-blue);\n border: 2px solid var(--w3c-blue);\n border-width: 0 5px;\n padding: 16px 24px;\n display:flex;\n align-items: flex-end;\n border-block-end: none;\n font-weight: bold;\n}\n\n.sidenav--head-icon {\n padding-block-end: .3em;\n margin-inline-start: -16px;\n}\n\n.sidenav--head-icon--inner {\n width: 47px;\n height: 48px;\n float: inline-start;\n margin-inline-end: 8px;\n}\n\n.sidenav--head-section {\n color: var(--pure-white);\n text-transform: uppercase;\n letter-spacing: .7px;\n font-size: .6875rem;\n font-weight: bold;\n}\n\n.sidenav--head-subsection {\n color: var(--pure-white);\n font-size: 1.375rem;\n}\n\n.sidenav--list {\n background-color: var(--w3c-blue);\n border: 2px solid var(--w3c-blue);\n border-block-end-width: 5px;\n border-block-start-width: 0;\n border-inline-start-width: 5px;\n border-inline-end-width: 0;\n margin: 0;\n padding:0;\n font-size: .8125rem;\n & a {\n display: flex;\n box-sizing: border-box;\n padding-block: 8px;\n padding-inline: 24px;\n min-height: 44px;\n color: var(--pure-white);\n text-decoration: none;\n align-items: center;\n &:--hovcus {\n text-decoration: underline;\n background-color: var(--off-white);\n color: var(--wai-green);\n }\n &:focus {\n outline-color: var(--gold);\n }\n & span.lang {\n font-weight: normal;\n }\n }\n & li a {\n border-block-start: 1px solid var(--w3c-classic);\n }\n .sidenav-head + & {\n border-block-start: none;\n }\n & ul {\n padding: 0;\n margin: 0;\n padding-inline-start: 24px;\n }\n & a + ul { display:none; }\n & a[aria-current] + ul { display:block; }\n & li {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n & ul li:first-child a {\n border-top-color:transparent;\n }\n & a[aria-current] {\n /*color: var(--w3c-blue);\n background-color: var(--body-bg);*/\n }\n & a[aria-current=location] {\n padding-block-end: 4px;\n font-weight: bold;\n }\n & a[aria-current=page] {\n font-weight: bold;\n color: var(--wai-green);\n background-color: var(--body-bg);\n position:relative;\n &:before, &:after {\n position: absolute;\n content: \"\";\n width: 0;\n height: 0;\n left: auto;\n right: 0;\n &:dir(rtl) {\n left: 0;\n right: auto;\n }\n border: 1px solid var(--pure-white);\n opacity: .9;\n }\n &:before {\n top:-2px;\n border-color: transparent var(--pure-white) var(--pure-white) transparent;\n }\n &:dir(rtl):before {\n border-color: transparent transparent var(--pure-white) var(--pure-white);\n }\n &:after {\n bottom:-2px;\n border-color: var(--pure-white) var(--pure-white) transparent transparent;\n }\n &:dir(rtl):after {\n border-color: var(--pure-white) transparent transparent var(--pure-white);\n }\n }\n}\n\n.sidenav-languages {\n font-size: .8125rem;\n margin-block-start: 2rem;\n border-radius: 3px;\n border: 2px solid var(--gold);\n background-color: var(--pure-white);\n & header {\n border-block-end: 2px solid var(--gold);\n padding-block: 8px;\n padding-inline: 27px;\n font-weight: bold;\n }\n & .langlist {\n padding-inline-start: 27px;\n list-style-position: inside;\n list-style-type: square;\n color: var(--w3c-classic);\n & li {\n margin-block-end: 2px;\n }\n }\n & p {\n padding-block-start: 4px;\n padding-block-end: 4px;\n padding-inline-start: 27px;\n padding-inline-end: 0;\n margin:0;\n border-block-start: 1px solid #eed009;\n }\n}\n","table, caption {\n text-align: start;\n}\ntable {\n border: 1px solid var(--line-grey);\n border-collapse: collapse;\n margin-block-end: 2em;\n}\ncaption {\n font-weight: bold;\n font-size: 1.125rem;\n color: var(--wai-green);\n line-height: 1.4;\n margin-block-end: 8px;\n}\nth, td {\n padding-block: 12px;\n padding-inline: 18px;\n border: 1px solid var(--line-grey);\n vertical-align: top;\n}\n.dense td, .dense th {\n padding-block: 2px;\n padding-inline: 4px;\n}\nth {\n font-weight: bold;\n color: var(--pure-white);\n background-color: var(--wai-green);\n & a {\n color: inherit;\n &:--hovcus {\n color: var(--gold);\n }\n &:visited {\n color: inherit;\n }\n }\n}\nth, td {\n & > :first-child {\n margin-block-start: 0;\n }\n & > :last-child {\n margin-block-start: 0;\n }\n}\n\n.quiet {\n & th {\n background-color: var(--off-white);\n color: var(--w3c-blue);\n & a {\n color: inherit;\n &:--hovcus {\n color: var(--wai-green);\n }\n &:visited {\n color: inherit;\n }\n }\n }\n}\n\n.hyphenated {\n hyphens: auto;\n}",".teaser.audiences-inline {\n & .subtitle {\n /*font-weight:normal;*/\n }\n & .title {\n display: block;\n font-size: 2.25rem;\n }\n}",".making-web-accessible {\n text-align:center;\n border-block-end: 1px solid var(--line-grey);\n flex-direction: column;\n & [hidden] {\n display: none !important;\n }\n & .inner.hidesection {\n position: relative;\n order: -1;\n }\n & .making-web-accessible-box {\n text-align: start;\n padding-block-start: 32px;\n padding-inline-end: 20px;\n padding-block-end: 0;\n padding-inline-start: 105px;\n }\n & .mwa-icon {\n width: 65px;\n height: 65px;\n float:left;\n margin-inline-start: -85px;\n }\n & .title {\n display: block;\n font-size: 2.25rem;\n }\n & .teaser-h h2 {\n margin:0;\n }\n & h3 {\n margin-block-start: 10px;\n font-size: 1.5rem;\n margin-block-end:0;\n }\n & p {\n margin-block-end:0;\n }\n & .showhidebutton {\n float: inline-end;\n position: absolute;\n top: -1.35em;\n right: 0;\n }\n}",".teaser.media-inline {\n & .subtitle {\n /*font-weight:normal;*/\n }\n & .title {\n display: block;\n font-size: 2.25rem;\n }\n}",".white-bg {\n background-color: var(--pure-white);\n}\n\n.bordered {\n border: 1px 0;\n border-color: var(--line-grey);\n}\n\n.teaser.news-teaser {\n & .title {\n display: block;\n font-size: 2.25rem;\n }\n}",".teaser.resource-inline {\n & .subtitle {\n /*font-weight:normal;*/\n }\n & .title {\n display: block;\n font-size: 2.25rem;\n }\n}",".teaser {\n padding-block-start: 32px;\n padding-block-end: 32px;\n}\n\n.teaser.featured {\n background-size: cover;\n background-position: center;\n & .teaser-c {\n background-color: rgba(255, 255, 255, 0.9);\n border-block-start: 5px solid var(--faded-red);\n padding-block: 16px;\n padding-inline: 32px;\n display:block;\n }\n}\n\n.teaser-h {\n & h2, & h3, & h4, & h5, & h6 {\n margin: 0;\n margin-block-end: 16px;\n padding: 0;\n border:none;\n color: var(--wai-green);\n font-size: 1rem;\n line-height: 1.2;\n &.title {\n font-size: 1.5rem;\n margin: 0;\n margin-block-start: 10px;\n margin-block-end: 20px;\n @media (--medium) {\n font-size: 2rem;\n }\n @media (--large) {\n font-size: 2.375rem;\n }\n }\n }\n & .subtitle {\n font-weight: bold;\n margin: 0;\n font-size: .875rem;\n color: var(--off-black);\n }\n}\n\n.teaser-h-icon {\n height:1em;\n width: 1em;\n vertical-align: middle;\n margin-inline-end: 10px;\n &.full {\n display: block;\n height: 1.8em;\n width: 1.8em;\n }\n}\n\n.teaser-tip {\n text-align: center;\n & .teaser-h h2 {\n font-size: 1.75rem\n }\n & .teaser-h svg {\n display: block;\n margin: 0 auto;\n height: 1.75em;\n width: 1.75em;\n }\n & .fakelink {\n margin: 0 auto;\n }\n}\n\n.fakelink {\n text-decoration: underline;\n position: relative;\n & svg {\n margin-inline-start: 5px;\n width: .75em;\n height: .75em;\n }\n}\n\n.teaser-about {\n & p {\n @media (--medium) {\n font-size: 1.25rem;\n }\n @media (--large) {\n font-size: 1.5rem;\n }\n color: var(--grey);\n }\n & .teaser-h h2 {\n font-weight: bold;\n }\n}\n\n.teaser-media {\n align-items: center;\n background-color: var(--pure-white);\n}\n\n.teaser-sponsors {\n border-block-start: 1px solid var(--line-grey);\n}\n\n.area-teaser {\n display: block;\n background-color: var(--pure-white);\n border: 1px solid var(--line-grey);\n margin: -1px;\n padding-block: 20px;\n padding-inline: 32px;\n @media (--medium) {\n padding-block: 40px;\n padding-inline: 40px;\n }\n @media (--large) {\n padding-block: 60px;\n padding-inline: 40px;\n }\n & .teaser-h {\n display: flex;\n align-items: flex-end;\n & h2, & h3, & h4, & h5, & h6 {margin: 0; font-weight: normal;}\n }\n & .teaser-h-icon {\n margin-block-end: 10px;\n }\n &:hover, &:focus {\n & .teaser-h > :not(svg) {\n text-decoration: underline;\n }\n }\n}\n\n.teaser.audiences-inline {\n\n}",".video-link {\n display: inline-block;\n text-decoration: none;\n margin: 10px 0;\n & img {\n mask: url(\"../images/video-mask-16-9.svg\");\n mask-size: contain;\n width: 240px;\n }\n &.ratio-43 img {\n mask: url(\"../images/video-mask-4-3.svg\");\n }\n & span {\n display: block;\n text-align: center;\n text-decoration: underline;\n }\n}\n\n.video-link-small img {\n width: 120px;\n}\n\n.video-link-inline {\n display: inline-flex;\n align-items: center;\n & img {\n width: auto;\n height: 2em;\n margin-inline-end: 1em;\n }\n span {\n text-align: start;\n }\n}","/*\n Able Player core styles\n\n Default z-index map:\n\n * Modal dialog\n div.able-modal-dialog = 10000\n div.able-modal-overlay = 9500\n\n * Items that should always be on top (9000):\n #able-vts = 9400\n .able-alert = 9400\n .able-window-toolbar .able-button-handler-preferences = 9300\n .able-popup = 9200\n .able-volume-head = 9175\n .able-volume-slider = 9150\n .able-tooltip = 9000\n\n * Pop-ups with critical content: (7000 - 8000):\n .able-sign-window = 8000\n .able-transcript-area = 7000\n\n * Player controls: (5000 - 6000)\n .able-controller .able-seekbar = 6900\n .able-controller .buttonOff = 6800\n .able-controller button > img = 6700\n .able-controller button > span = 6700\n .able-controller button = 6600\n .able-big-play-button = 6500\n div.able-captions-wrapper = 6000\n .able-seekbar-head = 5500\n .able-seekbar-played = 5200\n .able-seekbar-loaded = 5100\n .able = 5000\n*/\n.able-wrapper {\n position: relative;\n margin: 0;\n padding: 0;\n width: 100%;\n height: auto;\n box-sizing: content-box !important;\n max-width: none !important;\n}\n.able {\n position: relative;\n margin: 1em 0;\n width: 100%; /* will be changed dynamically as player is contructed */\n z-index: 5000;\n}\n.able-column-left {\n float: inline-start;\n}\n.able-column-right {\n float: inline-start;\n}\n.able .able-vidcap-container {\n background-color: black;\n /* height: 360px; */\n left: 0;\n margin: 0;\n position: relative;\n top: 0;\n}\n.able-player {\n font-family: inherit;\n background-color: #262626; /* background color of player (appears on top & bottom) */\n}\n.able-offscreen {\n position:absolute;\n left:-10000px;\n &:dir(rtl) {\n right: -10000px;\n left: auto;\n }\n top:auto;\n width:1px;\n height:1px;\n overflow:hidden;\n}\n.able-media-container audio {\n display: none !important;\n}\n.able-video {\n}\n.able-video .able-now-playing {\n display: none; /* not currently used for video */\n}\n.able-controller {\n position: relative;\n border-block-start: 2px solid #4c4c4c;\n border-block-end: 2px solid #4c4c4c;\n background-color: #464646; /* background color of controller bar */\n min-height: 38px; /* height of button (20px) + 4px border + 4px padding */\n padding: 0;\n}\n.able-poster {\n position: absolute;\n top: 0;\n left: 0;\n}\n\n/*\n Controller Buttons & Controls\n*/\n.able-big-play-button {\n position: absolute;\n font-size: 8em;\n opacity: 0.5;\n filter:alpha(opacity=50); /* for IE */\n color: #fdfdfd;\n background-color: transparent;\n border: none;\n outline: none;\n left: 0;\n top: 0;\n padding: 0;\n z-index: 6500;\n}\n.able-big-play-button:hover {\n opacity: 100;\n filter:alpha(opacity=100); /* for IE */\n}\n.able-left-controls, .able-right-controls {\n overflow: visible;\n}\n.able-left-controls button, .able-right-controls button {\n vertical-align: middle;\n}\n.able-left-controls {\n float: inline-start;\n}\n.able-right-controls {\n float: inline-end;\n}\n.able-black-controls,\n.able-black-controls button,\n.able-black-controls label {\n color: #000 !important;\n}\n.able-black-controls .able-seekbar {\n border: 2px solid #000;\n}\n.able-white-controls,\n.able-white-controls button,\n.able-black-controls label {\n color: #FFF !important;\n}\n.able-white-controls .able-seekbar {\n border: 2px solid #FFF;\n}\n.able-controller button {\n background: none;\n position: relative;\n display: inline-block;\n border-style: none;\n margin: 3px;\n padding: 0;\n font-size: 20px;\n min-width: 24px;\n outline: 2px solid #464646; /* same color as .able-controller background-color */\n border: none;\n overflow: visible !important;\n z-index: 6600;\n}\n.able-controller button > span,\n.able-controller button > img {\n width: 20px;\n margin: 0 auto;\n padding: 0;\n z-index: 6700;\n}\n.able-controller .buttonOff {\n opacity: 0.5;\n filter:alpha(opacity=50); /* for IE */\n z-index: 6800;\n}\n.able-controller .able-seekbar {\n margin: 0 5px;\n z-index: 6900;\n}\n.able-controller button:hover,\n.able-controller button:focus {\n outline-style: solid;\n outline-width: medium;\n}\n.able-controller button:hover {\n outline-color: #8AB839 !important; /* green */\n}\n.able-controller button:focus {\n outline-color: #ffbb37 !important; /* yellow */\n}\n\n/*\n Seekbar\n*/\n.able-seekbar-wrapper {\n display: inline-block;\n vertical-align: middle;\n}\n.able-seekbar {\n position: relative;\n height: 0.5em;\n border: 1px solid;\n background-color: #000000;\n margin: 0 3px;\n border-style: solid;\n border-width: 2px;\n border-color: #ffffff;\n}\n.able-seekbar-loaded {\n display: inline-block;\n position: absolute;\n left: 0;\n top: 0;\n height: 0.5em;\n background-color: #464646;\n z-index: 5100;\n}\n.able-seekbar-played {\n display: inline-block;\n position: absolute;\n left: 0;\n top: 0;\n height: 0.5em;\n background-color: #DADADA;\n z-index: 5200;\n}\n.able-seekbar-head {\n display: inline-block;\n position: relative;\n left: 0;\n top: -0.45em;\n background-color: #FDFDFD;\n width: 0.8em;\n height: 0.8em;\n border: 1px solid;\n border-radius: 0.8em;\n z-index: 5500;\n}\n\n/*\n Volume Slider\n*/\n.able-volume-slider {\n width: 34px;\n height: 50px;\n background-color: #464646; /* same as .able-controller */\n padding: 10px 0;\n position: absolute;\n right: 0px;\n top: -74px;\n display: block;\n z-index: 9100;\n}\n.able-volume-track {\n display: block;\n position: relative;\n height: 100%; /* = 50px after padding */\n width: 5px;\n margin: 0 auto;\n background-color: #999;\n}\n.able-volume-track.able-volume-track-on {\n background-color: #dadada;\n position: absolute;\n height: 20px; /* change dynamically; 5px per volume tick */\n top: 30px; /* change dynamically; 50px - height */\n}\n.able-volume-head {\n display: inline-block;\n background-color: #fdfdfd;\n outline: 1px solid #333;\n position: absolute;\n height: 7px;\n width: 15px;\n left: -5px;\n top: 23px; /* change dynamically; .able-volume-track-on top - 7 */\n z-index: 9175;\n}\n.able-volume-head:hover,\n.able-volume-head:focus {\n background-color: #ffbb37 !important; /* yellow */\n}\n.able-volume-help { /* not visible; used in aria-describedby */\n display: none;\n}\n\n/*\ninput[type=range]:focus {\n outline: none;\n}\ninput[type=range]::-webkit-slider-runnable-track {\n width: 100%;\n height: 8.4px;\n cursor: pointer;\n animate: 0.2s;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n background: #3071a9;\n border-radius: 1.3px;\n border: 0.2px solid #010101;\n}\ninput[type=range]::-webkit-slider-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 36px;\n width: 16px;\n border-radius: 3px;\n background: #ffffff;\n cursor: pointer;\n -webkit-appearance: none;\n margin-block-start: -14px;\n}\ninput[type=range]:focus::-webkit-slider-runnable-track {\n background: #367ebd;\n}\ninput[type=range]::-moz-range-track {\n width: 100%;\n height: 8.4px;\n cursor: pointer;\n animate: 0.2s;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n background: #3071a9;\n border-radius: 1.3px;\n border: 0.2px solid #010101;\n}\ninput[type=range]::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 36px;\n width: 16px;\n border-radius: 3px;\n background: #ffffff;\n cursor: pointer;\n}\ninput[type=range]::-ms-track {\n width: 100%;\n height: 8.4px;\n cursor: pointer;\n animate: 0.2s;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\ninput[type=range]::-ms-fill-lower {\n background: #2a6495;\n border: 0.2px solid #010101;\n border-radius: 2.6px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\ninput[type=range]::-ms-fill-upper {\n background: #3071a9;\n border: 0.2px solid #010101;\n border-radius: 2.6px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\ninput[type=range]::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 36px;\n width: 16px;\n border-radius: 3px;\n background: #ffffff;\n cursor: pointer;\n}\ninput[type=range]:focus::-ms-fill-lower {\n background: #3071a9;\n}\ninput[type=range]:focus::-ms-fill-upper {\n background: #367ebd;\n}\n*/\n\n/*\n Status Bar\n*/\n\n.able-status-bar {\n height: 1.5em;\n min-height: 1.5em;\n color: #CCC;\n font-size: 0.9em;\n background-color: transparent;\n padding: 0.5em 0.5em 0.25em;\n}\n.able-status-bar span.able-timer {\n /* contains both span.elapsedTime and span.duration */\n text-align: start;\n float: inline-start;\n width: 32%;\n}\n.able-status-bar span.able-speed {\n float: inline-start;\n width: 33%;\n text-align: center;\n}\n.able-status {\n font-style: italic;\n float: inline-end;\n width: 32%;\n text-align :right;\n}\n\n/*\n Captions and Descriptions\n*/\n\ndiv.able-captions-wrapper {\n width: 100%;\n margin: 0;\n padding: 0;\n text-align: center;\n line-height: 1.35em;\n display: block;\n z-index: 6000;\n}\ndiv.able-captions {\n display: none;\n padding: 0.15em 0.25em;\n /* settings that are overridden by user prefs */\n background-color: black;\n font-size: 1.1em;\n color: white;\n opacity: 0.75;\n}\ndiv.able-captions-overlay {\n position: absolute;\n margin: 0;\n bottom: 0;\n}\ndiv.able-captions-below {\n position: relative;\n min-height: 2.8em;\n}\ndiv.able-descriptions {\n position: relative;\n color: #FF6; /* yellow, to differentiate it from captions */\n background-color: #262626;\n min-height: 2.8em;\n border-block-start: 1px solid #666;\n margin: 0;\n padding: 3%;\n width: 94%;\n text-align: center;\n}\n\n/*\n Now Playing\n*/\n\ndiv.able-now-playing {\n text-align: center;\n font-weight: bold;\n font-size: 1.1em;\n color: #FFFFFF;\n background-color: transparent;\n padding: 0.5em 0.5em 1em;\n}\ndiv.able-now-playing span {\n font-size: 0.9em;\n}\ndiv.able-now-playing span span {\n display: block;\n}\n\n/*\n Modal Dialogs\n*/\n\ndiv.able-modal-dialog {\n position: absolute;\n height: auto;\n max-width: 90%;\n margin-inline-start: auto;\n margin-inline-end: auto;\n left: 0px;\n right: 0px;\n outline: 0px none;\n display: none;\n color: #000;\n background-color: #FAFAFA;\n box-sizing: content-box !important;\n z-index: 10000;\n}\ndiv.able-modal-overlay {\n position: fixed;\n width: 100%;\n height: 100%;\n background-color: #000;\n opacity: 0.5;\n margin: 0;\n padding: 0;\n top: 0;\n left: 0;\n display: none;\n z-index: 9500;\n}\nbutton.modalCloseButton {\n position: absolute;\n top: 5px;\n right: 5px;\n}\nbutton.modal-button {\n margin-inline-end: 5px;\n}\ndiv.able-modal-dialog input:hover,\ndiv.able-modal-dialog input:focus,\ndiv.able-modal-dialog button:hover,\ndiv.able-modal-dialog button:focus {\n outline-style: solid;\n outline-width: 2px;\n}\ndiv.able-modal-dialog input:hover,\ndiv.able-modal-dialog button:hover {\n outline-color: #8AB839; /* green */\n}\ndiv.able-modal-dialog input:focus,\ndiv.able-modal-dialog button:focus {\n outline-color: #ffbb37; /* yellow */\n}\ndiv.able-modal-dialog h1 {\n font-weight: bold;\n font-size: 1.8em;\n line-height: 1.2em;\n margin: 0.75em 0;\n color: #000;\n text-align: center;\n}\n.able-prefs-form,\n.able-help-div,\n.able-resize-form {\n background-color: #F5F5F5;\n border: medium solid #ccc;\n padding: 0.5em 1em;\n margin: 0 0 0 1em;\n width: 25em;\n display: none;\n}\n\n/*\n Preferences Form\n*/\n\n.able-prefs-form fieldset {\n margin-inline-start: 0;\n padding-left: 0;\n border: none;\n}\n.able-prefs-form legend {\n color: black;\n font-weight: bold;\n font-size: 1.1em;\n}\n.able-prefs-form fieldset div {\n display: table;\n margin-inline-start: 1em;\n}\n.able-prefs-form fieldset div input {\n display: table-cell;\n width: 1em;\n vertical-align: middle;\n}\n.able-prefs-form fieldset div label {\n display: table-cell;\n padding-left: 0.5em;\n}\nfieldset.able-prefs-keys div {\n float: inline-start;\n margin-inline-end: 1em;\n}\ndiv.able-desc-pref-prompt {\n font-weight: bold;\n font-style: italic;\n margin-inline-start: 1em !important;\n}\ndiv.able-prefDescFormat > div {\n margin-inline-start: 1.5em;\n}\n.able-prefs-captions label,\n.able-prefs-captions select {\n display: block;\n float: inline-start;\n margin-block-end: 0.25em;\n}\nfieldset.able-prefs-captions label {\n width: 6em;\n text-align: end;\n padding-right: 1em;\n}\nfieldset.able-prefs-captions select {\n width: 10em;\n font-size: 0.9em;\n border-radius: none;\n}\n.able-prefs-form div.able-captions-sample {\n padding: 0.5em;\n text-align: center;\n}\n.able-prefs-form h2 {\n margin-block-start: 0;\n margin-block-end: 0.5em;\n font-size: 1.1em;\n}\n.able-prefs-form ul {\n margin-block-start: 0;\n}\n\n/*\n Keyboard Preferences Dialog\n*/\nable-prefs-form-keyboard ul {\n list-style-type: none;\n}\nspan.able-modkey-alt,\nspan.able-modkey-ctrl,\nspan.able-modkey-shift {\n color: #666;\n font-style: italic;\n}\nspan.able-modkey {\n font-weight: bold;\n color: #000;\n font-size: 1.1em;\n}\n\n/*\n Resize Window Dialog\n*/\n\n.able-resize-form h1 {\n font-size: 1.15em;\n}\n.able-resize-form div div {\n margin: 1em;\n}\n.able-resize-form label {\n padding-right: 0.5em;\n font-weight: bold;\n}\n.able-resize-form input[type=\"text\"] {\n font-size: 1em;\n}\n.able-resize-form input[readonly] {\n color: #AAA;\n}\n\n/*\n Drag & Drop\n*/\n\n.able-window-toolbar {\n background-color: #464646;\n min-height: 15px;\n padding: 10px;\n border-style: solid;\n border-width: 0 0 1px 0;\n}\n.able-draggable:hover {\n cursor: move;\n}\n.able-window-toolbar .able-button-handler-preferences {\n position: absolute;\n top: 0;\n right: 0;\n font-size: 1.5em;\n background-color: transparent;\n border: none;\n outline: none;\n padding: 0;\n z-index: 9300;\n}\n.able-window-toolbar .able-button-handler-preferences:hover,\n.able-window-toolbar .able-button-handler-preferences:focus {\n outline-style: solid;\n outline-width: medium;\n}\n.able-window-toolbar .able-button-handler-preferences:hover {\n outline-color: #8AB839 !important; /* green */\n}\n.able-window-toolbar .able-button-handler-preferences:focus {\n outline-color: #ffbb37 !important; /* yellow */\n}\n.able-window-toolbar .able-popup {\n position: absolute;\n cursor: default;\n right: 0;\n top: 0;\n display: block;\n}\n.able-drag {\n border: 2px dashed #F90;\n cursor: move;\n}\n.able-resizable {\n position: absolute;\n width: 16px;\n height: 16px;\n padding: 5px 0 0 5px;\n bottom: 0;\n right: 0;\n cursor: nwse-resize;\n background: transparent bottom right url('../ableplayer/images/wingrip.png') no-repeat;\n}\n\n/*\n Sign Language Window\n*/\n\n.able-sign-window {\n position: relative;\n margin: 1em;\n /* max-width: 100%; */\n z-index: 8000;\n}\n.able-sign-window video {\n width: 100%;\n}\n.able-sign-window:focus {\n outline: none;\n}\n\n\n/*\n External chapters div\n*/\ndiv.able-chapters-div {\n padding: 0;\n}\ndiv.able-chapters-div .able-chapters-heading {\n margin: 1em 0.75em;\n font-size: 1.1em;\n font-weight: bold;\n}\ndiv.able-chapters-div ul {\n list-style-type: none;\n padding-left: 0;\n}\ndiv.able-chapters-div ul li {\n max-width: 100%;\n padding: 0;\n height: 2em;\n}\ndiv.able-chapters-div button {\n width: 100%;\n height: 100%;\n border: none;\n background-color: transparent;\n color: #000;\n font-size: 1em;\n text-align: start;\n padding: 0.15em 1em;\n}\ndiv.able-chapters-div li.able-current-chapter {\n background-color: #000 !important;\n}\ndiv.able-chapters-div li.able-current-chapter button {\n color: #FFF !important;\n}\ndiv.able-chapters-div li.able-focus {\n background-color: #4C4C4C;\n}\ndiv.able-chapters-div button:focus,\ndiv.able-chapters-div button:hover,\ndiv.able-chapters-div button::-moz-focus-inner {\n border: 0;\n outline: none;\n color: #FFF !important;\n}\n\n/*\n Fullscreen settings\n In v2.2.4b commented out :-webkit-full-screen style\n This was causing the toolbar in fullscreen mode to be positioned slightly offscreen in webkit browsers\n Safari had an additional problem in window height was being calculated (see event.js > onWindowResize())\n Commenting out this style appears have no adverse effect in any browser\n All other fullscreen styles were already commented out, and left here solely for reference\n*/\n/*\n:-webkit-full-screen {\n position: fixed;\n width: 100%;\n height: 100%;\n top: 0;\n background: none;\n}\n:-moz-full-screen {\n position: fixed;\n width: 100%;\n height: 100%;\n top: 0;\n bottom: 20;\n background: none;\n}\n\n:-ms-fullscreen {\n position: fixed;\n width: 100%;\n height: 100%;\n top: 0;\n background: none;\n}\n\n:fullscreen {\n position: fixed;\n width: 100%;\n height: 80%;\n top: 0;\n background: none;\n}\n*/\n\n/*\n Tooltips & Alerts\n*/\n\n.able-tooltip, .able-alert {\n position: absolute;\n padding: 5px 10px;\n border-color: black;\n border-width: 1px;\n color: #000 !important;\n background-color: #CCCCCC;\n -webkit-border-radius: 5px;\n -moz-border-radius: 5px;\n border-radius: 5px;\n display: block;\n}\n.able-alert {\n background-color: #FFFFCC;\n box-shadow: 0px 0px 16px #262626;\n z-index: 9400;\n}\n.able-popup {\n z-index: 9200;\n}\n.able-tooltip {\n z-index: 9000;\n}\n\n/*\n Popup Menus\n*/\n.able-popup {\n position: absolute;\n margin: 0;\n padding: 0;\n border-color: black;\n border-width: 1px;\n background-color: #000;\n opacity: 0.85;\n -webkit-border-radius: 5px;\n -moz-border-radius: 5px;\n border-radius: 5px;\n display: block;\n cursor: default;\n list-style: none;\n}\nul.able-popup {\n list-style-type: none;\n}\n.able-popup li {\n padding: 0.25em 1em 0.25em 0.25em;\n margin: 1px;\n color: #FFF;\n}\n.able-popup li.able-focus {\n background-color: #CCC;\n color: #000;\n}\n.able-popup-captions li {\n padding-left: 1em;\n}\n.able-popup-captions li[aria-checked=\"true\"] {\n padding-left: 0;\n}\n.able-popup-captions li[aria-checked=\"true\"]::before {\n content: \"\\2713 \"; /* check mark; for heavier mark us 2714 */\n}\n\n/*\n Transcript\n*/\n\n.able-transcript-area {\n border-width: 1px;\n border-style: solid;\n height: 400px;\n z-index: 7000;\n outline: none;\n padding-bottom: 25px; /* keep content above 16x16px drag icon */\n background-color: #FFF;\n}\n.able-transcript {\n position: relative; /* must be positioned for scrolling */\n overflow-y: scroll;\n padding-left: 5%;\n padding-right: 5%;\n /* width: 90%; */\n background-color: #FFF;\n height: 350px;\n}\n.able-transcript div {\n margin: 1em 0;\n}\n.able-transcript-heading {\n font-size: 1.4em;\n font-weight: bold;\n}\n.able-transcript-chapter-heading {\n font-size: 1.2em;\n font-weight: bold;\n}\n.able-transcript div.able-transcript-desc {\n background-color: #FEE;\n border: thin solid #336;\n font-style: italic;\n padding: 1em;\n}\n.able-transcript .able-unspoken {\n font-weight: bold;\n}\n.able-transcript .able-hidden {\n position: absolute !important;\n clip: rect(1px 1px 1px 1px); /* IE6, IE7 */\n clip: rect(1px, 1px, 1px, 1px);\n}\n.able-highlight {\n background: #FF6; /* light yellow */\n}\n.able-previous {\n background: black !important;\n font-style: italic;\n}\n.able-transcript span:hover,\n.able-transcript span:focus,\n.able-transcript span:active {\n background: #CF6; /* light green */\n cursor: pointer;\n}\n.able-window-toolbar label {\n margin-inline-end: 10px;\n color: #FFF;\n}\n.able-window-toolbar input:focus,\n.able-window-toolbar input:hover,\n.able-window-toolbar select:focus,\n.able-window-toolbar select:hover,\n.able-controller input:focus,\n.able-controller input:hover,\n.able-controller button:focus,\n.able-controller button:hover,\n.able-seekbar-head:focus,\n.able-seekbar-head:hover {\n outline-style: solid;\n outline-width: 2px;\n}\n.able-window-toolbar input:focus,\n.able-window-toolbar select:focus,\n.able-controller input:focus,\n.able-controller button:focus,\n.able-seekbar-head:focus {\n outline-color: #ffbb37; /* yellow */\n}\n.able-window-toolbar input:hover,\n.able-window-toolbar select:hover,\n.able-controller input:hover,\n.able-controller button:hover,\n.able-seekbar-head:hover {\n outline-color: #8AB839; /* green */\n}\n.able-window-toolbar .transcript-language-select-wrapper {\n float: inline-end;\n padding-right: 30px;\n}\n\n/*\n Playlist (both audio and video)\n*/\n\n.able-playlist {\n list-style-type: none;\n margin: 0;\n background-color: #FFFFFF;\n padding: 5px 0;\n}\n.able-playlist li {\n background-color: #DDDDDD; /* default background color of each item in playlist */\n margin: 5px;\n padding: 0;\n border: 2px solid #AAA;\n border-radius: 5px;\n -moz-border-radius: 5px;\n}\n.able-playlist li button {\n border: none;\n color: #000000;\n background-color: transparent;\n font-size: 1em;\n width: 100%;\n padding: 5px 10px;\n text-align: left;\n}\n.able-playlist li button:hover,\n.able-playlist li button:focus,\n.able-playlist li button:active { /* playlist items when they have mouse or keyboard focus */\n background-color: #FFEEB3;\n color: #000000;\n text-decoration: none;\n outline: none;\n}\n.able-playlist li button::-moz-focus-inner {\n border: 0;\n}\n.able-playlist li button img {\n width: 100px;\n float: left;\n margin-right: 10px;\n}\n.able-playlist li.able-current { /* currently selected playlist item */\n background-color: #340449;\n border-color: #230330;\n}\n.able-playlist li.able-current button {\n color: #FFFFFF;\n font-weight: bold;\n text-decoration: none;\n outline: none;\n}\n.able-playlist li.able-current button:hover,\n.able-playlist li.able-current button:focus,\n.able-playlist li.able-current button:active {\n color: #000000;\n}\n\n/*\n Search\n*/\n\n.able-search-results ul li {\n font-size: 1.1em;\n margin-block-end: 1em;\n}\n.able-search-results-time {\n font-weight: bold;\n text-decoration: underline;\n cursor: pointer;\n}\n.able-search-results-time:hover,\n.able-search-results-time:focus,\n.able-search-results-time:active {\n color: #FFF;\n background-color: #000;\n text-decoration: none;\n}\n.able-search-results-text {\n padding-left: 1em;\n}\n.able-search-term {\n background-color: #FFC;\n font-weight: bold;\n}\n\n/*\n Video Transcript Sorter (VTS)\n*/\n#able-vts-instructions {\n margin-bottom: 1.5em;\n padding: 1em;\n border: 1px solid #999;\n width: 720px;\n max-width: 90%;\n}\n#able-vts fieldset {\n margin: 1em;\n border: none;\n}\n#able-vts fieldset legend {\n color: #000;\n font-weight: bold;\n}\n#able-vts fieldset div {\n float: inline-start;\n padding-right: 1em;\n}\n#able-vts table {\n clear: inline-start;\n}\n\n#able-vts table,\n#able-vts table th,\n#able-vts table td {\n border: 1px solid black;\n border-collapse: collapse;\n padding: 0.5em 0.75em;\n}\n#able-vts table th.actions {\n min-width: 140px;\n}\n#able-vts table td button {\n width: auto;\n padding: 0;\n margin: 2px;\n}\n#able-vts table td button svg {\n width: 16px;\n height: 16px;\n}\n#able-vts table button:hover,\n#able-vts table button:focus {\n /* border: 3px solid #66c2ff; */\n}\n#able-vts table button:hover svg {\n fill: #C00;\n}\ntr.kind-chapters,\ntr.kind-subtitles {\n background-color: #FFF;\n}\ntr.kind-descriptions {\n background-color: #FEE;\n}\ntr.kind-chapters {\n background-color: #e6ffe6;\n}\n.able-vts-dragging {\n background-color: #FFC;\n}\ndiv#able-vts-icon-credit {\n margin: 1em;\n}\ndiv#able-vts-alert {\n display: none;\n position: fixed;\n top: 5px;\n left: 5px;\n border: 2px solid #666;\n background-color: #FFC;\n padding: 1em;\n font-weight: bold;\n z-index: 9400;\n}\nbutton#able-vts-save {\n font-size: 1em;\n padding: 0.25em;\n border-radius: 5px;\n margin-bottom: 1em;\n font-weight: bold;\n}\nbutton#able-vts-save:hover,\nbutton#able-vts-save:focus {\n color: white;\n background-color: #060;\n}\n.able-vts-output-instructions {\n width: 720px;\n max-width: 90%;\n}\n#able-vts textarea {\n height: 200px;\n width: 720px;\n max-width: 90%;\n}\n\n/*\n Misc\n*/\n\n.able-clipped, .able-screenreader-alert {\n /* hide from sighted users, but not screen reader users */\n position: absolute !important;\n clip: rect(1px 1px 1px 1px); /* IE6, IE7 */\n clip: rect(1px, 1px, 1px, 1px);\n /* additional rules are needed to ensure clipped buttons are truly invisible in Safari on Mac OS X */\n width: 1px !important;\n height: 1px !important;\n overflow: hidden !important;\n}\n.able-error {\n display: block;\n background: #ffc;\n border: 2px solid #000;\n color: #FF0000;\n margin: 0.75em;\n padding: 0.5em;\n}\n.able-fallback {\n display: block;\n text-align: center;\n border: 2px solid #333355;\n background-color: #EEE;\n color: #000;\n font-weight: bold;\n font-size: 1.1em;\n padding: 1em;\n margin-block-end: 1em;\n max-width: 500px;\n width: 95%;\n}\n.able-fallback div,\n.able-fallback ul,\n.able-fallback p {\n text-align: start;\n}\n.able-fallback li {\n font-weight: normal;\n}\n.able-fallback img {\n width: 90%;\n margin: 1em auto;\n opacity: 0.3;\n}\n.able-fallback img.able-poster {\n position: relative;\n}\n\n/*\n SVG Icons\n*/\nbutton svg {\n display: inline-block;\n width: 1em;\n height: 1em;\n fill: currentColor;\n}\n\n\n/*\n icomoon.io font styling\n*/\n@font-face {\n font-family: 'able';\n src: url('../ableplayer/button-icons/fonts/able.eot?dqripi');\n src: url('../ableplayer/button-icons/fonts/able.eot?dqripi#iefix') format('embedded-opentype'),\n url('../ableplayer/button-icons/fonts/able.ttf?dqripi') format('truetype'),\n url('../ableplayer/button-icons/fonts/able.woff?dqripi') format('woff'),\n url('../ableplayer/button-icons/fonts/able.svg?dqripi#able') format('svg');\n font-weight: normal;\n font-style: normal;\n}\n\n[class^=\"icon-\"], [class*=\" icon-\"] {\n /* use !important to prevent issues with browser extensions that change fonts */\n font-family: 'able' !important;\n speak: none;\n font-style: normal;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n\n /* Better Font Rendering =========== */\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n.icon-play:before {\n content: \"\\f04b\";\n}\n.icon-pause:before {\n content: \"\\f04c\";\n}\n.icon-stop:before {\n content: \"\\f04d\";\n}\n.icon-restart:before {\n content: \"\\e900\";\n}\n.icon-rewind:before {\n content: \"\\e603\";\n}\n.icon-forward:before {\n content: \"\\e604\";\n}\n.icon-previous:before {\n content: \"\\e901\";\n}\n.icon-next:before {\n content: \"\\e902\";\n}\n.icon-slower:before {\n content: \"\\f0dd\";\n}\n.icon-faster:before {\n content: \"\\f0de\";\n}\n.icon-turtle:before {\n content: \"\\e904\";\n}\n.icon-rabbit:before {\n content: \"\\e905\";\n}\n.icon-ellipsis:before {\n content: \"\\e903\";\n}\n.icon-pipe:before {\n content: \"\\e600\";\n}\n.icon-captions:before {\n content: \"\\e601\";\n}\n.icon-descriptions:before {\n content: \"\\e602\";\n}\n.icon-sign:before {\n content: \"\\e60a\";\n}\n.icon-volume-mute:before {\n content: \"\\e606\";\n}\n.icon-volume-soft:before {\n content: \"\\e60c\";\n}\n.icon-volume-medium:before {\n content: \"\\e605\";\n}\n.icon-volume-loud:before {\n content: \"\\e60b\";\n}\n.icon-volume-up:before {\n content: \"\\e607\";\n}\n.icon-volume-down:before {\n content: \"\\e608\";\n}\n.icon-chapters:before {\n content: \"\\e609\";\n}\n.icon-transcript:before {\n content: \"\\f15c\";\n}\n.icon-preferences:before {\n content: \"\\e60d\";\n}\n.icon-close:before {\n content: \"\\f00d\";\n}\n.icon-fullscreen-expand:before {\n content: \"\\f065\";\n}\n.icon-fullscreen-collapse:before {\n content: \"\\f066\";\n}\n.icon-help:before {\n content: \"\\f128\";\n}","/* Solarized Light\n\nFor use with Jekyll and Pygments\n\nhttp://ethanschoonover.com/solarized\n\nSOLARIZED HEX ROLE\n--------- -------- ------------------------------------------\nbase01 var(--w3c-blue) body text / default code / primary content\nbase1 var(--dk-grey) comments / secondary content\nbase3 #fdf6e3 background\norange var(--faded-red) constants\nred var(--faded-red) regex, special keywords\nblue var(--w3c-classic) reserved keywords\ncyan var(--wai-green) strings, numbers\ngreen var(--wai-green) operators, other keywords\n\n*/\n\npre {\n white-space: pre-wrap;\n}\n\n.highlight {\n font-size: 14px;\n color: var(--w3c-blue);\n tab-size: 2;\n font-variant-ligatures: no-common-ligatures;\n}\n.highlight .c { color: var(--dk-grey) } /* Comment */\n.highlight .err { color: var(--w3c-blue) } /* Error */\n.highlight .g { color: var(--w3c-blue) } /* Generic */\n.highlight .k { color: var(--wai-green) } /* Keyword */\n.highlight .l { color: var(--w3c-blue) } /* Literal */\n.highlight .n { color: var(--w3c-blue) } /* Name */\n.highlight .o { color: var(--wai-green) } /* Operator */\n.highlight .x { color: var(--faded-red) } /* Other */\n.highlight .p { color: var(--w3c-blue) } /* Punctuation */\n.highlight .cm { color: var(--dk-grey) } /* Comment.Multiline */\n.highlight .cp { color: var(--wai-green) } /* Comment.Preproc */\n.highlight .c1 { color: var(--dk-grey) } /* Comment.Single */\n.highlight .cs { color: var(--wai-green) } /* Comment.Special */\n.highlight .gd { color: var(--wai-green) } /* Generic.Deleted */\n.highlight .ge { color: var(--w3c-blue); font-weight: bold } /* Generic.Emph */\n.highlight .gr { color: var(--faded-red) } /* Generic.Error */\n.highlight .gh { color: var(--faded-red) } /* Generic.Heading */\n.highlight .gi { color: var(--wai-green) } /* Generic.Inserted */\n.highlight .go { color: var(--w3c-blue) } /* Generic.Output */\n.highlight .gp { color: var(--w3c-blue) } /* Generic.Prompt */\n.highlight .gs { color: var(--w3c-blue); font-weight: bold } /* Generic.Strong */\n.highlight .gu { color: var(--faded-red) } /* Generic.Subheading */\n.highlight .gt { color: var(--w3c-blue) } /* Generic.Traceback */\n.highlight .kc { color: var(--faded-red) } /* Keyword.Constant */\n.highlight .kd { color: var(--w3c-classic) } /* Keyword.Declaration */\n.highlight .kn { color: var(--wai-green) } /* Keyword.Namespace */\n.highlight .kp { color: var(--wai-green) } /* Keyword.Pseudo */\n.highlight .kr { color: var(--w3c-classic) } /* Keyword.Reserved */\n.highlight .kt { color: var(--faded-red) } /* Keyword.Type */\n.highlight .ld { color: var(--w3c-blue) } /* Literal.Date */\n.highlight .m { color: var(--wai-green) } /* Literal.Number */\n.highlight .s { color: var(--wai-green) } /* Literal.String */\n.highlight .na { color: var(--w3c-blue) } /* Name.Attribute */\n.highlight .nb { color: var(--faded-red) } /* Name.Builtin */\n.highlight .nc { color: var(--w3c-classic) } /* Name.Class */\n.highlight .no { color: var(--faded-red) } /* Name.Constant */\n.highlight .nd { color: var(--w3c-classic) } /* Name.Decorator */\n.highlight .ni { color: var(--faded-red) } /* Name.Entity */\n.highlight .ne { color: var(--faded-red) } /* Name.Exception */\n.highlight .nf { color: var(--w3c-classic) } /* Name.Function */\n.highlight .nl { color: var(--w3c-blue) } /* Name.Label */\n.highlight .nn { color: var(--w3c-blue) } /* Name.Namespace */\n.highlight .nx { color: var(--w3c-blue) } /* Name.Other */\n.highlight .py { color: var(--w3c-blue) } /* Name.Property */\n.highlight .nt { color: var(--w3c-classic) } /* Name.Tag */\n.highlight .nv { color: var(--w3c-classic) } /* Name.Variable */\n.highlight .ow { color: var(--wai-green) } /* Operator.Word */\n.highlight .w { color: var(--w3c-blue) } /* Text.Whitespace */\n.highlight .mf { color: var(--wai-green) } /* Literal.Number.Float */\n.highlight .mh { color: var(--wai-green) } /* Literal.Number.Hex */\n.highlight .mi { color: var(--wai-green) } /* Literal.Number.Integer */\n.highlight .mo { color: var(--wai-green) } /* Literal.Number.Oct */\n.highlight .sb { color: var(--dk-grey) } /* Literal.String.Backtick */\n.highlight .sc { color: var(--wai-green) } /* Literal.String.Char */\n.highlight .sd { color: var(--w3c-blue) } /* Literal.String.Doc */\n.highlight .s2 { color: var(--wai-green) } /* Literal.String.Double */\n.highlight .se { color: var(--faded-red) } /* Literal.String.Escape */\n.highlight .sh { color: var(--w3c-blue) } /* Literal.String.Heredoc */\n.highlight .si { color: var(--wai-green) } /* Literal.String.Interpol */\n.highlight .sx { color: var(--wai-green) } /* Literal.String.Other */\n.highlight .sr { color: var(--faded-red) } /* Literal.String.Regex */\n.highlight .s1 { color: var(--wai-green) } /* Literal.String.Single */\n.highlight .ss { color: var(--wai-green) } /* Literal.String.Symbol */\n.highlight .bp { color: var(--w3c-classic) } /* Name.Builtin.Pseudo */\n.highlight .vc { color: var(--w3c-classic) } /* Name.Variable.Class */\n.highlight .vg { color: var(--w3c-classic) } /* Name.Variable.Global */\n.highlight .vi { color: var(--w3c-classic) } /* Name.Variable.Instance */\n.highlight .il { color: var(--wai-green) } /* Literal.Number.Integer.Long */\n\n:not(.highlight) code {\n font-variant-ligatures: no-common-ligatures;\n color: var(--w3c-blue);\n}"]}
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: wai-website-theme
3
3
  version: !ruby/object:Gem::Version
4
- version: '1.4'
4
+ version: 1.4.1
5
5
  platform: ruby
6
6
  authors:
7
7
  - Eric Eggert
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2019-06-10 00:00:00.000000000 Z
11
+ date: 2019-06-12 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll