wai-website-theme 1.9.pre → 1.9.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: ef42242775fe2daa5d56c1b68d38adf6307234ef66ed95bd578ef24e09a5a6c4
-  data.tar.gz: b8a9d36dd55e72b4a996902c4a4d85b0b75e006eb85877cc326096fc7e198796
+  metadata.gz: 03cb80e021e0b47caf57d68d8116e9289c318b5a1fa2bb99087c517517c0b6dd
+  data.tar.gz: 0bc5b5fc44d4aaa89e87ab8bad8b8ab98a42ff366a86ba4f39962db73413c9c3
 SHA512:
-  metadata.gz: d4ab5ccb145515efd8a7b7b5b2fb8ced616570b5cebfca7b584cf246cc3a895afca8b971afc4eb9dc1ef1588ff9a6ca993ab266fbeac9437e0ec7543ec2d0ffa
-  data.tar.gz: a8abd848c209eb1e9bc2d2387b8b0f457f3d35f0d9cc85b3fb3d546b8d5c1c48b309fbaf533b5f1e3a5118e7c156dba154ebcc6516917d8ec97e8b30744f8498
+  metadata.gz: 0c1c35fe4650876dcdef217ad87d523f44f17b95b26786a1e27f68e17a4fa3d26e3a84fcf65da1e9cd7295517d6bee40cb3659d6a7402da27b114646d460aae1
+  data.tar.gz: 740412c0b48aaf32c8b1ae4f975bdc4d77c2482cce8b00f7b48b818c92179e9579e22994a47da67295147b84da16436fdc877cf4340856c6045c871f12af1686

data/_data/navigation.yml

@@ -1,7 +1,7 @@
 - name:
-    en: 'Home'
+    en: 'WAI Website Manual'
   pages:
-  - name: Overview
+  - name: WAI Website Manual
     url: "/overview/"
   - name: Technical Information
     url: "/technical/"
@@ -14,7 +14,7 @@
 - name:
     en: 'Create and Edit Documents'
   pages:
-  - name: Overview
+  - name: Create and Edit Documents
     url: "/writing/"
   - name: Frontmatter
     url: "/writing/frontmatter/"
@@ -29,7 +29,7 @@
 - name:
     en: 'Design Components'
   pages:
-  - name: Overview
+  - name: Design Components
     url: "/components/"
   - name: Colors
     url: "/components/colors/"
@@ -105,4 +105,4 @@
   - name: "Video Links"
     url: "/components/video-links/"
   - name: "Video Player"
-    url: "/components/video-player/"
+    url: "/components/video-player/"

data/_includes/header.html

@@ -183,7 +183,7 @@ The first section creates an array of page urls that are page urls of this colle
         {%- for breadcrumb_page in site.documents -%}
             {%- if current_breadcrumb_url == breadcrumb_page.url -%}
                 <li>
-                    <a{% if current_breadcrumb_url == page.url%} aria-current="page"{%endif%} href="{{current_breadcrumb_url | relative_url}}">{% if breadcrumb_page.breadcrumb_title%}{{breadcrumb_page.breadcrumb_title}}{% else %}{% if breadcrumb_page.nav_title %}{% if breadcumb_page.nav_title == "Overview"%}{{breadcrumb_page.title}}{% else%}{{breadcrumb_page.nav_title}}{% endif %}{%-else-%}{{breadcrumb_page.title}}{% endif %}{% endif %}</a>
+                    <a{% if current_breadcrumb_url == page.url%} aria-current="page"{%endif%} href="{{current_breadcrumb_url | relative_url}}">{% if breadcrumb_page.breadcrumb_title%}{{breadcrumb_page.breadcrumb_title | xml_escape}}{% else %}{% if breadcrumb_page.nav_title %}{% if breadcumb_page.nav_title == "Overview"%}{{breadcrumb_page.title | xml_escape}}{% else%}{{breadcrumb_page.nav_title | xml_escape}}{% endif %}{%-else-%}{{breadcrumb_page.title | xml_escape}}{% endif %}{% endif %}</a>
                 </li>
             {%- endif -%}
         {%- endfor -%}
@@ -192,4 +192,4 @@ The first section creates an array of page urls that are page urls of this colle
     {%- if page.parent and page.parent != "/"-%}<li><a href="{{ page.url | relative_url }}" aria-current="page">{% if page.breadcrumb_title%}{{page.breadcrumb_title}}{% else %}{% if page.nav_title %}{% if breadcumb_page.nav_title == "Overview"%}{{page.title}}{% else%}{{page.nav_title}}{% endif %}{%-else-%}{{page.title}}{% endif %}{% endif %}</a></li>{%- endif -%}
   </ul>
 </nav>
-{%- endunless -%}
+{%- endunless -%}

data/_includes/link.html

@@ -88,5 +88,4 @@
     {%- assign link_text = include.fallback -%}
   {%- endunless -%}
 {%- endif -%}
-
-<a lang="{{linklang}}" href="{{linkurl}}"{% if include.aria-current %} aria-current="{{include.aria-current}}"{% endif %}{% if include.class %} class="{{include.class}}"{% endif %}><span>{{ link_text }}{%- unless in_lang %}{% unless include.hidelangnotice %} <span class="lang" lang="{{pagelang}}" dir="auto" translate="no">({% include_cached t.html t="in English" lang=pagelang %})</span>{% endunless -%}{% endunless -%}{% if include.external %} {% include_cached external.html %}{% endif %}</span></a>
+<a lang="{{linklang}}" href="{{linkurl}}"{% if include.aria-current %} aria-current="{{include.aria-current}}"{% endif %}{% if include.class %} class="{{include.class}}"{% endif %}><span>{% unless link_text contains "<" %}{{ link_text | xml_escape }}{% else %}{{ link_text }}{% endunless %}{%- unless in_lang %}{% unless include.hidelangnotice %} <span class="lang" lang="{{pagelang}}" dir="auto" translate="no">({% include_cached t.html t="in English" lang=pagelang %})</span>{% endunless -%}{% endunless -%}{% if include.external %} {% include_cached external.html %}{% endif %}</span></a>

data/_includes/multilang-title.html

@@ -1 +1,32 @@
-{%assign tsize = include.title | size%}{% for t in include.title %} {% if forloop.index == 2 %}<span class="subtitle">({% endif %}{% assign thislangurl = false %}{% for u in include.url %}{% if u[0] == t[0] %}{% assign thislangurl = u[1] %}{% endif %}{% endfor %}{% if thislangurl %}<a href="{{thislangurl}}" hreflang="{{t[0]}}">{% assign lng = t[0]%}{% unless lng == "en" %}[{{site.data.lang[lng].name}}/<span lang="{{lng}}">{{site.data.lang[lng].nativeName}}</span>] {% endunless %}<span lang="{{lng}}">{% else %}<span lang="{{t[0]}}">{% endif %}{{t[1]}}</span>{% if thislangurl %}{% if include.external %}{% include_cached icon.html name="external-link" label="External Site" %}{% endif %}</a>{% endif %}{% unless forloop.first %}{% unless forloop.last %}, {% endunless %}{% if forloop.last %})</span>{% endif %}{% endunless %}{% endfor %}
+{%- assign tsize = include.title | size -%}
+{%- for t in include.title -%}
+  {%- if forloop.index == 2 %}<span class="subtitle"> ({%- endif -%}
+  {%- assign thislangurl = false -%}
+  {%- for u in include.url -%}
+    {%- if u[0] == t[0] -%}
+      {%- assign thislangurl = u[1] -%}
+    {%- endif -%}
+  {%- endfor -%}
+  {%- if thislangurl -%}
+    {%- assign lng = t[0] -%}
+<a href="{{thislangurl}}" hreflang="{{t[0]}}">
+      {%- unless lng == "en" -%}
+[{{site.data.lang[lng].name}}/<span lang="{{lng}}">{{site.data.lang[lng].nativeName}}</span>]
+      {%- endunless -%}
+<span lang="{{lng}}">
+  {%- else -%}
+<span lang="{{t[0]}}">
+  {%- endif -%}
+  {{- t[1] | xml_escape -}}
+</span>
+  {%- if thislangurl -%}
+    {%- if include.external -%}
+      {%- include_cached icon.html name="external-link" label="External Site" -%}
+    {%- endif -%}
+</a>
+  {%- endif -%}
+  {%- unless forloop.first -%}
+    {%- unless forloop.last %}, {% endunless -%}
+    {%- if forloop.last %})</span>{% endif -%}
+  {%- endunless -%}
+{%- endfor -%}

data/_includes/secondarynav.html

@@ -11,18 +11,87 @@
     {%- assign searchurl = page.url -%}
   {%- endif -%}
 {%- endif -%}
+{%- if col.navigation -%}
+  {%- assign currentsubnav = col.navigation -%}
+{%- else -%}
 {%- for item in site.data.navigation -%}
-  {% assign seen_current = false %}
-  {% assign is_in_here = false %}
-  {% capture menu %}
-    {% include subpages.html name=false pages=item.pages hide=item.hide %}
-  {% endcapture %}
-  {% if is_in_here == true %}
-    <div class="sidenav">
-      <nav class="sn-contents" aria-label="Secondary">
-        <div class="sidenav--head"><div class="sidenav--head-title"><div class="sidenav--head-subsection">{% include_cached inpl.html lang=page.lang a=item.name %}</div></div></div>
-        {{menu}}
-      </nav>
-    </div>
+  {%- for i in item.pages -%}
+    {%- if i.url == searchurl -%}
+      {%- assign currentsubnav = item -%}
+    {%- else -%}
+      {%- for j in i.pages -%}
+        {%- if j.url == searchurl -%}
+          {%- assign currentsubnav = item -%}
+        {%- else -%}
+          {%- for k in j.pages -%}
+            {%- if k.url == searchurl -%}
+              {%- assign currentsubnav = item -%}
+            {%- endif -%}
+          {%- endfor -%}
+        {%- endif -%}
+      {%- endfor -%}
+    {%- endif -%}
+  {%- endfor -%}
+{%- endfor -%}
+{%- endif -%}
+<div class="sidenav">
+{%- for i in currentsubnav.pages -%}
+  {%- if forloop.first -%}
+    <nav class="sn-contents" aria-label="Secondary">
+      <ul class="sidenav--list">
   {% endif %}
-{%- endfor -%}
+  {%- assign insub = false -%}
+  {%- assign insubsub = false -%}
+  {%- capture submenu -%}
+    {%- for j in i.pages -%}
+      {%- capture subsubmenu -%}
+        {%- for k in j.pages -%}
+          {%- if forloop.first %}<ul>{% endif -%}
+            {%- if k.url == searchurl -%}
+              {% assign insub = true %}
+              {% assign insubsub = true %}
+              {% include menuitem.html name=k.name url=k.url hide=k.hide insub=false current=true %}
+            {%- else -%}
+              {% include menuitem.html name=k.name url=k.url hide=k.hide insub=false current=false %}
+            {%- endif -%}
+          {%- if forloop.last %}</ul>{% endif -%}
+        {%- endfor -%}
+      {%- endcapture -%}
+      {%- if forloop.first %}<ul>{% endif -%}
+        {%- if j.url == searchurl -%}
+          {% assign insub = true %}
+          {% include menuitem.html name=j.name url=j.url hide=j.hide insub=insubsub current=true submenu=subsubmenu %}
+        {%- else -%}
+          {% include menuitem.html name=j.name url=j.url hide=j.hide insub=insubsub current=false submenu=subsubmenu %}
+        {%- endif -%}
+      {%- if forloop.last %}</ul>{% endif -%}
+    {%- endfor -%}
+  {%- endcapture -%}
+  {%- if i.url == searchurl -%}
+    {% include menuitem.html name=i.name url=i.url hide=i.hide insub=insub current=true submenu=submenu %}
+  {%- else -%}
+    {% include menuitem.html name=i.name url=i.url hide=i.hide insub=insub current=false submenu=submenu %}
+  {%- endif -%}
+  {%- if forloop.last %}</ul></nav>{% endif -%}
+{%- endfor -%}
+{% if page.ref %}
+  {%- for p in translations %}
+    {%-if forloop.first -%}
+      <nav class="sidenav-languages" aria-labelledby="languagehead">
+        <header id="languagehead">{% include t.html t="Languages/Translations" %}</header>
+        <ul class="langlist">
+          <li style="margin-bottom: 2px;">{% if 'en' == page.lang %}<strong style="text-transform: capitalize;">{{ site.data.lang['en'].nativeName }} (original)</strong>{% else %}<a href="{{ enpage.url | relative_url }}" lang="en" dir="auto" translate="no">{{ site.data.lang['en'].nativeName }} (original)</a>{% endif %}</li>
+    {%- endif -%}
+    <li style="margin-bottom: 2px;">{% if p.lang == page.lang %}<strong style="text-transform: capitalize;">{{ site.data.lang[p.lang].nativeName }}</strong>{% else %}<a style="text-transform: capitalize;" href="{{ p.url | relative_url }}" dir="auto" translate="no" lang="{{ p.lang }}">{{ site.data.lang[p.lang].nativeName }}</a>{% endif %}</li>
+    {%- if forloop.last -%}
+        </ul>
+        {%- unless page.lang == "en" -%}
+        <p><a href="{{"/translations/#" | append: page.lang | relative_url}}">{% include t.html t="Other Resources in" %} {{ site.data.lang[page.lang].nativeName }}</a></p>
+        {% endunless %}
+        <p><a href="{{"/translations/" | relative_url}}">{% include t.html t="All&nbsp;Translations" %}</a></p>
+        <p><a href="{{"/about/translating/" | relative_url}}">{% include t.html t="Translating WAI Resources" %}</a></p>
+      </nav>
+    {%- endif -%}
+  {% endfor -%}
+{% endif %}
+</div>

data/_includes/sidenav.html

@@ -3,9 +3,6 @@ The first section creates an array of page urls that are page urls of this colle
 {% endcomment %}
 {%- assign col = site.collections | where: "label", page.collection | first -%}
 <nav class="sidenav sn-contents" aria-label="Other Pages in this Resource">
-  <div class="sidenav--head">{% if col.icon %}<div class="sidenav--head-icon">{% include_cached icon.html name=col.icon class="sidenav--head-icon--inner" %}</div>{%- endif -%}<div class="sidenav--head-title"><div class="sidenav--head-subsection">{% if col.shortname %}{{ col.shortname }}{%- else -%}{{ col.name }}{%- endif -%}</div>
-    </div>
-  </div>
   <ul class="sidenav--list">
 
 {%- unless col.groups -%}
@@ -22,7 +19,7 @@ The first section creates an array of page urls that are page urls of this colle
   {%- assign my_pages = site.documents | sort: "order" -%}
   {%- for my_page in my_pages -%}
     {%- unless my_page.nosidenav -%}{%- if pgs contains my_page.url -%}
-    <li><a class="page-link" {% if my_page.url == page.url %} aria-current="page" {%- endif -%} href="{{ my_page.url | relative_url }}">{% comment %}{% if my_page.url == page.url %}{% include_cached icon.html name="chevron-right" %} {%- endif -%}{% endcomment%}{% comment %}{% if my_page.title_icon %}<svg class="icon-in-title" aria-hidden="true"><use xlink:href="{{my_page.title_icon | relative_url}}"></use></svg> {% endif %}{% endcomment %}{% if my_page.nav_title %}{{ my_page.nav_title }}{%- else -%}{{ my_page.title }}{%- endif -%}</a></li>
+    <li><a class="page-link" {% if my_page.url == page.url %} aria-current="page" {%- endif -%} href="{{ my_page.url | relative_url }}">{% if my_page.nav_title %}{{ my_page.nav_title | xml_escape }}{%- else -%}{{ my_page.title | xml_escape }}{%- endif -%}</a></li>
     {%- endif -%}{%- endunless -%}
   {%- endfor -%}
 {%- else -%}
@@ -46,7 +43,7 @@ The first section creates an array of page urls that are page urls of this colle
       {%- assign my_pages = site.documents | sort: "order" -%}
       {%- for my_page in my_pages -%}
         {% unless my_page.nosidenav %}{% if pgs contains my_page.url %}
-        <li><a class="page-link" {% if my_page.url == page.url %} aria-current="page" {% endif %} href="{{ my_page.url | relative_url }}">{% comment %}{% if my_page.url == page.url %}{% include_cached icon.html name="chevron-right" %} {%- endif -%}{% endcomment %}{% comment %}{% if my_page.title_icon %}<svg class="icon-in-title" aria-hidden="true"><use xlink:href="{{my_page.title_icon | relative_url}}"></use></svg> {% endif %}{% endcomment %}{% if my_page.nav_title %}{{ my_page.nav_title }}{%- else -%}{{ my_page.title }}{%- endif -%}</a></li>
+        <li><a class="page-link" {% if my_page.url == page.url %} aria-current="page" {% endif %} href="{{ my_page.url | relative_url }}">{% if my_page.nav_title %}{{ my_page.nav_title | xml_escape }}{%- else -%}{{ my_page.title | xml_escape }}{%- endif -%}</a></li>
         {%- endif -%}{%- endunless -%}
       {%- endfor -%}
     </ul>

data/_layouts/default.html

@@ -62,7 +62,7 @@
 
   <main id="main"{% if page.lang %} lang="{{page.lang}}"{% endif %}>
     <header{%- if page.resource.ref %}{%- unless page.ref == page.resource.ref %} class="in-resource"{%- endunless -%}{%- endif -%}>
-      <h1>{% if page.title_icon %}<svg class="icon-in-title" aria-hidden="true"><use xlink:href="{{page.title_icon | relative_url}}"></use></svg> {% endif %}{% if page.title_image %}<img src="{{page.title_image | relative_url }}" alt="" class="title-image right" style="height: 2em;"> {% endif %}{% if page.title_html %}{{ page.title_html }}{% else %}{{ page.title }}{% endif %}</h1>
+      <h1>{% if page.title_icon %}<svg class="icon-in-title" aria-hidden="true"><use xlink:href="{{page.title_icon | relative_url}}"></use></svg> {% endif %}{% if page.title_image %}<img src="{{page.title_image | relative_url }}" alt="" class="title-image right" style="height: 2em;"> {% endif %}{% if page.title_html %}{{ page.title_html }}{% else %}{{ page.title | xml_escape }}{% endif %}</h1>
       {%- if page.resource.ref -%}{%- unless page.ref == page.resource.ref -%}
         <p>{% include t.html t="in" %} {% include link.html to=page.resource.ref %}</p>
       {%- endunless -%}{%- endif -%}
@@ -95,4 +95,4 @@
 {% include footer.html lang=pagelang %}
 
   </body>
-</html>
+</html>

data/_layouts/news.html

@@ -41,7 +41,7 @@
 <main id="main">
   <div class="grid-five-three">
     <div class="col12">
-      <h1>{% if page.title_icon %}<svg class="icon-in-title" aria-hidden="true"><use xlink:href="{{page.title_icon | relative_url}}"></use></svg> {% endif %}{% if page.title_html %}{{ page.title_html }}{% else %}{{ page.title }}{% endif %}</h1>
+      <h1>{% if page.title_icon %}<svg class="icon-in-title" aria-hidden="true"><use xlink:href="{{page.title_icon | relative_url}}"></use></svg> {% endif %}{% if page.title_html %}{{ page.title_html }}{% else %}{{ page.title | xml_escape }}{% endif %}</h1>
     </div>
   </div>
 

data/_layouts/sidenav.html

@@ -43,7 +43,7 @@
   {% include sidenav.html %}
 
   <main id="main"{% if page.lang %} lang="{{page.lang}}"{% endif %}>
-    <h1>{% if page.title_icon %}<svg class="icon-in-title" aria-hidden="true"><use xlink:href="{{page.title_icon | relative_url}}"></use></svg> {% endif %}{% if page.title_html %}{{ page.title_html }}{% else %}{{ page.title }}{% endif %}</h1>
+    <h1>{% if page.title_icon %}<svg class="icon-in-title" aria-hidden="true"><use xlink:href="{{page.title_icon | relative_url}}"></use></svg> {% endif %}{% if page.title_html %}{{ page.title_html }}{% else %}{{ page.title | xml_escape }}{% endif %}</h1>
 
     {%- include doc-note-msg.html -%}
 

data/_layouts/sidenavsidebar.html

@@ -43,7 +43,7 @@
   {% include sidenav.html %}
 
   <main id="main" class="content"{% if page.lang %} lang="{{page.lang}}"{% endif %}>
-    <h1>{% if page.title_icon %}<svg class="icon-in-title" aria-hidden="true"><use xlink:href="{{page.title_icon | relative_url}}"></use></svg> {% endif %}{% if page.title_html %}{{ page.title_html }}{% else %}{{ page.title }}{% endif %}</h1>
+    <h1>{% if page.title_icon %}<svg class="icon-in-title" aria-hidden="true"><use xlink:href="{{page.title_icon | relative_url}}"></use></svg> {% endif %}{% if page.title_html %}{{ page.title_html }}{% else %}{{ page.title | xml_escape }}{% endif %}</h1>
 
     {%- include doc-note-msg.html -%}
 

data/assets/css/style.css

@@ -1,2 +1,2 @@
-:root{--w3c-classic:#005a9c;--w3c-blue:#036;--wai-green:#005a6a;--off-black:#1d1d1d;--dk-grey:#3b3b3b;--faded-red:#c0272d;--red-subtle:#f1d0e1;--light-blue:#196cac;--dk-blue:#091832;--gold:#eed009;--gold-light:rgba(238,208,9,.35);--ocean:#00818d;--cloudy:#bccbd3;--cloudy-subtle:#d0e1f1;--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-display:fallback}@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-display:fallback}@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-display:fallback}@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-display:fallback}@font-face{font-family:Noto Sans Mono;src:url(../fonts/notosansmono/notosansmono-regular.woff2) format("woff2"),url(../fonts/notosansmono/notosansmono-regular.woff) format("woff");font-weight:400;font-style:normal;font-display:fallback}@font-face{font-family:Noto Sans Mono;src:url(../fonts/notosansmono/notosansmono-bold.woff2) format("woff2"),url(../fonts/notosansmono/notosansmono-bold.woff) format("woff");font-weight:600;font-style:normal;font-display:fallback}@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-display:fallback}@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-display:fallback}@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-display:fallback}@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;font-display:fallback}html{background-color:#f2f2f2;background-color:var(--off-white)}@media print{html{font-size:12pt;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;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}}:lang(ar){font-family:Noto Naskh Arabic,Noto Sans,Trebuchet MS,Helvetica Neue,Arial,sans-serif}.langlist :lang(ar),.languagelist :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,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: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:-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:-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:-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:-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%;-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:-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:-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{-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{-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:-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;-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}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{border-radius:5px;display:inline-block;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items: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}@media print{.button-backtotop{display:none}}[dir=ltr] .button-menu{margin-left:auto}[dir=rtl] .button-menu{margin-right:auto}.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:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -8px}.button-group .button,.button-group button{min-width:7em;-ms-flex:1;flex:1;text-align:center;margin:8px}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}.box.box-highlighted{background-color:#d0e1f1;background-color:var(--cloudy-subtle)}.box.box-highlighted .box-h-highlighted{color:#091832;color:var(--dk-blue);border-bottom:1px solid #ddd;border-bottom:solid 1px var(--line-grey);background-color:#fff;background-color:var(--pure-white)}@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}}@media print{#helpimprove{display:none}}.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:-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:-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{border:2px solid #bccbd3;border:2px solid var(--cloudy);border-top:none;margin-bottom:0}.decision-tree>li>strong{display:block;padding:1em .5em}.decision-tree>li:first-child{border-top:2px solid #bccbd3;border-top:2px solid var(--cloudy)}.decision-tree>li>ul{padding:0;list-style:none;border-top:1px dotted #bccbd3;border-top:1px dotted var(--cloudy)}@supports (display:flex){.decision-tree>li>ul{display:-ms-flexbox;display:flex;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:stretch;align-items:stretch}}.decision-tree>li>ul>li{text-indent:0;box-sizing:border-box;font-weight:400;margin-bottom:0}@supports (display:flex){.decision-tree>li>ul>li{-ms-flex-preferred-size:25%;flex-basis:25%}}.decision-tree>li>ul>li{padding:.5em}@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:#d0e1f1;background-color:var(--cloudy-subtle);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}[dir=ltr] .decision-tree .no{border-right:1px dotted #bccbd3}[dir=rtl] .decision-tree .no{border-left:1px dotted #bccbd3}[dir=ltr] .decision-tree .no{border-right:1px dotted var(--cloudy)}[dir=rtl] .decision-tree .no{border-left:1px dotted var(--cloudy)}.decision-tree .no{background-color:#f1d0e1;background-color:var(--red-subtle);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:#f1d0e1;border-top-color:var(--red-subtle);border-width:16px;border-width:1rem;z-index:500}[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}.doc-draft h1:before{content:"Draft"}.doc-archived h1:before{content:"Archived"}.doc-deprecated h1:before{content:"Deprecated";background-color:#c0272d;background-color:var(--faded-red);color:#fff;color:var(--pure-white)}.doc-deprecated .doc-note-box{border-color:#c0272d;border-color:var(--faded-red)}.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}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: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:-ms-flexbox;display:flex}figure.shrink-wrap .figcontent>*{-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:focus,.site-footer a:hover{color:#eed009;color:var(--gold)}@media print{.site-footer a{color:#000}}@media print{.site-footer a:after{display:none}}.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 ul a{text-decoration:none}.site-footer ul a:focus,.site-footer ul a: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:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between}@media print{.site-footer .about{grid-column-end:q4-end;-ms-flex-direction:row;flex-direction:row;-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}.site-footer .social{margin-top:1em;margin-bottom:1em}@media print{.site-footer .social{display:none}}.site-footer .social svg{vertical-align:middle;font-size:2em}.site-footer .social a{color:#fff;color:var(--pure-white);text-decoration:none}.site-footer .social a:focus svg,.site-footer .social a:hover svg{color:#eed009;color:var(--gold)}.site-footer .social .button{border:1px solid #fff;border:1px solid var(--pure-white)}.site-footer .social ul{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center}[dir=ltr] .site-footer .social ul li{margin-right:1em}[dir=rtl] .site-footer .social ul li{margin-left:1em}.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;outline:2px solid transparent;outline-offset:5px;transition:outline-offset .2s linear}.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{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;outline-color:currentColor;outline-offset:2px}.field:focus-within{background-color:#edf4fa;outline-color:currentColor;outline-offset:2px}.field[focus-within] input:focus{outline:none;background-color:#fff!important;background-color:var(--pure-white)!important}.field:focus-within input:focus{outline:none;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:-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{-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{-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:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}}[dir=ltr] .searchform label{text-align:right}[dir=rtl] .searchform label{text-align:left}.searchform label{-ms-flex:1;flex:1}[dir=ltr] .searchform input{margin-left:10px}[dir=rtl] .searchform input{margin-right:10px}.searchform input{-ms-flex:4;flex:4}[dir=ltr] .searchform button{margin-left:10px}[dir=rtl] .searchform button{margin-right:10px}.searchform button{-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:-ms-flexbox;display:flex;-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{-ms-flex:1 0 0px;flex:1 0 0;display:none}@media (min-width:35em){.logos .claim{display:-ms-flexbox;display:flex;-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:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}@supports (display:grid){.home{-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:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-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:-ms-flexbox;display:flex;-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}}@media print{h1{font-size:24pt}}h1{line-height:1.2;font-weight:400}h1,h1+h2{margin-top:0}h2{font-size:22px;font-size:1.375rem}@media print{h2{font-size:21pt}}h2{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}@media print{h3,h4{font-size:16pt}}h3,h4{line-height:1.4}h3+h4{margin-top:0}h4{font-weight:400}@media print{h4{font-size:14pt}}h4+h5{margin-top:0}h5{font-weight:700;line-height:1.6;font-size:16px;font-size:1rem}@media print{h5{font-size:12pt}}h5+h6{margin-top:0}h6{font-size:14px;font-size:.875rem}@media print{h6{font-size:12pt}}h6{line-height:1.8}h1.ap:before,h1.ex:before,h2.ap:before,h2.ex:before,h3.ap:before,h3.ex:before,h4.ap:before,h4.ex:before,h5.ap:before,h5.ex:before,h6.ap:before,h6.ex:before{color:#036!important;color:var(--w3c-blue)!important;font-weight:700}h1.ex,h2.ex,h3.ex,h4.ex,h5.ex,h6.ex{counter-increment:a;counter-reset:b}h1.ex:before,h2.ex:before,h3.ex:before,h4.ex:before,h5.ex:before,h6.ex:before{content:"Example " counter(a) ": "}h1.ex.inap,h2.ex.inap,h3.ex.inap,h4.ex.inap,h5.ex.inap,h6.ex.inap{counter-reset:none}h1.newap,h2.newap,h3.newap,h4.newap,h5.newap,h6.newap{counter-reset:b}h1.newex,h2.newex,h3.newex,h4.newex,h5.newex,h6.newex{counter-reset:a}h1.first,h1.newexap,h2.first,h2.newexap,h3.first,h3.newexap,h4.first,h4.newexap,h5.first,h5.newexap,h6.first,h6.newexap{counter-reset:a b}h1.ap,h2.ap,h3.ap,h4.ap,h5.ap,h6.ap{counter-increment:b}h1.ap:before,h2.ap:before,h3.ap:before,h4.ap:before,h5.ap:before,h6.ap:before{content:"Approach " counter(b) ": "}h1 code,h2 code,h3 code,h4 code,h5 code,h6 code{color:inherit!important}.in-resource h1{margin-bottom:0}.in-resource p{margin-top:0;font-style:italic}.in-resource a:visited{color:var(--w3c-dark)}#toc+h2,.tight-page h2{margin-top:45px}[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}img.tiny{--img-width:60px}img.mini{--img-width:90px}img.small{--img-width:120px}img.normal{--img-width:240px}img.large{--img-width:480px}[dir=ltr] img.left{clear:left}[dir=rtl] img.left{clear:right}[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}img.video{border-radius:calc(var(--img-width) / 20)}main img{max-width:100%}main img:not([width]){width:var(--img-width)}ul{list-style-type:disc}ul.alt,ul.alt ul{list-style-type:circle}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;overflow:auto}.withicons{--img-width:240px}.withicons.tiny{--img-width:60px}.withicons.mini{--img-width:90px}.withicons.small{--img-width:120px}.withicons.normal{--img-width:240px}[dir=ltr] .withicons li.left img{float:left}[dir=rtl] .withicons li.left img{float:right}.withicons li.left img{min-width:60px;width:calc(var(--img-width) / 2)}@media (min-width:35em){[dir=ltr] .withicons li.left{padding-left:calc(var(--img-width) + 20px)}[dir=rtl] .withicons li.left{padding-right:calc(var(--img-width) + 20px)}[dir=ltr] .withicons li.left img{margin-left:calc((var(--img-width) + 20px) * -1)}[dir=rtl] .withicons li.left img{margin-right:calc((var(--img-width) + 20px) * -1)}.withicons li.left img{min-width:auto;width:var(--img-width)}}[dir=ltr] .withicons li.right img{float:right}[dir=rtl] .withicons li.right img{float:left}.withicons li.right img{min-width:60px;width:calc(var(--img-width) / 2)}@media (min-width:35em){[dir=ltr] .withicons li.right{padding-right:calc(var(--img-width) + 20px)}[dir=rtl] .withicons li.right{padding-left:calc(var(--img-width) + 20px)}[dir=ltr] .withicons li.right img{margin-right:calc((var(--img-width) + 20px) * -1)}[dir=rtl] .withicons li.right img{margin-left:calc((var(--img-width) + 20px) * -1)}.withicons li.right img{min-width:auto;width:var(--img-width)}}p+ol,p+ul{margin-top:-8px}.checkbox{list-style-image:url(../images/checkbox.svg)}.columns{padding:0}[dir=ltr] .columns>*{margin-left:32px}[dir=rtl] .columns>*{margin-right:32px}.four.columns,.two.columns{grid-column-gap:32px;column-gap:32px}@media (min-width:35em){.four.columns,.two.columns{columns:2}}.four.columns{padding:0 8px}@media (min-width:60em){.four.columns{columns:4}}.two.small.columns{grid-column-gap:32px;column-gap:32px}@media (min-width:35em){.two.small.columns{columns:1}}@media (min-width:60em){.two.small.columns{columns:2}}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}.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:-ms-flexbox;display:flex;-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%;-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:-ms-flexbox;display:flex;-ms-flex-align:center;align-items: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:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-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:-ms-flexbox;display:flex;-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:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items: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:-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{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;-ms-flex-positive:1;flex-grow:1;display:-ms-flexbox;display:flex;-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;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0;padding:8px}.pager--item,.pager>ul{display:-ms-flexbox;display:flex}.pager--item{-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:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex:1 100%;flex:1 100%;text-decoration:none;-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{-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-pack:end;justify-content:flex-end}.pager--item-icon{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:-ms-flexbox;display:flex;-ms-flex:1 auto;flex:1 auto;width:100%;-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:-ms-flexbox;display:flex;margin:0;padding:0;list-style:none;-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)}.related-content{background-color:#fff;background-color:var(--pure-white);border:1px solid #ddd;border:1px solid var(--line-grey);display:-ms-flexbox;display:flex;-ms-flex:1 100%;flex:1 100%;-ms-flex-direction:column;flex-direction:column;margin:50px}.related-content--head{-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);display:-ms-flexbox;display:flex;-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);-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:-ms-flexbox;display:flex;-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:-ms-flexbox;display:flex;box-sizing:border-box;padding:8px 24px;min-height:44px;color:#fff;color:var(--pure-white);text-decoration:none;-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 #bccbd3;border:1px solid var(--cloudy);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 #bccbd3;border:1px solid var(--cloudy);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);-ms-flex-direction:column;flex-direction:column}.making-web-accessible [hidden]{display:none!important}.making-web-accessible .inner.hidesection{position:relative;-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 .mwa-icon{margin-right:16px;margin-right:1rem}[dir=rtl] .making-web-accessible .mwa-icon{margin-left:16px;margin-left:1rem}.making-web-accessible .mwa-icon{width:65px;height:65px}.making-web-accessible .mwa-icon.mwa-icon-book{height:49px;padding-top:16px}.making-web-accessible .mwa-icon.mwa-icon-computer{height:57px;padding-top:8px}.making-web-accessible .title{display:block;font-size:36px;font-size:2.25rem}.making-web-accessible .teaser-h h2{margin:0}.making-web-accessible .teaser-h p{margin-bottom:8px;margin-bottom:.5rem}.making-web-accessible h3{margin-top:10px;font-size:24px;font-size:1.5rem;margin-bottom:0}.making-web-accessible p{margin-top:8px;margin-top:.5rem;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.news-teaser h3{margin-bottom:0}.teaser.news-teaser p{margin:0}.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{-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:-ms-flexbox;display:flex;-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 span{display:block;text-align:center;text-decoration:underline}.video-link img{width:240px;border-radius:1rem}.video-link-small img{width:120px;border-radius:.5rem}.video-link-inline{display:-ms-inline-flexbox;display:inline-flex;-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;border-radius:.25rem}.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:16px;font-size:1rem;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)}
+:root{--w3c-classic:#005a9c;--w3c-blue:#036;--wai-green:#005a6a;--off-black:#1d1d1d;--dk-grey:#3b3b3b;--faded-red:#c0272d;--red-subtle:#f1d0e1;--light-blue:#196cac;--dk-blue:#091832;--gold:#eed009;--gold-light:rgba(238,208,9,.35);--ocean:#00818d;--cloudy:#bccbd3;--cloudy-subtle:#d0e1f1;--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-display:fallback}@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-display:fallback}@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-display:fallback}@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-display:fallback}@font-face{font-family:Noto Sans Mono;src:url(../fonts/notosansmono/notosansmono-regular.woff2) format("woff2"),url(../fonts/notosansmono/notosansmono-regular.woff) format("woff");font-weight:400;font-style:normal;font-display:fallback}@font-face{font-family:Noto Sans Mono;src:url(../fonts/notosansmono/notosansmono-bold.woff2) format("woff2"),url(../fonts/notosansmono/notosansmono-bold.woff) format("woff");font-weight:600;font-style:normal;font-display:fallback}@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-display:fallback}@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-display:fallback}@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-display:fallback}@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;font-display:fallback}html{background-color:#f2f2f2;background-color:var(--off-white)}@media print{html{font-size:12pt;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;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}}:lang(ar){font-family:Noto Naskh Arabic,Noto Sans,Trebuchet MS,Helvetica Neue,Arial,sans-serif}.langlist :lang(ar),.languagelist :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,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: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:-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:-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:-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:-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%;-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:-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:-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{-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{-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:-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;-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}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{border-radius:5px;display:inline-block;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items: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}@media print{.button-backtotop{display:none}}[dir=ltr] .button-menu{margin-left:auto}[dir=rtl] .button-menu{margin-right:auto}.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:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -8px}.button-group .button,.button-group button{min-width:7em;-ms-flex:1;flex:1;text-align:center;margin:8px}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}.box.box-highlighted{background-color:#d0e1f1;background-color:var(--cloudy-subtle)}.box.box-highlighted .box-h-highlighted{color:#091832;color:var(--dk-blue);border-bottom:1px solid #ddd;border-bottom:solid 1px var(--line-grey);background-color:#fff;background-color:var(--pure-white)}@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}}@media print{#helpimprove{display:none}}.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:-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:-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{border:2px solid #bccbd3;border:2px solid var(--cloudy);border-top:none;margin-bottom:0}.decision-tree>li>strong{display:block;padding:1em .5em}.decision-tree>li:first-child{border-top:2px solid #bccbd3;border-top:2px solid var(--cloudy)}.decision-tree>li>ul{padding:0;list-style:none;border-top:1px dotted #bccbd3;border-top:1px dotted var(--cloudy)}@supports (display:flex){.decision-tree>li>ul{display:-ms-flexbox;display:flex;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:stretch;align-items:stretch}}.decision-tree>li>ul>li{text-indent:0;box-sizing:border-box;font-weight:400;margin-bottom:0}@supports (display:flex){.decision-tree>li>ul>li{-ms-flex-preferred-size:25%;flex-basis:25%}}.decision-tree>li>ul>li{padding:.5em}@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:#d0e1f1;background-color:var(--cloudy-subtle);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}[dir=ltr] .decision-tree .no{border-right:1px dotted #bccbd3}[dir=rtl] .decision-tree .no{border-left:1px dotted #bccbd3}[dir=ltr] .decision-tree .no{border-right:1px dotted var(--cloudy)}[dir=rtl] .decision-tree .no{border-left:1px dotted var(--cloudy)}.decision-tree .no{background-color:#f1d0e1;background-color:var(--red-subtle);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:#f1d0e1;border-top-color:var(--red-subtle);border-width:16px;border-width:1rem;z-index:500}[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}.doc-draft h1:before{content:"Draft"}.doc-archived h1:before{content:"Archived"}.doc-deprecated h1:before{content:"Deprecated";background-color:#c0272d;background-color:var(--faded-red);color:#fff;color:var(--pure-white)}.doc-deprecated .doc-note-box{border-color:#c0272d;border-color:var(--faded-red)}.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}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: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:-ms-flexbox;display:flex}figure.shrink-wrap .figcontent>*{-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:focus,.site-footer a:hover{color:#eed009;color:var(--gold)}@media print{.site-footer a{color:#000}}@media print{.site-footer a:after{display:none}}.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 ul a{text-decoration:none}.site-footer ul a:focus,.site-footer ul a: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:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between}@media print{.site-footer .about{grid-column-end:q4-end;-ms-flex-direction:row;flex-direction:row;-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}.site-footer .social{margin-top:1em;margin-bottom:1em}@media print{.site-footer .social{display:none}}.site-footer .social svg{vertical-align:middle;font-size:2em}.site-footer .social a{color:#fff;color:var(--pure-white);text-decoration:none}.site-footer .social a:focus svg,.site-footer .social a:hover svg{color:#eed009;color:var(--gold)}.site-footer .social .button{border:1px solid #fff;border:1px solid var(--pure-white)}.site-footer .social ul{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center}[dir=ltr] .site-footer .social ul li{margin-right:1em}[dir=rtl] .site-footer .social ul li{margin-left:1em}.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;outline:2px solid transparent;outline-offset:5px;transition:outline-offset .2s linear}.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{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;outline-color:currentColor;outline-offset:2px}.field:focus-within{background-color:#edf4fa;outline-color:currentColor;outline-offset:2px}.field[focus-within] input:focus{outline:none;background-color:#fff!important;background-color:var(--pure-white)!important}.field:focus-within input:focus{outline:none;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:-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{-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{-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:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}}[dir=ltr] .searchform label{text-align:right}[dir=rtl] .searchform label{text-align:left}.searchform label{-ms-flex:1;flex:1}[dir=ltr] .searchform input{margin-left:10px}[dir=rtl] .searchform input{margin-right:10px}.searchform input{-ms-flex:4;flex:4}[dir=ltr] .searchform button{margin-left:10px}[dir=rtl] .searchform button{margin-right:10px}.searchform button{-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:-ms-flexbox;display:flex;-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{-ms-flex:1 0 0px;flex:1 0 0;display:none}@media (min-width:35em){.logos .claim{display:-ms-flexbox;display:flex;-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:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}@supports (display:grid){.home{-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:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-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:-ms-flexbox;display:flex;-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}}@media print{h1{font-size:24pt}}h1{line-height:1.2;font-weight:400}h1,h1+h2{margin-top:0}h2{font-size:22px;font-size:1.375rem}@media print{h2{font-size:21pt}}h2{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}@media print{h3,h4{font-size:16pt}}h3,h4{line-height:1.4}h3+h4{margin-top:0}h4{font-weight:400}@media print{h4{font-size:14pt}}h4+h5{margin-top:0}h5{font-weight:700;line-height:1.6;font-size:16px;font-size:1rem}@media print{h5{font-size:12pt}}h5+h6{margin-top:0}h6{font-size:14px;font-size:.875rem}@media print{h6{font-size:12pt}}h6{line-height:1.8}h1.ap:before,h1.ex:before,h2.ap:before,h2.ex:before,h3.ap:before,h3.ex:before,h4.ap:before,h4.ex:before,h5.ap:before,h5.ex:before,h6.ap:before,h6.ex:before{color:#036!important;color:var(--w3c-blue)!important;font-weight:700}h1.ex,h2.ex,h3.ex,h4.ex,h5.ex,h6.ex{counter-increment:a;counter-reset:b}h1.ex:before,h2.ex:before,h3.ex:before,h4.ex:before,h5.ex:before,h6.ex:before{content:"Example " counter(a) ": "}h1.ex.inap,h2.ex.inap,h3.ex.inap,h4.ex.inap,h5.ex.inap,h6.ex.inap{counter-reset:none}h1.newap,h2.newap,h3.newap,h4.newap,h5.newap,h6.newap{counter-reset:b}h1.newex,h2.newex,h3.newex,h4.newex,h5.newex,h6.newex{counter-reset:a}h1.first,h1.newexap,h2.first,h2.newexap,h3.first,h3.newexap,h4.first,h4.newexap,h5.first,h5.newexap,h6.first,h6.newexap{counter-reset:a b}h1.ap,h2.ap,h3.ap,h4.ap,h5.ap,h6.ap{counter-increment:b}h1.ap:before,h2.ap:before,h3.ap:before,h4.ap:before,h5.ap:before,h6.ap:before{content:"Approach " counter(b) ": "}h1 code,h2 code,h3 code,h4 code,h5 code,h6 code{color:inherit!important}.in-resource h1{margin-bottom:0}.in-resource p{margin-top:0;font-style:italic}.in-resource a:visited{color:var(--w3c-dark)}#toc+h2,.tight-page h2{margin-top:45px}[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}img.tiny{--img-width:60px}img.mini{--img-width:90px}img.small{--img-width:120px}img.normal{--img-width:240px}img.large{--img-width:480px}[dir=ltr] img.left{clear:left}[dir=rtl] img.left{clear:right}[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}img.video{border-radius:calc(var(--img-width) / 20)}main img{max-width:100%}main img:not([width]){width:var(--img-width)}ul{list-style-type:disc}ul.alt,ul.alt ul{list-style-type:circle}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;overflow:auto}.withicons{--img-width:240px}.withicons.tiny{--img-width:60px}.withicons.mini{--img-width:90px}.withicons.small{--img-width:120px}.withicons.normal{--img-width:240px}[dir=ltr] .withicons li.left img{float:left}[dir=rtl] .withicons li.left img{float:right}.withicons li.left img{min-width:60px;width:calc(var(--img-width) / 2)}@media (min-width:35em){[dir=ltr] .withicons li.left{padding-left:calc(var(--img-width) + 20px)}[dir=rtl] .withicons li.left{padding-right:calc(var(--img-width) + 20px)}[dir=ltr] .withicons li.left img{margin-left:calc((var(--img-width) + 20px) * -1)}[dir=rtl] .withicons li.left img{margin-right:calc((var(--img-width) + 20px) * -1)}.withicons li.left img{min-width:auto;width:var(--img-width)}}[dir=ltr] .withicons li.right img{float:right}[dir=rtl] .withicons li.right img{float:left}.withicons li.right img{min-width:60px;width:calc(var(--img-width) / 2)}@media (min-width:35em){[dir=ltr] .withicons li.right{padding-right:calc(var(--img-width) + 20px)}[dir=rtl] .withicons li.right{padding-left:calc(var(--img-width) + 20px)}[dir=ltr] .withicons li.right img{margin-right:calc((var(--img-width) + 20px) * -1)}[dir=rtl] .withicons li.right img{margin-left:calc((var(--img-width) + 20px) * -1)}.withicons li.right img{min-width:auto;width:var(--img-width)}}p+ol,p+ul{margin-top:-8px}.checkbox{list-style-image:url(../images/checkbox.svg)}.columns{padding:0}[dir=ltr] .columns>*{margin-left:32px}[dir=rtl] .columns>*{margin-right:32px}.four.columns,.two.columns{grid-column-gap:32px;column-gap:32px}@media (min-width:35em){.four.columns,.two.columns{columns:2}}.four.columns{padding:0 8px}@media (min-width:60em){.four.columns{columns:4}}.two.small.columns{grid-column-gap:32px;column-gap:32px}@media (min-width:35em){.two.small.columns{columns:1}}@media (min-width:60em){.two.small.columns{columns:2}}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}.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:-ms-flexbox;display:flex;-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%;-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:-ms-flexbox;display:flex;-ms-flex-align:center;align-items: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:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-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:-ms-flexbox;display:flex;-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:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items: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:-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{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;-ms-flex-positive:1;flex-grow:1;display:-ms-flexbox;display:flex;-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;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0;padding:8px}.pager--item,.pager>ul{display:-ms-flexbox;display:flex}.pager--item{-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:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex:1 100%;flex:1 100%;text-decoration:none;-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{-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-pack:end;justify-content:flex-end}.pager--item-icon{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:-ms-flexbox;display:flex;-ms-flex:1 auto;flex:1 auto;width:100%;-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:-ms-flexbox;display:flex;margin:0;padding:0;list-style:none;-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)}.related-content{background-color:#fff;background-color:var(--pure-white);border:1px solid #ddd;border:1px solid var(--line-grey);display:-ms-flexbox;display:flex;-ms-flex:1 100%;flex:1 100%;-ms-flex-direction:column;flex-direction:column;margin:50px}.related-content--head{-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);display:-ms-flexbox;display:flex;-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);-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--list>:first-child>a{color:#fff;color:var(--pure-white);font-size:22px;font-size:1.375rem;font-weight:700;border-top:none}[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:-ms-flexbox;display:flex;box-sizing:border-box;padding:8px 24px;min-height:44px;color:#fff;color:var(--pure-white);text-decoration:none;-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 #bccbd3;border:1px solid var(--cloudy);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 #bccbd3;border:1px solid var(--cloudy);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);-ms-flex-direction:column;flex-direction:column}.making-web-accessible [hidden]{display:none!important}.making-web-accessible .inner.hidesection{position:relative;-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 .mwa-icon{margin-right:16px;margin-right:1rem}[dir=rtl] .making-web-accessible .mwa-icon{margin-left:16px;margin-left:1rem}.making-web-accessible .mwa-icon{width:65px;height:65px}.making-web-accessible .mwa-icon.mwa-icon-book{height:49px;padding-top:16px}.making-web-accessible .mwa-icon.mwa-icon-computer{height:57px;padding-top:8px}.making-web-accessible .title{display:block;font-size:36px;font-size:2.25rem}.making-web-accessible .teaser-h h2{margin:0}.making-web-accessible .teaser-h p{margin-bottom:8px;margin-bottom:.5rem}.making-web-accessible h3{margin-top:10px;font-size:24px;font-size:1.5rem;margin-bottom:0}.making-web-accessible p{margin-top:8px;margin-top:.5rem;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.news-teaser h3{margin-bottom:0}.teaser.news-teaser p{margin:0}.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{-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:-ms-flexbox;display:flex;-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 span{display:block;text-align:center;text-decoration:underline}.video-link img{width:240px;border-radius:1rem}.video-link-small img{width:120px;border-radius:.5rem}.video-link-inline{display:-ms-inline-flexbox;display:inline-flex;-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;border-radius:.25rem}.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;font-display:swap}[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:16px;font-size:1rem;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)}
 /*# sourceMappingURL=style.css.map */

data/assets/css/style.css.map

@@ -1 +1 @@
-{"version":3,"sources":["colors.css","base.css","style.css","../_components/atoms/buttons.css","../_components/atoms/mark.css","../_components/atoms/p.css","../_components/atoms/show-hide-buttons.css","../_components/blockquotes.css","../_components/boxes.css","../_components/breadcrumb.css","../_components/content.css","../_components/decision-tree.css","../_components/document-notes/document-notes.css","../_components/excol/excol.css","../_components/figure/figure.css","../_components/footer.css","../_components/footnotes.css","../_components/form/form-elements.css","../_components/form/form-search.css","../_components/header.css","../_components/headings.css","../_components/icons.css","../_components/images.css","../_components/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/related-content/related-content.css","../_components/sidenav/sidenav.css","../_components/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.css","../_components/video-player.css","code.css"],"names":[],"mappings":"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CxBgpHI,gBAAkB,CwBptHpB,AACA,0CxButHE,eAAiB,CwB/tHrB,AA2EA,uCAjEE,aAAA,AxB0tHA,QAAU,CwBztHV,AAXF,qCxBwuHE,gBwB5tHE,CA+DJ,AxBgqHA,qCwB7tHE,eAAA,CxB+tHD,AAED,2BACE,WwB9tHE,AxB+tHF,qBwB9tHoB,AxB+tHpB,yBwB9tHe,AxB+tHf,UwB/tHE,AxBguHF,WwBhuHE,AxBiuHF,SwBhuHE,AxBiuHF,gBwBjuHE,AxBkuHF,qBwBluHE,CxBmuHH,AAED,aACE,cAAgB,CwBpuHd,AATF,SxBivHA,kBwBvuHI,AxBwuHJ,ewBxuHI,AAkDJ,kBAAA,AxBwrHA,6BwBzuHE,AxB0uHF,wCAAyC,AwBzuHvC,gCAAA,AxB2uHF,2CwB1uHiB,AxB2uHjB,sBwB1uHsB,AxB2uHtB,iCwB1uHmB,AxB2uHnB,YwB3uHI,CxB4uHL,AAED,cwB7uHM,aAAY,CAAA,AxB+uHlB,wBAEA,SwB/uHM,aAAA,CxBivHL,CACE,AAEH,aAEA,SACI,YwBpvHM,CxBqvHT,CACE,AAEH,YACI,WwBpvHI,AxBqvHJ,iBwBpvHe,AxBqvHf,UwBpvHI,AxBqvHJ,wBwBpvH4B,AxBqvH5B,kBwBrvHI,AxBuvHJ,oBwBrvHqB,AxBsvHrB,awBrvHI,AxBuvHA,uBwBtvHA,AACA,oBAAa,AxBuvHjB,mBwBvvHI,cAAa,CxByvHlB,AAEH,wBAEA,YACM,qBwB5vHE,AACA,gBAAA,CxB6vHL,CACE,AwB7vHG,exBgwHF,cwB/vHI,AxBgwHJ,kBwB/vHI,AxBgwHJ,4BwB/vHE,AxBgwHE,eAAgB,AwB9vHhB,oBAAA,YAAA,AxBkwHJ,oBwBjwHE,AxBkwHE,aAAc,CwBhwHd,AxBmwHV,sBACQ,gBwBlwHE,AxBmwHF,0BAA2B,CwBhwHzB,AxBmwHV,6BwBjwHU,0CAAA,AxBmwHA,6CAAgD,CwBhwHpD,AAEA,iBxBkwHE,qBAAsB,AwBpwHxB,cAAA,AACE,WAAA,AACF,YAAA,AxBswHE,WAAe,AwBhwHrB,wBAAA,AxBkwHM,kBAAmB,AwBjwHvB,gBAAA,AACF,sBAAA,AACA,oBAAA,AxBswHM,aAAc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B,eAAA,CAAA,AjCwuJF,uCiCruJA,iBAAA,CjCuuJC,AAED,uCiCtuJE,kBAAmB,CjCwuJpB,AAED,6BiCvuJE,2BAAqB,AACvB,uBAAA,AjCyuJI,cAAe,AiCxuJnB,wBAAA,CACE,AjC2uJF,gCiC1uJE,iBAAoB,CACpB,AjC6uJF,+BiC3uJA,iBAAA,CjC6uJC,AAED,+BiC7uJE,kBAAkB,CjC+uJnB,AiC7uJD,+BjCgvJI,eAAiB,CiC/uJrB,AjCkvJA,+BiChvJE,cAAA,CjCkvJD,AiCvuJD,qBjC0uJI,gBAAiB,AiCnvJnB,mBAAA,AACE,SAAA,AAOF,4BAAA,CjC+uJC,AAEH,kCACE,eiCvvJI,CjCwvJL,AiCtvJG,kCjCyvJF,gBiCxvJkB,CjCyvJnB,AiCpvJC,MjCuvJA,yBiCtvJuB,AACvB,+BAAA,AjCuvJA,yBAA0B,AiCtvJ1B,iBAAA,CjCwvJD,AAED,QiCpvJE,gBAAA,AjCsvJA,eiCrvJE,AjCsvJF,mBiCtvJE,AjCuvJF,ciCtvJE,AjCuvJF,uBiCvvJE,AAUF,gBAAA,AjC+uJA,iBAAmB,CiCxvJjB,AjC2vJJ,MAGE,kBiC3vJM,AjC6vJN,yBiC5vJI,AjC6vJJ,+BAAgC,AiC5vJ5B,kBAAA,CjC8vJL,AAED,oBAGE,eiC3vJA,CACF,ACjEE,GlCg0JA,gBkC/zJE,AACF,WAAA,AlCg0JA,wBAAyB,AkC/zJzB,yBAAA,AlCi0JA,iCkCh0JgB,ClCi0JjB,AAED,KmCx0JA,aAAA,CACE,AnC20JF,sBmCz0JE,cAAsB,AAAtB,iBAAA,CnC40JG,AmC3xJL,anC8xJM,aAAe,CmC90JnB,AnCq1JF,8DACI,YmCj1JA,CnCk1JD,AAEH,UmCl1JE,yBAAA,AACE,kCAAA,AACF,WAAA,AnCo1JE,qBAAsB,CmCt1JxB,AAEA,YnCw1JI,aAAc,CmCv1JlB,AAYA,oCnC+0JM,cAAe,AmC31JrB,sBAAA,CAGE,AnC41JJ,oBmC/1JE,aAAA,CACE,AnCk2JJ,YACE,qBAAsB,AmCh2JpB,iBAAA,AACE,YAAY,CnCk2JjB,AAMD,gCACI,cAAe,AmCj2JjB,eAAA,AACE,iBAAc,CnCm2Jf,AAEH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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  --red-subtle: #f1d0e1;\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  --cloudy-subtle: #d0e1f1;\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  font-display:fallback;\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  font-display:fallback;\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  font-display:fallback;\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  font-display:fallback;\n}\n\n@font-face {\n  font-family: 'Noto Sans Mono';\n  src: url('../fonts/notosansmono/notosansmono-regular.woff2') format('woff2'),\n       url('../fonts/notosansmono/notosansmono-regular.woff') format('woff');\n  font-weight: 400;\n  font-style: normal;\n  font-display:fallback;\n}\n\n@font-face {\n  font-family: 'Noto Sans Mono';\n  src: url('../fonts/notosansmono/notosansmono-bold.woff2') format('woff2'),\n       url('../fonts/notosansmono/notosansmono-bold.woff') format('woff');\n  font-weight: 600;\n  font-style: normal;\n  font-display:fallback;\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  font-display:fallback;\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  font-display:fallback;\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  font-display:fallback;\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  font-display:fallback;\n}\n\nhtml {\n  background-color: var(--off-white);\n  @media print {\n    font-size: 12pt;\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    text-decoration-skip-ink: none;\n  }\n}\n\n:lang(ar) {\n  font-family: \"Noto Naskh Arabic\", \"Noto Sans\", \"Trebuchet MS\", \"Helvetica Neue\", Arial, sans-serif;\n}\n\n.languagelist :lang(ar),\n.langlist     :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, 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: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\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  --red-subtle: #f1d0e1;\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  --cloudy-subtle: #d0e1f1;\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  font-display:fallback;\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  font-display:fallback;\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  font-display:fallback;\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  font-display:fallback;\n}\n\n@font-face {\n  font-family: 'Noto Sans Mono';\n  src: url('../fonts/notosansmono/notosansmono-regular.woff2') format('woff2'),\n       url('../fonts/notosansmono/notosansmono-regular.woff') format('woff');\n  font-weight: 400;\n  font-style: normal;\n  font-display:fallback;\n}\n\n@font-face {\n  font-family: 'Noto Sans Mono';\n  src: url('../fonts/notosansmono/notosansmono-bold.woff2') format('woff2'),\n       url('../fonts/notosansmono/notosansmono-bold.woff') format('woff');\n  font-weight: 600;\n  font-style: normal;\n  font-display:fallback;\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  font-display:fallback;\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  font-display:fallback;\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  font-display:fallback;\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  font-display:fallback;\n}\n\nhtml {\n  background-color: #f2f2f2;\n  background-color: var(--off-white)\n}\n\n@media print {\n\nhtml {\n    font-size: 12pt;\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    -webkit-text-decoration-skip-ink: none;\n            text-decoration-skip-ink: none\n}\n  }\n\n:lang(ar) {\n  font-family: \"Noto Naskh Arabic\", \"Noto Sans\", \"Trebuchet MS\", \"Helvetica Neue\", Arial, sans-serif;\n}\n\n.languagelist :lang(ar),\n.langlist     :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, 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: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\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  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@media print {\n\n.button-backtotop {\n    display: none\n}\n  }\n\n[dir=\"ltr\"] .button-menu {\n  margin-left: auto;\n}\n\n[dir=\"rtl\"] .button-menu {\n  margin-right: auto;\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\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.box.box-highlighted {\n  background-color: #d0e1f1;\n  background-color: var(--cloudy-subtle)\n}\n\n.box.box-highlighted .box-h-highlighted {\n    color: #091832;\n    color: var(--dk-blue);\n    border-bottom: solid 1px #ddd;\n    border-bottom: solid 1px var(--line-grey);\n    background-color: #ffffff;\n    background-color: var(--pure-white);\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@media print {\n\n#helpimprove {\n    display: none\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 #bccbd3;\n    border: 2px solid var(--cloudy);\n    border-top:none;\n    margin-bottom: 0\n  }\n\n.decision-tree > li > strong {\n      display: block;\n      padding: 1em .5em;\n    }\n\n.decision-tree > li:first-child {\n      border-top:2px solid #bccbd3;\n      border-top:2px solid var(--cloudy);\n    }\n\n.decision-tree > li > ul {\n      padding:0;\n      list-style: none;\n      border-top: 1px dotted #bccbd3;\n      border-top: 1px dotted var(--cloudy)\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        margin-bottom: 0\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      }\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: #d0e1f1;\n    background-color: var(--cloudy-subtle);\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[dir=\"ltr\"] .decision-tree .no {\n    border-right:1px dotted #bccbd3;\n}\n\n[dir=\"rtl\"] .decision-tree .no {\n    border-left:1px dotted #bccbd3;\n}\n\n[dir=\"ltr\"] .decision-tree .no {\n    border-right:1px dotted var(--cloudy);\n}\n\n[dir=\"rtl\"] .decision-tree .no {\n    border-left:1px dotted var(--cloudy);\n}\n\n.decision-tree .no {\n    background-color: #f1d0e1;\n    background-color: var(--red-subtle);\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: #f1d0e1; border-top-color: var(--red-subtle); 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[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-draft h1::before {\n    content: \"Draft\";\n  }\n\n.doc-archived h1::before {\n    content: \"Archived\";\n  }\n\n.doc-deprecated h1::before {\n    content: \"Deprecated\";\n      background-color: #c0272d;\n      background-color: var(--faded-red);\n      color: #ffffff;\n      color: var(--pure-white);\n  }\n\n.doc-deprecated .doc-note-box {\n    border-color: #c0272d;\n    border-color: var(--faded-red);\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\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:hover,.site-footer a:focus {\n      color: rgb(238, 208, 9);\n      color: var(--gold);\n    }\n\n@media print {\n\n.site-footer a {\n      color: #000\n  }\n    }\n\n@media print {\n\n.site-footer a::after {\n        display: none\n    }\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 ul a {\n    text-decoration: none\n  }\n\n.site-footer ul a:hover,.site-footer ul a: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.site-footer .social {\n  margin-top: 1em;\n  margin-bottom: 1em\n}\n\n@media print {\n\n.site-footer .social {\n    display: none\n}\n  }\n\n.site-footer .social svg {\n  vertical-align: middle;\n  font-size: 2em;\n}\n\n.site-footer .social a {\n  color: #ffffff;\n  color: var(--pure-white);\n  text-decoration: none\n}\n\n.site-footer .social a:hover svg,.site-footer .social a:focus svg {\n    color: rgb(238, 208, 9);\n    color: var(--gold);\n  }\n\n.site-footer .social .button {\n  border: 1px solid #ffffff;\n  border: 1px solid var(--pure-white);\n}\n\n.site-footer .social ul {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-wrap: wrap;\n      flex-wrap: wrap;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center\n}\n\n[dir=\"ltr\"] .site-footer .social ul li {\n    margin-right: 1em;\n}\n\n[dir=\"rtl\"] .site-footer .social ul li {\n    margin-left: 1em;\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  outline: 2px solid transparent;\n  outline-offset: 5px;\n  -webkit-transition: outline-offset .2s linear;\n  transition: outline-offset .2s linear\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      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    outline-color: currentColor;\n    outline-offset: 2px;\n  }\n\n.field:focus-within {\n    background-color: #EDF4FA;\n    outline-color: currentColor;\n    outline-offset: 2px;\n  }\n\n.field[focus-within] input:focus {\n    outline: none;\n    background-color: #ffffff !important;\n    background-color: var(--pure-white) !important;\n  }\n\n.field:focus-within input:focus {\n    outline: none;\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\n@media print {\n\nh1 {\n    font-size: 24pt\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}\n\n@media print {\n\nh2 {\n    font-size: 21pt\n}\n  }\n\nh2 {\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}\n\n@media print {\n\nh3, h4 {\n    font-size: 16pt;\n}\n  }\n\nh3, h4 {\n  line-height: 1.4;\n}\n\nh3 + h4 {\n  margin-top: 0;\n}\n\nh4 {\n  font-weight: normal\n}\n\n@media print {\n\nh4 {\n    font-size: 14pt\n}\n  }\n\nh4 + h5 {\n    margin-top: 0;\n  }\n\nh5 {\n  font-weight: bold;\n  line-height: 1.6;\n  font-size: 16px;\n  font-size: 1rem\n}\n\n@media print {\n\nh5 {\n    font-size: 12pt\n}\n  }\n\nh5 + h6 {\n    margin-top: 0;\n  }\n\nh6 {\n  font-size: 14px;\n  font-size:.875rem;\n}\n\n@media print {\n\nh6 {\n    font-size: 12pt;\n}\n  }\n\nh6 {\n  line-height: 1.8;\n}\n\nh1.ex:before,h2.ex:before,h3.ex:before,h4.ex:before,h5.ex:before,h6.ex:before, h1.ap:before, h2.ap:before, h3.ap:before, h4.ap:before, h5.ap:before, h6.ap:before {\n    color: #003366 !important;\n    color: var(--w3c-blue) !important;\n    font-weight: bold;\n  }\n\nh1.ex,h2.ex,h3.ex,h4.ex,h5.ex,h6.ex {\n    counter-increment: examples;\n    counter-reset: approaches\n  }\n\nh1.ex:before,h2.ex:before,h3.ex:before,h4.ex:before,h5.ex:before,h6.ex:before {\n      content: 'Example ' counter(examples) ': ';\n    }\n\nh1.ex.inap,h2.ex.inap,h3.ex.inap,h4.ex.inap,h5.ex.inap,h6.ex.inap {\n      counter-reset: none;\n    }\n\nh1.newap,h2.newap,h3.newap,h4.newap,h5.newap,h6.newap {\n    counter-reset: approaches;\n  }\n\nh1.newex,h2.newex,h3.newex,h4.newex,h5.newex,h6.newex {\n    counter-reset: examples;\n  }\n\nh1.first,h2.first,h3.first,h4.first,h5.first,h6.first, h1.newexap, h2.newexap, h3.newexap, h4.newexap, h5.newexap, h6.newexap {\n    counter-reset: examples approaches;\n  }\n\nh1.ap,h2.ap,h3.ap,h4.ap,h5.ap,h6.ap {\n    counter-increment: approaches\n  }\n\nh1.ap:before,h2.ap:before,h3.ap:before,h4.ap:before,h5.ap:before,h6.ap:before {\n      content: 'Approach ' counter(approaches) ': ';\n    }\n\nh1 code,h2 code,h3 code,h4 code,h5 code,h6 code {\n  color: inherit !important;\n}\n\n.in-resource h1 {margin-bottom: 0;}\n\n.in-resource p  {margin-top:    0; font-style: italic;}\n\n.in-resource a:visited  {color: var(--w3c-dark);}\n\n.tight-page h2, #toc + h2 { margin-top: 45px; }\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\nimg.tiny   {--img-width:  60px;}\n\nimg.mini   {--img-width:  90px;}\n\nimg.small  {--img-width: 120px;}\n\nimg.normal {--img-width: 240px;}\n\nimg.large  {--img-width: 480px;}\n\n[dir=\"ltr\"] img.left {\n    clear: left;\n}\n\n[dir=\"rtl\"] img.left {\n    clear: right;\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\nimg.video { border-radius: calc(var(--img-width) / 20); }\n\nmain img { max-width: 100%; }\n\nmain img:not([width]) { width: var(--img-width); }\n\nul {\n  list-style-type: disc\n}\n\nul.alt, ul.alt ul {\n    list-style-type: circle;\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    overflow: auto;\n  }\n\n.withicons {\n  --img-width: 240px\n}\n\n.withicons.tiny   {--img-width:  60px;}\n\n.withicons.mini   {--img-width:  90px;}\n\n.withicons.small  {--img-width: 120px;}\n\n.withicons.normal {--img-width: 240px;}\n\n[dir=\"ltr\"] .withicons li.left img {\n    float: left;\n}\n\n[dir=\"rtl\"] .withicons li.left img {\n    float: right;\n}\n\n.withicons li.left img {\n    min-width: 60px;\n    width: calc(var(--img-width) / 2);\n  }\n\n@media (min-width: 35em) {\n\n[dir=\"ltr\"] .withicons li.left {\n    padding-left: calc(var(--img-width) + 20px);\n  }\n\n[dir=\"rtl\"] .withicons li.left {\n    padding-right: calc(var(--img-width) + 20px);\n  }\n    [dir=\"ltr\"] .withicons li.left img {\n      margin-left: calc((var(--img-width) + 20px) * -1);\n  }\n    [dir=\"rtl\"] .withicons li.left img {\n      margin-right: calc((var(--img-width) + 20px) * -1);\n  }\n    .withicons li.left img {\n      min-width: auto;\n      width: var(--img-width);\n    }\n  }\n\n[dir=\"ltr\"] .withicons li.right img {\n    float: right;\n}\n\n[dir=\"rtl\"] .withicons li.right img {\n    float: left;\n}\n\n.withicons li.right img {\n    min-width: 60px;\n    width: calc(var(--img-width) / 2);\n  }\n\n@media (min-width: 35em) {\n\n[dir=\"ltr\"] .withicons li.right {\n    padding-right: calc(var(--img-width) + 20px);\n  }\n\n[dir=\"rtl\"] .withicons li.right {\n    padding-left: calc(var(--img-width) + 20px);\n  }\n    [dir=\"ltr\"] .withicons li.right img {\n      margin-right: calc((var(--img-width) + 20px) * -1);\n  }\n    [dir=\"rtl\"] .withicons li.right img {\n      margin-left: calc((var(--img-width) + 20px) * -1);\n  }\n    .withicons li.right img {\n      min-width: auto;\n      width: var(--img-width);\n    }\n  }\n\np+ul, p+ol {\n  margin-top: -8px;\n}\n\n.checkbox {\n  list-style-image: url('../images/checkbox.svg');\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     -moz-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       -moz-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       -moz-columns: 4;\n            columns: 4\n}\n  }\n\n.two.small.columns {\n  grid-column-gap: 32px;\n  -webkit-column-gap: 32px;\n     -moz-column-gap: 32px;\n          column-gap: 32px\n}\n\n@media (min-width: 35em) {\n\n.two.small.columns {\n    -webkit-columns: 1;\n       -moz-columns: 1;\n            columns: 1\n}\n  }\n\n@media (min-width: 60em) {\n\n.two.small.columns {\n    -webkit-columns: 2;\n       -moz-columns: 2;\n            columns: 2\n}\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\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.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 #bccbd3;\n  border: 1px solid var(--cloudy);\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 #bccbd3;\n  border: 1px solid var(--cloudy);\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 .mwa-icon {\n    margin-right: 16px;\n    margin-right: 1rem;\n}\n\n[dir=\"rtl\"] .making-web-accessible .mwa-icon {\n    margin-left: 16px;\n    margin-left: 1rem;\n}\n\n.making-web-accessible .mwa-icon {\n    width:  65px;\n    height: 65px\n  }\n\n.making-web-accessible .mwa-icon.mwa-icon-book {\n      height: 49px;\n      padding-top: 16px;\n    }\n\n.making-web-accessible .mwa-icon.mwa-icon-computer {\n      height: 57px;\n      padding-top: 8px;\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 .teaser-h p {\n    margin-bottom: 8px;\n    margin-bottom:.5rem;\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-top: 8px;\n    margin-top:.5rem;\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.news-teaser h3 {\n    margin-bottom: 0;\n  }\n\n.teaser.news-teaser p {\n    margin: 0;\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 span {\n    display: block;\n    text-align: center;\n    text-decoration: underline;\n  }\n\n.video-link img {\n    width: 240px;\n    border-radius: 1rem;\n  }\n\n.video-link-small img {\n  width: 120px;\n  border-radius: .5rem;\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    border-radius: .25rem;\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: 16px;\n  font-size: 1rem;\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  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  @media print {\n    display: none;\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  margin-inline-start: auto;\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}\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.box.box-highlighted {\n  background-color: var(--cloudy-subtle);\n  & .box-h-highlighted {\n    color: var(--dk-blue);\n    border-bottom: solid 1px var(--line-grey);\n    background-color: var(--pure-white);\n  }\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\n#helpimprove {\n  @media print {\n    display: none;\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 var(--cloudy);\n    border-block-start:none;\n    margin-bottom: 0;\n    & > strong {\n      display: block;\n      padding: 1em .5em;\n    }\n    &:first-child {\n      border-block-start:2px solid var(--cloudy);\n    }\n    & > ul {\n      padding:0;\n      list-style: none;\n      border-block-start: 1px dotted var(--cloudy);\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        margin-bottom: 0;\n        @supports (display: flex) {\n          flex-basis: 25%;\n        }\n        padding: .5em;\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: var(--cloudy-subtle);\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 var(--cloudy);\n    background-color: var(--red-subtle);\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: var(--red-subtle); 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-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-draft {\n  & h1::before {\n    content: \"Draft\";\n  }\n}\n\n.doc-archived {\n  & h1::before {\n    content: \"Archived\";\n  }\n}\n\n.doc-deprecated {\n  & h1::before {\n    content: \"Deprecated\";\n      background-color: var(--faded-red);\n      color: var(--pure-white);\n  }\n  & .doc-note-box {\n    border-color: var(--faded-red);\n  }\n}\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}","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    &:--hovcus {\n      color: var(--gold);\n    }\n    @media print {\n      color: #000;\n    }\n    &::after {\n      @media print {\n        display: none;\n      }\n    }\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    &:--hovcus {\n      text-decoration: underline;\n    }\n  }\n  & ul a {\n    text-decoration: none;\n    &:--hovcus {\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\n.site-footer .social {\n  margin-block-start: 1em;\n  margin-block-end: 1em;\n  @media print {\n    display: none;\n  }\n}\n\n.site-footer .social svg {\n  vertical-align: middle;\n  font-size: 2em;\n}\n\n.site-footer .social a {\n  color: var(--pure-white);\n  text-decoration: none;\n  &:--hovcus svg {\n    color: var(--gold);\n  }\n}\n\n.site-footer .social .button {\n  border: 1px solid var(--pure-white);\n}\n\n.site-footer .social ul {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  & li {\n    margin-inline-end: 1em;\n  }\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  outline: 2px solid transparent;\n  outline-offset: 5px;\n  transition: outline-offset .2s linear;\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      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    outline-color: currentColor;\n    outline-offset: 2px;\n  }\n\n  &:focus-within input:focus {\n    outline: none;\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","@custom-selector :--all-headings h1, h2, h3, h4, h5, h6;\n\n:--all-headings {\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  @media print {\n    font-size: 24pt;\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  @media print {\n    font-size: 21pt;\n  }\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  @media print {\n    font-size: 16pt;\n  }\n  line-height: 1.4;\n}\n\nh3 + h4 {\n  margin-block-start: 0;\n}\n\nh4 {\n  font-weight: normal;\n  @media print {\n    font-size: 14pt;\n  }\n  & + h5 {\n    margin-block-start: 0;\n  }\n}\n\nh5 {\n  font-weight: bold;\n  line-height: 1.6;\n  font-size: 1rem;\n  @media print {\n    font-size: 12pt;\n  }\n  & + h6 {\n    margin-block-start: 0;\n  }\n}\n\nh6 {\n  font-size:.875rem;\n  @media print {\n    font-size: 12pt;\n  }\n  line-height: 1.8;\n}\n\n:--all-headings {\n  &.ex:before, &.ap:before {\n    color: var(--w3c-blue) !important;\n    font-weight: bold;\n  }\n\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  &.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\n:--all-headings code {\n  color: inherit !important;\n}\n\n.in-resource h1 {margin-bottom: 0;}\n.in-resource p  {margin-top:    0; font-style: italic;}\n.in-resource a:visited  {color: var(--w3c-dark);}\n\n.tight-page h2, #toc + h2 { margin-top: 45px; }","[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}","img {\n  &.tiny   {--img-width:  60px;}\n  &.mini   {--img-width:  90px;}\n  &.small  {--img-width: 120px;}\n  &.normal {--img-width: 240px;}\n  &.large  {--img-width: 480px;}\n  &.left {\n    clear: inline-start;\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  &.video { border-radius: calc(var(--img-width) / 20); }\n}\n\nmain img { max-width: 100%; }\nmain img:not([width]) { width: var(--img-width); }","ul {\n  list-style-type: disc;\n  &.alt, &.alt ul {\n    list-style-type: circle;\n  }\n}\n\nul 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    overflow: auto;\n  }\n}\n\n.withicons {\n  --img-width: 240px;\n  &.tiny   {--img-width:  60px;}\n  &.mini   {--img-width:  90px;}\n  &.small  {--img-width: 120px;}\n  &.normal {--img-width: 240px;}\n}\n\n.withicons li.left {\n  & img {\n    float: inline-start;\n    min-width: 60px;\n    width: calc(var(--img-width) / 2);\n  }\n  @media (--medium) {\n    padding-inline-start: calc(var(--img-width) + 20px);\n    & img {\n      min-width: auto;\n      width: var(--img-width);\n      margin-inline-start: calc((var(--img-width) + 20px) * -1);\n    }\n  }\n}\n\n.withicons li.right {\n  & img {\n    float: inline-end;\n    min-width: 60px;\n    width: calc(var(--img-width) / 2);\n  }\n  @media (--medium) {\n    padding-inline-end: calc(var(--img-width) + 20px);\n    & img {\n      min-width: auto;\n      width: var(--img-width);\n      margin-inline-end: calc((var(--img-width) + 20px) * -1);\n    }\n  }\n}\n\np+ul, p+ol {\n  margin-block-start: -8px;\n}\n\n.checkbox {\n  list-style-image: url('../images/checkbox.svg');\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}\n\ndl {\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}",".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}",".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(--cloudy);\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(--cloudy);\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  }\n  & .mwa-icon {\n    width:  65px;\n    height: 65px;\n    margin-inline-end: 1rem;\n    &.mwa-icon-book {\n      height: 49px;\n      padding-block-start: 16px;\n    }\n    &.mwa-icon-computer {\n      height: 57px;\n      padding-block-start: 8px;\n    }\n  }\n  & .title {\n    display: block;\n    font-size: 2.25rem;\n  }\n  & .teaser-h h2 {\n    margin:0;\n  }\n  & .teaser-h p {\n    margin-block-end:.5rem;\n  }\n  & h3 {\n    margin-block-start: 10px;\n    font-size: 1.5rem;\n    margin-block-end:0;\n  }\n  & p {\n    margin-block-start:.5rem;\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  & h3 {\n    margin-block-end: 0;\n  }\n  & p {\n    margin: 0;\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  & span {\n    display: block;\n    text-align: center;\n    text-decoration: underline;\n  }\n  & img {\n    width: 240px;\n    border-radius: 1rem;\n  }\n}\n\n.video-link-small img {\n  width: 120px;\n  border-radius: .5rem;\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    border-radius: .25rem;\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: 1rem;\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}"]}
+{"version":3,"sources":["colors.css","base.css","style.css","../_components/atoms/buttons.css","../_components/atoms/mark.css","../_components/atoms/p.css","../_components/atoms/show-hide-buttons.css","../_components/blockquotes.css","../_components/boxes.css","../_components/breadcrumb.css","../_components/content.css","../_components/decision-tree.css","../_components/document-notes/document-notes.css","../_components/excol/excol.css","../_components/figure/figure.css","../_components/footer.css","../_components/footnotes.css","../_components/form/form-elements.css","../_components/form/form-search.css","../_components/header.css","../_components/headings.css","../_components/icons.css","../_components/images.css","../_components/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/related-content/related-content.css","../_components/sidenav/sidenav.css","../_components/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.css","../_components/video-player.css","code.css"],"names":[],"mappings":"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CxBgpHI,gBAAkB,CwBptHpB,AACA,0CxButHE,eAAiB,CwB/tHrB,AA2EA,uCAjEE,aAAA,AxB0tHA,QAAU,CwBztHV,AAXF,qCxBwuHE,gBwB5tHE,CA+DJ,AxBgqHA,qCwB7tHE,eAAA,CxB+tHD,AAED,2BACE,WwB9tHE,AxB+tHF,qBwB9tHoB,AxB+tHpB,yBwB9tHe,AxB+tHf,UwB/tHE,AxBguHF,WwBhuHE,AxBiuHF,SwBhuHE,AxBiuHF,gBwBjuHE,AxBkuHF,qBwBluHE,CxBmuHH,AAED,aACE,cAAgB,CwBpuHd,AATF,SxBivHA,kBwBvuHI,AxBwuHJ,ewBxuHI,AAkDJ,kBAAA,AxBwrHA,6BwBzuHE,AxB0uHF,wCAAyC,AwBzuHvC,gCAAA,AxB2uHF,2CwB1uHiB,AxB2uHjB,sBwB1uHsB,AxB2uHtB,iCwB1uHmB,AxB2uHnB,YwB3uHI,CxB4uHL,AAED,cwB7uHM,aAAY,CAAA,AxB+uHlB,wBAEA,SwB/uHM,aAAA,CxBivHL,CACE,AAEH,aAEA,SACI,YwBpvHM,CxBqvHT,CACE,AAEH,YACI,WwBpvHI,AxBqvHJ,iBwBpvHe,AxBqvHf,UwBpvHI,AxBqvHJ,wBwBpvH4B,AxBqvH5B,kBwBrvHI,AxBuvHJ,oBwBrvHqB,AxBsvHrB,awBrvHI,AxBuvHA,uBwBtvHA,AACA,oBAAa,AxBuvHjB,mBwBvvHI,cAAa,CxByvHlB,AAEH,wBAEA,YACM,qBwB5vHE,AACA,gBAAA,CxB6vHL,CACE,AwB7vHG,exBgwHF,cwB/vHI,AxBgwHJ,kBwB/vHI,AxBgwHJ,4BwB/vHE,AxBgwHE,eAAgB,AwB9vHhB,oBAAA,YAAA,AxBkwHJ,oBwBjwHE,AxBkwHE,aAAc,CwBhwHd,AxBmwHV,sBACQ,gBwBlwHE,AxBmwHF,0BAA2B,CwBhwHzB,AxBmwHV,6BwBjwHU,0CAAA,AxBmwHA,6CAAgD,CwBhwHpD,AAEA,iBxBkwHE,qBAAsB,AwBpwHxB,cAAA,AACE,WAAA,AACF,YAAA,AxBswHE,WAAe,AwBhwHrB,wBAAA,AxBkwHM,kBAAmB,AwBjwHvB,gBAAA,AACF,sBAAA,AACA,oBAAA,AxBswHM,aAAc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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  --red-subtle: #f1d0e1;\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  --cloudy-subtle: #d0e1f1;\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  font-display:fallback;\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  font-display:fallback;\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  font-display:fallback;\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  font-display:fallback;\n}\n\n@font-face {\n  font-family: 'Noto Sans Mono';\n  src: url('../fonts/notosansmono/notosansmono-regular.woff2') format('woff2'),\n       url('../fonts/notosansmono/notosansmono-regular.woff') format('woff');\n  font-weight: 400;\n  font-style: normal;\n  font-display:fallback;\n}\n\n@font-face {\n  font-family: 'Noto Sans Mono';\n  src: url('../fonts/notosansmono/notosansmono-bold.woff2') format('woff2'),\n       url('../fonts/notosansmono/notosansmono-bold.woff') format('woff');\n  font-weight: 600;\n  font-style: normal;\n  font-display:fallback;\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  font-display:fallback;\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  font-display:fallback;\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  font-display:fallback;\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  font-display:fallback;\n}\n\nhtml {\n  background-color: var(--off-white);\n  @media print {\n    font-size: 12pt;\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    text-decoration-skip-ink: none;\n  }\n}\n\n:lang(ar) {\n  font-family: \"Noto Naskh Arabic\", \"Noto Sans\", \"Trebuchet MS\", \"Helvetica Neue\", Arial, sans-serif;\n}\n\n.languagelist :lang(ar),\n.langlist     :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, 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: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\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  --red-subtle: #f1d0e1;\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  --cloudy-subtle: #d0e1f1;\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  font-display:fallback;\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  font-display:fallback;\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  font-display:fallback;\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  font-display:fallback;\n}\n\n@font-face {\n  font-family: 'Noto Sans Mono';\n  src: url('../fonts/notosansmono/notosansmono-regular.woff2') format('woff2'),\n       url('../fonts/notosansmono/notosansmono-regular.woff') format('woff');\n  font-weight: 400;\n  font-style: normal;\n  font-display:fallback;\n}\n\n@font-face {\n  font-family: 'Noto Sans Mono';\n  src: url('../fonts/notosansmono/notosansmono-bold.woff2') format('woff2'),\n       url('../fonts/notosansmono/notosansmono-bold.woff') format('woff');\n  font-weight: 600;\n  font-style: normal;\n  font-display:fallback;\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  font-display:fallback;\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  font-display:fallback;\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  font-display:fallback;\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  font-display:fallback;\n}\n\nhtml {\n  background-color: #f2f2f2;\n  background-color: var(--off-white)\n}\n\n@media print {\n\nhtml {\n    font-size: 12pt;\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    -webkit-text-decoration-skip-ink: none;\n            text-decoration-skip-ink: none\n}\n  }\n\n:lang(ar) {\n  font-family: \"Noto Naskh Arabic\", \"Noto Sans\", \"Trebuchet MS\", \"Helvetica Neue\", Arial, sans-serif;\n}\n\n.languagelist :lang(ar),\n.langlist     :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, 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: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\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  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@media print {\n\n.button-backtotop {\n    display: none\n}\n  }\n\n[dir=\"ltr\"] .button-menu {\n  margin-left: auto;\n}\n\n[dir=\"rtl\"] .button-menu {\n  margin-right: auto;\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\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.box.box-highlighted {\n  background-color: #d0e1f1;\n  background-color: var(--cloudy-subtle)\n}\n\n.box.box-highlighted .box-h-highlighted {\n    color: #091832;\n    color: var(--dk-blue);\n    border-bottom: solid 1px #ddd;\n    border-bottom: solid 1px var(--line-grey);\n    background-color: #ffffff;\n    background-color: var(--pure-white);\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@media print {\n\n#helpimprove {\n    display: none\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 #bccbd3;\n    border: 2px solid var(--cloudy);\n    border-top:none;\n    margin-bottom: 0\n  }\n\n.decision-tree > li > strong {\n      display: block;\n      padding: 1em .5em;\n    }\n\n.decision-tree > li:first-child {\n      border-top:2px solid #bccbd3;\n      border-top:2px solid var(--cloudy);\n    }\n\n.decision-tree > li > ul {\n      padding:0;\n      list-style: none;\n      border-top: 1px dotted #bccbd3;\n      border-top: 1px dotted var(--cloudy)\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        margin-bottom: 0\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      }\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: #d0e1f1;\n    background-color: var(--cloudy-subtle);\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[dir=\"ltr\"] .decision-tree .no {\n    border-right:1px dotted #bccbd3;\n}\n\n[dir=\"rtl\"] .decision-tree .no {\n    border-left:1px dotted #bccbd3;\n}\n\n[dir=\"ltr\"] .decision-tree .no {\n    border-right:1px dotted var(--cloudy);\n}\n\n[dir=\"rtl\"] .decision-tree .no {\n    border-left:1px dotted var(--cloudy);\n}\n\n.decision-tree .no {\n    background-color: #f1d0e1;\n    background-color: var(--red-subtle);\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: #f1d0e1; border-top-color: var(--red-subtle); 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[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-draft h1::before {\n    content: \"Draft\";\n  }\n\n.doc-archived h1::before {\n    content: \"Archived\";\n  }\n\n.doc-deprecated h1::before {\n    content: \"Deprecated\";\n      background-color: #c0272d;\n      background-color: var(--faded-red);\n      color: #ffffff;\n      color: var(--pure-white);\n  }\n\n.doc-deprecated .doc-note-box {\n    border-color: #c0272d;\n    border-color: var(--faded-red);\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\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:hover,.site-footer a:focus {\n      color: rgb(238, 208, 9);\n      color: var(--gold);\n    }\n\n@media print {\n\n.site-footer a {\n      color: #000\n  }\n    }\n\n@media print {\n\n.site-footer a::after {\n        display: none\n    }\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 ul a {\n    text-decoration: none\n  }\n\n.site-footer ul a:hover,.site-footer ul a: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.site-footer .social {\n  margin-top: 1em;\n  margin-bottom: 1em\n}\n\n@media print {\n\n.site-footer .social {\n    display: none\n}\n  }\n\n.site-footer .social svg {\n  vertical-align: middle;\n  font-size: 2em;\n}\n\n.site-footer .social a {\n  color: #ffffff;\n  color: var(--pure-white);\n  text-decoration: none\n}\n\n.site-footer .social a:hover svg,.site-footer .social a:focus svg {\n    color: rgb(238, 208, 9);\n    color: var(--gold);\n  }\n\n.site-footer .social .button {\n  border: 1px solid #ffffff;\n  border: 1px solid var(--pure-white);\n}\n\n.site-footer .social ul {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-wrap: wrap;\n      flex-wrap: wrap;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center\n}\n\n[dir=\"ltr\"] .site-footer .social ul li {\n    margin-right: 1em;\n}\n\n[dir=\"rtl\"] .site-footer .social ul li {\n    margin-left: 1em;\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  outline: 2px solid transparent;\n  outline-offset: 5px;\n  -webkit-transition: outline-offset .2s linear;\n  transition: outline-offset .2s linear\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      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    outline-color: currentColor;\n    outline-offset: 2px;\n  }\n\n.field:focus-within {\n    background-color: #EDF4FA;\n    outline-color: currentColor;\n    outline-offset: 2px;\n  }\n\n.field[focus-within] input:focus {\n    outline: none;\n    background-color: #ffffff !important;\n    background-color: var(--pure-white) !important;\n  }\n\n.field:focus-within input:focus {\n    outline: none;\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\n@media print {\n\nh1 {\n    font-size: 24pt\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}\n\n@media print {\n\nh2 {\n    font-size: 21pt\n}\n  }\n\nh2 {\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}\n\n@media print {\n\nh3, h4 {\n    font-size: 16pt;\n}\n  }\n\nh3, h4 {\n  line-height: 1.4;\n}\n\nh3 + h4 {\n  margin-top: 0;\n}\n\nh4 {\n  font-weight: normal\n}\n\n@media print {\n\nh4 {\n    font-size: 14pt\n}\n  }\n\nh4 + h5 {\n    margin-top: 0;\n  }\n\nh5 {\n  font-weight: bold;\n  line-height: 1.6;\n  font-size: 16px;\n  font-size: 1rem\n}\n\n@media print {\n\nh5 {\n    font-size: 12pt\n}\n  }\n\nh5 + h6 {\n    margin-top: 0;\n  }\n\nh6 {\n  font-size: 14px;\n  font-size:.875rem;\n}\n\n@media print {\n\nh6 {\n    font-size: 12pt;\n}\n  }\n\nh6 {\n  line-height: 1.8;\n}\n\nh1.ex:before,h2.ex:before,h3.ex:before,h4.ex:before,h5.ex:before,h6.ex:before, h1.ap:before, h2.ap:before, h3.ap:before, h4.ap:before, h5.ap:before, h6.ap:before {\n    color: #003366 !important;\n    color: var(--w3c-blue) !important;\n    font-weight: bold;\n  }\n\nh1.ex,h2.ex,h3.ex,h4.ex,h5.ex,h6.ex {\n    counter-increment: examples;\n    counter-reset: approaches\n  }\n\nh1.ex:before,h2.ex:before,h3.ex:before,h4.ex:before,h5.ex:before,h6.ex:before {\n      content: 'Example ' counter(examples) ': ';\n    }\n\nh1.ex.inap,h2.ex.inap,h3.ex.inap,h4.ex.inap,h5.ex.inap,h6.ex.inap {\n      counter-reset: none;\n    }\n\nh1.newap,h2.newap,h3.newap,h4.newap,h5.newap,h6.newap {\n    counter-reset: approaches;\n  }\n\nh1.newex,h2.newex,h3.newex,h4.newex,h5.newex,h6.newex {\n    counter-reset: examples;\n  }\n\nh1.first,h2.first,h3.first,h4.first,h5.first,h6.first, h1.newexap, h2.newexap, h3.newexap, h4.newexap, h5.newexap, h6.newexap {\n    counter-reset: examples approaches;\n  }\n\nh1.ap,h2.ap,h3.ap,h4.ap,h5.ap,h6.ap {\n    counter-increment: approaches\n  }\n\nh1.ap:before,h2.ap:before,h3.ap:before,h4.ap:before,h5.ap:before,h6.ap:before {\n      content: 'Approach ' counter(approaches) ': ';\n    }\n\nh1 code,h2 code,h3 code,h4 code,h5 code,h6 code {\n  color: inherit !important;\n}\n\n.in-resource h1 {margin-bottom: 0;}\n\n.in-resource p  {margin-top:    0; font-style: italic;}\n\n.in-resource a:visited  {color: var(--w3c-dark);}\n\n.tight-page h2, #toc + h2 { margin-top: 45px; }\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\nimg.tiny   {--img-width:  60px;}\n\nimg.mini   {--img-width:  90px;}\n\nimg.small  {--img-width: 120px;}\n\nimg.normal {--img-width: 240px;}\n\nimg.large  {--img-width: 480px;}\n\n[dir=\"ltr\"] img.left {\n    clear: left;\n}\n\n[dir=\"rtl\"] img.left {\n    clear: right;\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\nimg.video { border-radius: calc(var(--img-width) / 20); }\n\nmain img { max-width: 100%; }\n\nmain img:not([width]) { width: var(--img-width); }\n\nul {\n  list-style-type: disc\n}\n\nul.alt, ul.alt ul {\n    list-style-type: circle;\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    overflow: auto;\n  }\n\n.withicons {\n  --img-width: 240px\n}\n\n.withicons.tiny   {--img-width:  60px;}\n\n.withicons.mini   {--img-width:  90px;}\n\n.withicons.small  {--img-width: 120px;}\n\n.withicons.normal {--img-width: 240px;}\n\n[dir=\"ltr\"] .withicons li.left img {\n    float: left;\n}\n\n[dir=\"rtl\"] .withicons li.left img {\n    float: right;\n}\n\n.withicons li.left img {\n    min-width: 60px;\n    width: calc(var(--img-width) / 2);\n  }\n\n@media (min-width: 35em) {\n\n[dir=\"ltr\"] .withicons li.left {\n    padding-left: calc(var(--img-width) + 20px);\n  }\n\n[dir=\"rtl\"] .withicons li.left {\n    padding-right: calc(var(--img-width) + 20px);\n  }\n    [dir=\"ltr\"] .withicons li.left img {\n      margin-left: calc((var(--img-width) + 20px) * -1);\n  }\n    [dir=\"rtl\"] .withicons li.left img {\n      margin-right: calc((var(--img-width) + 20px) * -1);\n  }\n    .withicons li.left img {\n      min-width: auto;\n      width: var(--img-width);\n    }\n  }\n\n[dir=\"ltr\"] .withicons li.right img {\n    float: right;\n}\n\n[dir=\"rtl\"] .withicons li.right img {\n    float: left;\n}\n\n.withicons li.right img {\n    min-width: 60px;\n    width: calc(var(--img-width) / 2);\n  }\n\n@media (min-width: 35em) {\n\n[dir=\"ltr\"] .withicons li.right {\n    padding-right: calc(var(--img-width) + 20px);\n  }\n\n[dir=\"rtl\"] .withicons li.right {\n    padding-left: calc(var(--img-width) + 20px);\n  }\n    [dir=\"ltr\"] .withicons li.right img {\n      margin-right: calc((var(--img-width) + 20px) * -1);\n  }\n    [dir=\"rtl\"] .withicons li.right img {\n      margin-left: calc((var(--img-width) + 20px) * -1);\n  }\n    .withicons li.right img {\n      min-width: auto;\n      width: var(--img-width);\n    }\n  }\n\np+ul, p+ol {\n  margin-top: -8px;\n}\n\n.checkbox {\n  list-style-image: url('../images/checkbox.svg');\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     -moz-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       -moz-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       -moz-columns: 4;\n            columns: 4\n}\n  }\n\n.two.small.columns {\n  grid-column-gap: 32px;\n  -webkit-column-gap: 32px;\n     -moz-column-gap: 32px;\n          column-gap: 32px\n}\n\n@media (min-width: 35em) {\n\n.two.small.columns {\n    -webkit-columns: 1;\n       -moz-columns: 1;\n            columns: 1\n}\n  }\n\n@media (min-width: 60em) {\n\n.two.small.columns {\n    -webkit-columns: 2;\n       -moz-columns: 2;\n            columns: 2\n}\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\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.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--list>:first-child>a {\n  color: #ffffff;\n  color: var(--pure-white);\n  font-size: 22px;\n  font-size: 1.375rem;\n  font-weight: bold;\n  border-top: none;\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 #bccbd3;\n  border: 1px solid var(--cloudy);\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 #bccbd3;\n  border: 1px solid var(--cloudy);\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 .mwa-icon {\n    margin-right: 16px;\n    margin-right: 1rem;\n}\n\n[dir=\"rtl\"] .making-web-accessible .mwa-icon {\n    margin-left: 16px;\n    margin-left: 1rem;\n}\n\n.making-web-accessible .mwa-icon {\n    width:  65px;\n    height: 65px\n  }\n\n.making-web-accessible .mwa-icon.mwa-icon-book {\n      height: 49px;\n      padding-top: 16px;\n    }\n\n.making-web-accessible .mwa-icon.mwa-icon-computer {\n      height: 57px;\n      padding-top: 8px;\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 .teaser-h p {\n    margin-bottom: 8px;\n    margin-bottom:.5rem;\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-top: 8px;\n    margin-top:.5rem;\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.news-teaser h3 {\n    margin-bottom: 0;\n  }\n\n.teaser.news-teaser p {\n    margin: 0;\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 span {\n    display: block;\n    text-align: center;\n    text-decoration: underline;\n  }\n\n.video-link img {\n    width: 240px;\n    border-radius: 1rem;\n  }\n\n.video-link-small img {\n  width: 120px;\n  border-radius: .5rem;\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    border-radius: .25rem;\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  font-display:swap;\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: 16px;\n  font-size: 1rem;\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  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  @media print {\n    display: none;\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  margin-inline-start: auto;\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}\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.box.box-highlighted {\n  background-color: var(--cloudy-subtle);\n  & .box-h-highlighted {\n    color: var(--dk-blue);\n    border-bottom: solid 1px var(--line-grey);\n    background-color: var(--pure-white);\n  }\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\n#helpimprove {\n  @media print {\n    display: none;\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 var(--cloudy);\n    border-block-start:none;\n    margin-bottom: 0;\n    & > strong {\n      display: block;\n      padding: 1em .5em;\n    }\n    &:first-child {\n      border-block-start:2px solid var(--cloudy);\n    }\n    & > ul {\n      padding:0;\n      list-style: none;\n      border-block-start: 1px dotted var(--cloudy);\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        margin-bottom: 0;\n        @supports (display: flex) {\n          flex-basis: 25%;\n        }\n        padding: .5em;\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: var(--cloudy-subtle);\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 var(--cloudy);\n    background-color: var(--red-subtle);\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: var(--red-subtle); 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-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-draft {\n  & h1::before {\n    content: \"Draft\";\n  }\n}\n\n.doc-archived {\n  & h1::before {\n    content: \"Archived\";\n  }\n}\n\n.doc-deprecated {\n  & h1::before {\n    content: \"Deprecated\";\n      background-color: var(--faded-red);\n      color: var(--pure-white);\n  }\n  & .doc-note-box {\n    border-color: var(--faded-red);\n  }\n}\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}","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    &:--hovcus {\n      color: var(--gold);\n    }\n    @media print {\n      color: #000;\n    }\n    &::after {\n      @media print {\n        display: none;\n      }\n    }\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    &:--hovcus {\n      text-decoration: underline;\n    }\n  }\n  & ul a {\n    text-decoration: none;\n    &:--hovcus {\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\n.site-footer .social {\n  margin-block-start: 1em;\n  margin-block-end: 1em;\n  @media print {\n    display: none;\n  }\n}\n\n.site-footer .social svg {\n  vertical-align: middle;\n  font-size: 2em;\n}\n\n.site-footer .social a {\n  color: var(--pure-white);\n  text-decoration: none;\n  &:--hovcus svg {\n    color: var(--gold);\n  }\n}\n\n.site-footer .social .button {\n  border: 1px solid var(--pure-white);\n}\n\n.site-footer .social ul {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  & li {\n    margin-inline-end: 1em;\n  }\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  outline: 2px solid transparent;\n  outline-offset: 5px;\n  transition: outline-offset .2s linear;\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      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    outline-color: currentColor;\n    outline-offset: 2px;\n  }\n\n  &:focus-within input:focus {\n    outline: none;\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","@custom-selector :--all-headings h1, h2, h3, h4, h5, h6;\n\n:--all-headings {\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  @media print {\n    font-size: 24pt;\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  @media print {\n    font-size: 21pt;\n  }\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  @media print {\n    font-size: 16pt;\n  }\n  line-height: 1.4;\n}\n\nh3 + h4 {\n  margin-block-start: 0;\n}\n\nh4 {\n  font-weight: normal;\n  @media print {\n    font-size: 14pt;\n  }\n  & + h5 {\n    margin-block-start: 0;\n  }\n}\n\nh5 {\n  font-weight: bold;\n  line-height: 1.6;\n  font-size: 1rem;\n  @media print {\n    font-size: 12pt;\n  }\n  & + h6 {\n    margin-block-start: 0;\n  }\n}\n\nh6 {\n  font-size:.875rem;\n  @media print {\n    font-size: 12pt;\n  }\n  line-height: 1.8;\n}\n\n:--all-headings {\n  &.ex:before, &.ap:before {\n    color: var(--w3c-blue) !important;\n    font-weight: bold;\n  }\n\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  &.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\n:--all-headings code {\n  color: inherit !important;\n}\n\n.in-resource h1 {margin-bottom: 0;}\n.in-resource p  {margin-top:    0; font-style: italic;}\n.in-resource a:visited  {color: var(--w3c-dark);}\n\n.tight-page h2, #toc + h2 { margin-top: 45px; }","[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}","img {\n  &.tiny   {--img-width:  60px;}\n  &.mini   {--img-width:  90px;}\n  &.small  {--img-width: 120px;}\n  &.normal {--img-width: 240px;}\n  &.large  {--img-width: 480px;}\n  &.left {\n    clear: inline-start;\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  &.video { border-radius: calc(var(--img-width) / 20); }\n}\n\nmain img { max-width: 100%; }\nmain img:not([width]) { width: var(--img-width); }","ul {\n  list-style-type: disc;\n  &.alt, &.alt ul {\n    list-style-type: circle;\n  }\n}\n\nul 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    overflow: auto;\n  }\n}\n\n.withicons {\n  --img-width: 240px;\n  &.tiny   {--img-width:  60px;}\n  &.mini   {--img-width:  90px;}\n  &.small  {--img-width: 120px;}\n  &.normal {--img-width: 240px;}\n}\n\n.withicons li.left {\n  & img {\n    float: inline-start;\n    min-width: 60px;\n    width: calc(var(--img-width) / 2);\n  }\n  @media (--medium) {\n    padding-inline-start: calc(var(--img-width) + 20px);\n    & img {\n      min-width: auto;\n      width: var(--img-width);\n      margin-inline-start: calc((var(--img-width) + 20px) * -1);\n    }\n  }\n}\n\n.withicons li.right {\n  & img {\n    float: inline-end;\n    min-width: 60px;\n    width: calc(var(--img-width) / 2);\n  }\n  @media (--medium) {\n    padding-inline-end: calc(var(--img-width) + 20px);\n    & img {\n      min-width: auto;\n      width: var(--img-width);\n      margin-inline-end: calc((var(--img-width) + 20px) * -1);\n    }\n  }\n}\n\np+ul, p+ol {\n  margin-block-start: -8px;\n}\n\n.checkbox {\n  list-style-image: url('../images/checkbox.svg');\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}\n\ndl {\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}",".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}",".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--list>:first-child>a {\n  color: var(--pure-white);\n  font-size: 1.375rem;\n  font-weight: bold;\n  border-block-start: none;\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(--cloudy);\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(--cloudy);\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  }\n  & .mwa-icon {\n    width:  65px;\n    height: 65px;\n    margin-inline-end: 1rem;\n    &.mwa-icon-book {\n      height: 49px;\n      padding-block-start: 16px;\n    }\n    &.mwa-icon-computer {\n      height: 57px;\n      padding-block-start: 8px;\n    }\n  }\n  & .title {\n    display: block;\n    font-size: 2.25rem;\n  }\n  & .teaser-h h2 {\n    margin:0;\n  }\n  & .teaser-h p {\n    margin-block-end:.5rem;\n  }\n  & h3 {\n    margin-block-start: 10px;\n    font-size: 1.5rem;\n    margin-block-end:0;\n  }\n  & p {\n    margin-block-start:.5rem;\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  & h3 {\n    margin-block-end: 0;\n  }\n  & p {\n    margin: 0;\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  & span {\n    display: block;\n    text-align: center;\n    text-decoration: underline;\n  }\n  & img {\n    width: 240px;\n    border-radius: 1rem;\n  }\n}\n\n.video-link-small img {\n  width: 120px;\n  border-radius: .5rem;\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    border-radius: .25rem;\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  font-display:swap;\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}\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: 1rem;\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

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: wai-website-theme
 version: !ruby/object:Gem::Version
-  version: 1.9.pre
+  version: 1.9.2
 platform: ruby
 authors:
 - Eric Eggert
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2019-12-20 00:00:00.000000000 Z
+date: 2020-02-21 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -126,7 +126,6 @@ files:
 - _includes/sidenav.html
 - _includes/sidenote.html
 - _includes/sitemap.html
-- _includes/subpages.html
 - _includes/t.html
 - _includes/toc.html
 - _includes/translation-note-msg.html
@@ -337,11 +336,11 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
-  - - ">"
+  - - ">="
     - !ruby/object:Gem::Version
-      version: 1.3.1
+      version: '0'
 requirements: []
-rubygems_version: 3.0.6
+rubygems_version: 3.0.3
 signing_key: 
 specification_version: 4
 summary: This is the theme for the new W3C WAI website

data/_includes/subpages.html

@@ -1,35 +0,0 @@
-{% if include.url == searchurl %}
-  {% assign seen_current = true %}
-  {% assign is_in_here = true %}
-  {% capture subpages %}
-  {% for page in include.pages %}
-    {% if forloop.first %}<ul>{% endif %}
-      {% include subpages.html name=page.name url=page.url pages=page.pages hide=page.hide subpageofcurrent=true %}
-    {% if forloop.last %}</ul>{% endif %}
-  {% endfor %}
-  {% endcapture %}
-  {% unless include.name == false%}<li>{% include_cached link.html to=include.url text=include.name class="page-link" usenavtitle=true lang=page.lang hidelangnotice=true aria-current="page" %} {% endunless %}{{subpages}}{% unless include.name == false%}</li>{% endunless %}
-{% else %}
-  {% unless include.hide %}
-    {% capture subpages %}
-    {% for page in include.pages %}
-      {% if forloop.first %}<ul{% if include.name == false%} class="sidenav--list"{% endif %}>{% endif %}
-        {% include subpages.html name=page.name url=page.url pages=page.pages hide=page.hide %}
-      {% if forloop.last %}</ul>{% endif %}
-    {% endfor %}
-    {% endcapture %}
-    {% if include.name == false %}
-      {{subpages}}
-    {% else %}
-      {% if is_in_here == true %}
-        {% if include.subpageofcurrent == true %}
-          <li>{% include_cached link.html to=include.url text=include.name class="page-link" usenavtitle=true lang=page.lang hidelangnotice=true subpageofcurrent=include.subpageofcurrent %} {{subpages}}</li>
-        {% else %}
-           <li>{% include_cached link.html to=include.url text=include.name class="page-link" usenavtitle=true lang=page.lang hidelangnotice=true aria-current="location" subpageofcurrent=include.subpageofcurrent %} {{subpages}}</li>
-        {% endif %}
-      {% else %}
-        <li>{% include_cached link.html to=include.url text=include.name class="page-link" usenavtitle=true lang=page.lang hidelangnotice=true subpageofcurrent=include.subpageofcurrent %}{{subpages}}</li>
-      {% endif %}
-    {% endif %}
-  {% endunless %}
-{% endif %}