wai-website-theme 1.3.1 → 1.4

Sign up to get free protection for your applications and to get access to all the features.
Files changed (61) hide show
  1. checksums.yaml +4 -4
  2. data/_includes/different.html +2 -1
  3. data/_includes/external.html +2 -1
  4. data/_includes/header.html +2 -1
  5. data/_includes/menuitem.html +6 -2
  6. data/_includes/peoplelist.html +21 -0
  7. data/_includes/prevnext-navigation.html +56 -0
  8. data/_includes/{prevnext.html → prevnext-order.html} +9 -0
  9. data/_includes/translation-note-msg.html +5 -3
  10. data/_includes/video-player.html +2 -2
  11. data/_layouts/default.html +8 -1
  12. data/_layouts/news.html +7 -1
  13. data/_layouts/policy.html +7 -1
  14. data/_layouts/sidenav.html +8 -1
  15. data/_layouts/sidenavsidebar.html +8 -1
  16. data/assets/ableplayer/Gruntfile.js +2 -1
  17. data/assets/ableplayer/README.md +158 -85
  18. data/assets/ableplayer/build/ableplayer.dist.js +15445 -13823
  19. data/assets/ableplayer/build/ableplayer.js +15445 -13823
  20. data/assets/ableplayer/build/ableplayer.min.css +1 -2
  21. data/assets/ableplayer/build/ableplayer.min.js +3 -10
  22. data/assets/ableplayer/package-lock.json +944 -346
  23. data/assets/ableplayer/package.json +8 -8
  24. data/assets/ableplayer/scripts/ableplayer-base.js +515 -524
  25. data/assets/ableplayer/scripts/browser.js +158 -158
  26. data/assets/ableplayer/scripts/buildplayer.js +1750 -1682
  27. data/assets/ableplayer/scripts/caption.js +424 -401
  28. data/assets/ableplayer/scripts/chapters.js +259 -259
  29. data/assets/ableplayer/scripts/control.js +1831 -1594
  30. data/assets/ableplayer/scripts/description.js +333 -256
  31. data/assets/ableplayer/scripts/dialog.js +145 -145
  32. data/assets/ableplayer/scripts/dragdrop.js +746 -749
  33. data/assets/ableplayer/scripts/event.js +875 -696
  34. data/assets/ableplayer/scripts/initialize.js +819 -912
  35. data/assets/ableplayer/scripts/langs.js +979 -743
  36. data/assets/ableplayer/scripts/metadata.js +124 -124
  37. data/assets/ableplayer/scripts/misc.js +170 -137
  38. data/assets/ableplayer/scripts/preference.js +904 -904
  39. data/assets/ableplayer/scripts/search.js +172 -172
  40. data/assets/ableplayer/scripts/sign.js +82 -78
  41. data/assets/ableplayer/scripts/slider.js +449 -448
  42. data/assets/ableplayer/scripts/track.js +409 -309
  43. data/assets/ableplayer/scripts/transcript.js +684 -595
  44. data/assets/ableplayer/scripts/translation.js +63 -67
  45. data/assets/ableplayer/scripts/ttml2webvtt.js +85 -85
  46. data/assets/ableplayer/scripts/vimeo.js +448 -0
  47. data/assets/ableplayer/scripts/volume.js +395 -380
  48. data/assets/ableplayer/scripts/vts.js +1077 -1077
  49. data/assets/ableplayer/scripts/webvtt.js +766 -763
  50. data/assets/ableplayer/scripts/youtube.js +695 -478
  51. data/assets/ableplayer/styles/ableplayer.css +54 -46
  52. data/assets/ableplayer/translations/nl.js +54 -54
  53. data/assets/ableplayer/translations/pt-br.js +311 -0
  54. data/assets/ableplayer/translations/tr.js +311 -0
  55. data/assets/ableplayer/translations/zh-tw.js +1 -1
  56. data/assets/css/style.css +1 -1
  57. data/assets/css/style.css.map +1 -1
  58. data/assets/images/icons.svg +5 -5
  59. data/assets/scripts/main.js +7 -0
  60. data/assets/search/tipuesearch.js +3 -3
  61. metadata +8 -3
@@ -0,0 +1,311 @@
1
+ var tr = {
2
+
3
+ "audio": "ses",
4
+
5
+ "video": "video",
6
+
7
+ "playerHeading": "Medya Oynatıcı",
8
+
9
+ "faster": "Hızlandır",
10
+
11
+ "slower": "Yavaşlat",
12
+
13
+ "play": "Oynat",
14
+
15
+ "pause": "Duraklat",
16
+
17
+ "stop": "Durdur",
18
+
19
+ "restart": "Yeniden Oynat",
20
+
21
+ "prevChapter": "Önceki Bölüm",
22
+
23
+ "nextChapter": "Sonraki Bölüm",
24
+
25
+ "prevTrack": "Önceki Parça",
26
+
27
+ "nextTrack": "Gelecek Parça",
28
+
29
+ "rewind": "Geri Sar",
30
+
31
+ "forward": "İleri Sar",
32
+
33
+ "captions": "Altyazılar",
34
+
35
+ "showCaptions": "Altyazıları Göster",
36
+
37
+ "hideCaptions": "Altyazıları Gizle",
38
+
39
+ "captionsOff": "Altyazıkarı Kapat",
40
+
41
+ "showTranscript": "Belgeyi Göster",
42
+
43
+ "hideTranscript": "HBelgeyi Gizle",
44
+
45
+ "turnOnDescriptions": "Açıklamaları Aç",
46
+
47
+ "turnOffDescriptions": "Açıklamaları Kapa",
48
+
49
+ "chapters": "Bölümler",
50
+
51
+ "newChapter": "Yeni Bölüm",
52
+
53
+ "language": "Dil",
54
+
55
+ "sign": "İşaret Dili",
56
+
57
+ "showSign": "İşaret Dilini Göster",
58
+
59
+ "hideSign": "İşaret Dilini Gizle",
60
+
61
+ "seekbarLabel": "Zaman Cetveli",
62
+
63
+ "mute": "Sessize Al",
64
+
65
+ "unmute": "Sesi Aç",
66
+
67
+ "volume": "Ses Ayarı",
68
+
69
+ "volumeHelp": "Ses ayarlama butonunu kullanmak için tıkla",
70
+
71
+ "volumeUpDown": "Sesi yükselt veya alçalt",
72
+
73
+ "volumeSliderClosed": "Ses ayarlama butonu kapatıldı",
74
+
75
+ "preferences": "Seçenekler",
76
+
77
+ "enterFullScreen": "Tam Ekranı Etkinleştir",
78
+
79
+ "exitFullScreen": "Tam Ekranı Kapa",
80
+
81
+ "fullScreen": "Tam Ekran",
82
+
83
+ "speed": "Hız",
84
+
85
+ "and": "ve",
86
+
87
+ "or": "veya",
88
+
89
+ "spacebar": "boşluk tuşu",
90
+
91
+ "transcriptTitle": "Belge",
92
+
93
+ "lyricsTitle": "Sözler",
94
+
95
+ "autoScroll": "Otomatik Kaydırma",
96
+
97
+ "unknown": "Bilinmeyen",
98
+
99
+ "statusPlaying": "Yürütülüyor",
100
+
101
+ "statusPaused": "Duraklat",
102
+
103
+ "statusStopped": "Durdur",
104
+
105
+ "statusWaiting": "Bekliyor",
106
+
107
+ "statusBuffering": "Arabelleğe Alınıyor",
108
+
109
+ "statusUsingDesc": "Tanımlanmış versiyon kullanılıyor",
110
+
111
+ "statusLoadingDesc": "Tanımlanmış versiyon yüklenior",
112
+
113
+ "statusUsingNoDesc": "Tanımlanmamış versiyon kullanılıyor",
114
+
115
+ "statusLoadingNoDesc": "Tanımlanmamış versiyon yükleniyor",
116
+
117
+ "statusLoadingNext": "Sonraki Parça Yükleniyor",
118
+
119
+ "statusEnd": "Parça sonlandı",
120
+
121
+ "selectedTrack": "Seçilen Parça",
122
+
123
+ "alertDescribedVersion": "Tanımlı video versiyonu için ses kullanılıyor",
124
+
125
+ "alertNonDescribedVersion": "Tanımlanmamış video versiyonu için kullanılıyor",
126
+
127
+ "fallbackError1": "Üzgünüm, tarayıcın bunu oynatmak için uygun değil",
128
+
129
+ "fallbackError2": "Bu video oynatıcı için uygun olan tarayıcılar",
130
+
131
+ "orHigher": "ve üzeri için",
132
+
133
+ "prefMenuCaptions": "Altyazılar",
134
+
135
+ "prefMenuDescriptions": "Açıklamalar",
136
+
137
+ "prefMenuKeyboard": "Klavye",
138
+
139
+ "prefMenuTranscript": "Belgeler",
140
+
141
+ "prefTitleCaptions": "Altyazı Seçenekleri",
142
+
143
+ "prefTitleDescriptions": "Ses Açıklama Ayarları",
144
+
145
+ "prefTitleKeyboard": "Klavye Tercihleri",
146
+
147
+ "prefTitleTranscript": "Belge Tercihleri",
148
+
149
+ "prefIntroCaptions": "Belirtilen ayarlar altyazıların nasıl görüntüleneceğini kontrol eder.",
150
+
151
+ "prefIntroDescription1": "Bu video oynatıcı iki farklı ses açıklaması destekler: ",
152
+
153
+ "prefIntroDescription2": "Şu anki video'da mevcut ",
154
+
155
+ "prefIntroDescriptionNone": "Şu anki video'da her iki format için de ses açıklaması mevcut değil.",
156
+
157
+ "prefIntroDescription3": "Ses açıklamalarını tercihlerinle ilişkilendirmek için belirtilen biçimi kullan.",
158
+
159
+ "prefIntroDescription4": "Tercihlerini kaydettikten sonra, ses açıklamasını Açıklama butonu aracılığıyla açıp kapatabilirsin.",
160
+
161
+ "prefIntroKeyboard1": "Bu web sayfasındaki medya oynatıcıyı, klavye kısayolları yardımıyla, sayfanın herhangi bir kısmından da yönetebilirsin (Liste için Aşağıyı İncele).",
162
+
163
+ "prefIntroKeyboard2": "Niteleme Tuşları (Shift, Alt, ve Control) aşağınan atanabilir.",
164
+
165
+ "prefIntroKeyboard3": "NOT: Bazı tuş kombinasyonları, tarayıcında veya farklı bir programda kullandığın tuşlarla çakışabilir. Uygun niteleme tuşlarını oluşturmak için farklı tuş kombinasyonları kullanmayı dene.",
166
+
167
+ "prefIntroTranscript": "Belirtilen tercihler interaktif belgeleri değiştirir.",
168
+
169
+ "prefCookieWarning": "Tercihlerini kaydetmek için çerezlere izin vermelisin.",
170
+
171
+ "prefHeadingKeyboard1": "Niteleme Tuşları kısayollar için kullanılır",
172
+
173
+ "prefHeadingKeyboard2": "Şu anki klavye kısayolları",
174
+
175
+ "prefHeadingDescription": "Ses açıklaması",
176
+
177
+ "prefHeadingTextDescription": "Metin tabanlı ses açıklaması",
178
+
179
+ "prefHeadingCaptions": "Altyazılar",
180
+
181
+ "prefHeadingTranscript": "İnteraktif Belgeler",
182
+
183
+ "prefAltKey": "Alt",
184
+
185
+ "prefCtrlKey": "Control",
186
+
187
+ "prefShiftKey": "Shift",
188
+
189
+ "escapeKey": "Escape",
190
+
191
+ "escapeKeyFunction": "Şu anki diyalogu veya açılır menüyü kapa",
192
+
193
+ "prefDescFormat": "Tecih edilen format",
194
+
195
+ "prefDescFormatHelp": "Eğer her iki formatta kullanılabilirse, sadece biri kullanılacaktır.",
196
+
197
+ "prefDescFormatOption1": "Video versiyonu için tanımlı alternatifler",
198
+
199
+ "prefDescFormatOption1b": "alternatif tanımlı versiyon",
200
+
201
+ "prefDescFormatOption2": "metin tabanlı açıklama, ekran okuyucusu tarafından duyurulan",
202
+
203
+ "prefDescFormatOption2b": "metin tabanlı açıklama",
204
+
205
+ "prefDescPause": "Açıklama başladığında video'yu otomatik olarak durdur",
206
+
207
+ "prefVisibleDesc": "Açıklamayı görünür yap",
208
+
209
+ "prefHighlight": "Medya'daki belgeyi öne çıkar",
210
+
211
+ "prefTabbable": "Klavye ile aktif edilen belge",
212
+
213
+ "prefCaptionsFont": "Yazı Tipi",
214
+
215
+ "prefCaptionsColor": "Metin Rengi",
216
+
217
+ "prefCaptionsBGColor": "Arkaplan",
218
+
219
+ "prefCaptionsSize": "Yazı Boyutu",
220
+
221
+ "prefCaptionsOpacity": "Opasite",
222
+
223
+ "prefCaptionsStyle": "Stil",
224
+
225
+ "serif": "serif",
226
+
227
+ "sans": "sans-serif",
228
+
229
+ "cursive": "el yazısı",
230
+
231
+ "fantasy": "fantezi",
232
+
233
+ "monospace": "tek hacimli",
234
+
235
+ "white": "beyaz",
236
+
237
+ "yellow": "sarı",
238
+
239
+ "green": "yeşik",
240
+
241
+ "cyan": "açık mavi",
242
+
243
+ "blue": "mavi",
244
+
245
+ "magenta": "mor",
246
+
247
+ "red": "kırmızı",
248
+
249
+ "black": "siyah",
250
+
251
+ "transparent": "transparan",
252
+
253
+ "solid": "düz renk",
254
+
255
+ "captionsStylePopOn": "Pop-on",
256
+
257
+ "captionsStyleRollUp": "Roll-up",
258
+
259
+ "prefCaptionsPosition": "Pozisyon",
260
+
261
+ "captionsPositionOverlay": "Kaplama",
262
+
263
+ "captionsPositionBelow": "Video'nun altında",
264
+
265
+ "sampleCaptionText": "Örnek altyaı metni",
266
+
267
+ "prefSuccess": "Değişikliklerin kaydedildi.",
268
+
269
+ "prefNoChange": "Hiçbir değişiklik yapmadın.",
270
+
271
+ "help": "Yardım",
272
+
273
+ "helpTitle": "Yardım",
274
+
275
+ "save": "Kaydet",
276
+
277
+ "cancel": "İptal Et",
278
+
279
+ "ok": "Tamam",
280
+
281
+ "done": "Bitti",
282
+
283
+ "closeButtonLabel": "Diyalogu Kapat",
284
+
285
+ "windowButtonLabel": "Pencere Seçenekleri",
286
+
287
+ "windowMove": "Hareket",
288
+
289
+ "windowMoveAlert": "Pencereyi hareket ettirmek için mouse'unu sürü veya ok tuşlarını kullan; Durdurmak için Enter'a bas",
290
+
291
+ "windowResize": "Yeniden Boyutlandır",
292
+
293
+ "windowResizeHeading": "Pencereyi yeniden Boyutlandır",
294
+
295
+ "windowResizeAlert": "Pencere yeniden boyutlandırıldı.",
296
+
297
+ "windowClose": "Kapat",
298
+
299
+ "width": "En",
300
+
301
+ "height": "Boy",
302
+
303
+ "windowSendBack": "Geri gönder",
304
+
305
+ "windowSendBackAlert": "Bu pencere artık sayfadaki diğer objenin ardında.",
306
+
307
+ "windowBringTop": "Öne getir",
308
+
309
+ "windowBringTopAlert": "Bu pencere artık saydadaki diğer objenin önünde."
310
+
311
+ };
@@ -1,4 +1,4 @@
1
- var zh-tw = {
1
+ var zhtw = {
2
2
 
3
3
  "audio": "音訊",
4
4
 
data/assets/css/style.css CHANGED
@@ -1,2 +1,2 @@
1
- :root{--w3c-classic:#005a9c;--w3c-blue:#036;--wai-green:#005a6a;--off-black:#1d1d1d;--dk-grey:#3b3b3b;--faded-red:#c0272d;--light-blue:#196cac;--dk-blue:#091832;--gold:#eed009;--ocean:#00818d;--cloudy:#bccbd3;--grey:#686868;--line-grey:#ddd;--trans-line-grey:hsla(0,0%,87%,.32);--off-white:#f2f2f2;--body-bg:#fafafc;--lt-off-white:#fafafa;--pure-white:#fff;--white-transparent:hsla(0,0%,100%,.92);--visited-link:#606;--footer-grey:#efefef}.no-display,.visuallyhidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.no-display.focusable:active,.no-display.focusable:focus,.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;-webkit-clip-path:none;clip-path:none;height:auto;margin:0;overflow:visible;position:static;width:auto;white-space:inherit}@font-face{font-family:Noto Sans;src:url(../fonts/notosans/notosans-regular.woff2) format("woff2"),url(../fonts/notosans/notosans-regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Noto Sans;src:url(../fonts/notosans/notosans-italic.woff2) format("woff2"),url(../fonts/notosans/notosans-italic.woff) format("woff");font-weight:400;font-style:italic}@font-face{font-family:Noto Sans;src:url(../fonts/notosans/notosans-bold.woff2) format("woff2"),url(../fonts/notosans/notosans-bold.woff) format("woff");font-weight:600;font-style:normal}@font-face{font-family:Noto Sans;src:url(../fonts/notosans/notosans-bolditalic.woff2) format("woff2"),url(../fonts/notosans/notosans-bolditalic.woff) format("woff");font-weight:600;font-style:italic}@font-face{font-family:Noto Sans Mono;src:url(../fonts/notosansmono/notosansmono-semicondensed.woff2) format("woff2"),url(../fonts/notosansmono/notosansmono-semicondensed.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Noto Sans Mono;src:url(../fonts/notosansmono/notosansmono-semicondensedbold.woff2) format("woff2"),url(../fonts/notosansmono/notosansmono-semicondensedbold.woff) format("woff");font-weight:600;font-style:normal}@font-face{font-family:Noto Naskh Arabic Minimal;src:url(../fonts/notonaskh/regular-minimal.woff2) format("woff2"),url(../fonts/notonaskh/regular-minimal.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Noto Naskh Arabic Minimal;src:url(../fonts/notonaskh/bold-minimal.woff2) format("woff2"),url(../fonts/notonaskh/bold-minimal.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:Noto Naskh Arabic;src:url(../fonts/notonaskh/regular.woff2) format("woff2"),url(../fonts/notonaskh/regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Noto Naskh Arabic;src:url(../fonts/notonaskh/bold.woff2) format("woff2"),url(../fonts/notonaskh/bold.woff) format("woff");font-weight:700;font-style:normal}html{background-color:#f2f2f2;background-color:var(--off-white)}@media print{html{background-color:#fff}}body{font-family:Noto Sans,Trebuchet MS,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-size:16px;font-size:1rem;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;background-color:#fafafc;background-color:var(--body-bg);color:#1d1d1d;color:var(--off-black);padding:0;padding:constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);margin:0 auto;max-width:1250px}@supports (display:grid){body{max-width:none;margin:0}}@media print{body{color:#000;background-color:#fff;font-size:10pt;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}}body:lang(ar){font-family:Noto Naskh Arabic,Noto Sans,Trebuchet MS,Helvetica Neue,Arial,sans-serif}body:not(:lang(ar)) :lang(ar){font-family:Noto Naskh Arabic Minimal,Noto Sans,Trebuchet MS,Helvetica Neue,Arial,sans-serif}code{font-size:1em;font-family:Noto Sans Mono,monospace}a{color:#036;color:var(--w3c-blue)}a:focus,a:hover{color:#005a6a;color:var(--wai-green)}a:visited{color:#606;color:var(--visited-link)}a.stealthy-link{text-decoration:none}a.stealthy-link:focus,a.stealthy-link:hover,a.stealthy-link:visited{color:inherit}@media print{a{color:#000}a[href^="#"]:after{content:"(⇘ " attr(href) ")"}a[href^=http]:after{content:" (" attr(href) ")"}a[href^="/WAI/"]:after{content:" (https://www.w3.org" attr(href) ")"}}[tabindex]:not([tabindex="-1"]),a,button,input,select,submit,textarea{outline:2px solid transparent;outline-offset:5px;transition:outline-offset .2s linear}[tabindex]:not([tabindex="-1"]):focus,a:focus,button:focus,input:focus,select:focus,submit:focus,textarea:focus{outline-color:currentColor;outline-offset:2px}.default-container,.default-grid{padding:0 32px}@media (min-width:35em){.default-container,.default-grid{padding:0}}.default-grid{padding:0 16px}@media (min-width:60em){[dir=ltr] .default-grid{padding-left:32px}[dir=ltr] .default-grid,[dir=rtl] .default-grid{padding-right:32px}[dir=rtl] .default-grid{padding-left:32px}.default-grid{padding:0;display:-webkit-box;display:-ms-flexbox;display:flex}@supports (display:grid){.default-grid{display:grid;grid-column-gap:32px;padding:0;max-width:none;grid-template-columns:[complete-start] minmax(16px,1fr) [navigation-start] repeat(2,minmax(0,130px)) [navigation-end content-start] repeat(6,minmax(0,130px)) [content-end] minmax(16px,1fr) [complete-end]}}.default-grid .inner{grid-column-start:navigation-start;grid-column-end:content-end}}@media print{.default-grid{display:block}}@media (min-width:60em){[dir=ltr] .grid-3{padding-left:32px}[dir=ltr] .grid-3,[dir=rtl] .grid-3{padding-right:32px}[dir=rtl] .grid-3{padding-left:32px}.grid-3{display:-webkit-box;display:-ms-flexbox;display:flex}@supports (display:grid){.grid-3{display:grid;grid-column-gap:32px;padding:0;max-width:none;grid-template-columns:repeat(3,minmax(0,1fr))}}.grid-3.nogap{grid-column-gap:0}}.grid-3 .col1,.grid-3 .from-col1{grid-column-start:1}.grid-3 .col1,.grid-3 .to-col1{grid-column-end:2}.grid-3 .col2,.grid-3 .from-col2{grid-column-start:2}.grid-3 .col2,.grid-3 .to-col2{grid-column-end:3}.grid-3 .col3,.grid-3 .from-col3{grid-column-start:3}.grid-3 .col3,.grid-3 .to-col3{grid-column-end:4}@media (min-width:60em){[dir=ltr] .grid-4{padding-left:32px}[dir=ltr] .grid-4,[dir=rtl] .grid-4{padding-right:32px}[dir=rtl] .grid-4{padding-left:32px}.grid-4{display:-webkit-box;display:-ms-flexbox;display:flex}@supports (display:grid){.grid-4{display:grid;grid-column-gap:32px;padding:0;max-width:none;grid-template-columns:repeat(4,minmax(0,1fr))}}.grid-4.nogap{grid-column-gap:0}}.grid-4 .col1,.grid-4 .from-col1{grid-column-start:1}.grid-4 .col1,.grid-4 .to-col1{grid-column-end:2}.grid-4 .col2,.grid-4 .from-col2{grid-column-start:2}.grid-4 .col2,.grid-4 .to-col2{grid-column-end:3}.grid-4 .col3,.grid-4 .from-col3{grid-column-start:3}.grid-4 .col3,.grid-4 .to-col3{grid-column-end:4}.grid-4 .col4,.grid-4 .from-col4{grid-column-start:4}.grid-4 .col4,.grid-4 .to-col4{grid-column-end:5}@media (min-width:60em){[dir=ltr] .grid-6{padding-left:32px}[dir=ltr] .grid-6,[dir=rtl] .grid-6{padding-right:32px}[dir=rtl] .grid-6{padding-left:32px}.grid-6{display:-webkit-box;display:-ms-flexbox;display:flex}@supports (display:grid){.grid-6{display:grid;grid-column-gap:32px;padding:0;max-width:none;grid-template-columns:repeat(6,minmax(0,1fr))}}}.grid-6 .col1,.grid-6 .from-col1{grid-column-start:1}.grid-6 .col1,.grid-6 .to-col1{grid-column-end:2}.grid-6 .col2,.grid-6 .from-col2{grid-column-start:2}.grid-6 .col2,.grid-6 .to-col2{grid-column-end:3}.grid-6 .col3,.grid-6 .from-col3{grid-column-start:3}.grid-6 .col3,.grid-6 .to-col3{grid-column-end:4}.grid-6 .col4,.grid-6 .from-col4{grid-column-start:4}.grid-6 .col4,.grid-6 .to-col4{grid-column-end:5}.grid-6 .col5,.grid-6 .from-col5{grid-column-start:5}.grid-6 .col5,.grid-6 .to-col5{grid-column-end:6}.grid-6 .col6,.grid-6 .from-col6{grid-column-start:6}.grid-6 .col6,.grid-6 .to-col6{grid-column-end:7}.grid-6 .col1,.grid-6 .col2,.grid-6 .col3,.grid-6 .col4,.grid-6 .col5,.grid-6 .col6,.grid-6 .from-col2,.grid-6 .from-col3,.grid-6 .from-col4,.grid-6 .from-col5,.grid-6 .from-col6,.grid-6.from-col1{-ms-flex-preferred-size:25%;flex-basis:25%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}[dir=ltr] .grid-6 .col2,[dir=ltr] .grid-6 .col3,[dir=ltr] .grid-6 .col4,[dir=ltr] .grid-6 .col5,[dir=ltr] .grid-6 .col6,[dir=ltr] .grid-6 .from-col2,[dir=ltr] .grid-6 .from-col3,[dir=ltr] .grid-6 .from-col4,[dir=ltr] .grid-6 .from-col5,[dir=ltr] .grid-6 .from-col6{margin-left:32px}[dir=rtl] .grid-6 .col2,[dir=rtl] .grid-6 .col3,[dir=rtl] .grid-6 .col4,[dir=rtl] .grid-6 .col5,[dir=rtl] .grid-6 .col6,[dir=rtl] .grid-6 .from-col2,[dir=rtl] .grid-6 .from-col3,[dir=rtl] .grid-6 .from-col4,[dir=rtl] .grid-6 .from-col5,[dir=rtl] .grid-6 .from-col6{margin-right:32px}@supports (display:grid){[dir=ltr] .grid-6 .col2,[dir=ltr] .grid-6 .col3,[dir=ltr] .grid-6 .col4,[dir=ltr] .grid-6 .col5,[dir=ltr] .grid-6 .col6,[dir=ltr] .grid-6 .from-col2,[dir=ltr] .grid-6 .from-col3,[dir=ltr] .grid-6 .from-col4,[dir=ltr] .grid-6 .from-col5,[dir=ltr] .grid-6 .from-col6{margin-left:0}[dir=rtl] .grid-6 .col2,[dir=rtl] .grid-6 .col3,[dir=rtl] .grid-6 .col4,[dir=rtl] .grid-6 .col5,[dir=rtl] .grid-6 .col6,[dir=rtl] .grid-6 .from-col2,[dir=rtl] .grid-6 .from-col3,[dir=rtl] .grid-6 .from-col4,[dir=rtl] .grid-6 .from-col5,[dir=rtl] .grid-6 .from-col6{margin-right:0}}.grid-6.from-col1.to-col6{width:100%}[dir=ltr] .grid-three-five .col1,[dir=ltr] .grid-three-five .col2{padding-left:16px}[dir=ltr] .grid-three-five .col1,[dir=ltr] .grid-three-five .col2,[dir=rtl] .grid-three-five .col1,[dir=rtl] .grid-three-five .col2{padding-right:16px}[dir=rtl] .grid-three-five .col1,[dir=rtl] .grid-three-five .col2{padding-left:16px}@media (min-width:35em){[dir=ltr] .grid-three-five{padding-left:32px}[dir=ltr] .grid-three-five,[dir=rtl] .grid-three-five{padding-right:32px}[dir=rtl] .grid-three-five{padding-left:32px}.grid-three-five{display:-webkit-box;display:-ms-flexbox;display:flex}@supports (display:grid){.grid-three-five{display:grid;grid-column-gap:32px;padding:0;max-width:none;grid-template-columns:[complete-start] 0 [three-start five-start] 1fr [three-end five-end] 0 [complete-end]}@media (min-width:35em){.grid-three-five{grid-template-columns:[complete-start] minmax(16px,1fr) [three-start] repeat(3,minmax(0,130px)) [three-end five-start] repeat(5,minmax(0,130px)) [five-end] minmax(16px,1fr) [complete-end]}}}.grid-three-five .col1,.grid-three-five .col2{padding:0}}.grid-three-five .col1,.grid-three-five .col2{-ms-flex-negative:1;flex-shrink:1}[dir=ltr] .grid-three-five .col1{margin-right:32px}[dir=rtl] .grid-three-five .col1{margin-left:32px}.grid-three-five .col1{-ms-flex-preferred-size:35%;flex-basis:35%;grid-column-start:three-start;grid-column-end:three-end}@supports (display:grid){[dir=ltr] .grid-three-five .col1{margin-right:0}[dir=rtl] .grid-three-five .col1{margin-left:0}}.grid-three-five .col2{-ms-flex-preferred-size:61%;flex-basis:61%;grid-column-start:five-start;grid-column-end:five-end}.grid-three-five .col12{-ms-flex-preferred-size:100%;flex-basis:100%;grid-column-start:three-start;grid-column-end:five-end}[dir=ltr] .grid-five-three .col1,[dir=ltr] .grid-five-three .col2{padding-left:16px}[dir=ltr] .grid-five-three .col1,[dir=ltr] .grid-five-three .col2,[dir=rtl] .grid-five-three .col1,[dir=rtl] .grid-five-three .col2{padding-right:16px}[dir=rtl] .grid-five-three .col1,[dir=rtl] .grid-five-three .col2{padding-left:16px}@media (min-width:35em){[dir=ltr] .grid-five-three{padding-left:32px}[dir=ltr] .grid-five-three,[dir=rtl] .grid-five-three{padding-right:32px}[dir=rtl] .grid-five-three{padding-left:32px}.grid-five-three{display:-webkit-box;display:-ms-flexbox;display:flex}@supports (display:grid){.grid-five-three{display:grid;grid-column-gap:32px;padding:0;max-width:none;grid-template-columns:[complete-start] 0 [three-start five-start] 1fr [three-end five-end] 0 [complete-end]}@media (min-width:35em){.grid-five-three{grid-template-columns:[complete-start] minmax(16px,1fr) [five-start] repeat(5,minmax(0,130px)) [five-end three-start] repeat(3,minmax(0,130px)) [three-end] minmax(16px,1fr) [complete-end]}}}.grid-five-three .col1,.grid-five-three .col2{padding:0}}.grid-five-three .col1,.grid-five-three .col2{-ms-flex-negative:1;flex-shrink:1}[dir=ltr] .grid-five-three .col1{margin-right:32px}[dir=rtl] .grid-five-three .col1{margin-left:32px}.grid-five-three .col1{-webkit-box-flex:1;-ms-flex:1 1 62%;flex:1 1 62%;grid-column-start:five-start;grid-column-end:five-end}@supports (display:grid){[dir=ltr] .grid-five-three .col1{margin-right:0}[dir=rtl] .grid-five-three .col1{margin-left:0}}.grid-five-three .col2{-webkit-box-flex:1;-ms-flex:1 1 37%;flex:1 1 37%;grid-column-start:three-start;grid-column-end:three-end}.grid-five-three .col12{-ms-flex-preferred-size:100%;flex-basis:100%;grid-column-start:five-start;grid-column-end:three-end}[dir=ltr] .grid-4q{padding-left:32px}[dir=ltr] .grid-4q,[dir=rtl] .grid-4q{padding-right:32px}[dir=rtl] .grid-4q{padding-left:32px}.grid-4q{display:-webkit-box;display:-ms-flexbox;display:flex}@supports (display:grid){.grid-4q{display:grid;grid-column-gap:32px;padding:0;max-width:none;grid-template-columns:[complete-start] 0 [q1-start q2-start q3-start q4-start] 1fr [q1-end q2-end q3-end q4-end] 0 [complete-end]}@media (min-width:60em){.grid-4q{grid-template-columns:[complete-start] minmax(16px,1fr) [content-start q1-start] repeat(2,minmax(0,130px)) [q1-end q2-start] repeat(2,minmax(0,130px)) [q2-end q3-start] repeat(2,minmax(0,130px)) [q3-end q4-start] repeat(2,minmax(0,130px)) [q4-end content-end] minmax(16px,1fr) [complete-end]}}}.grid-4q.nogap{grid-template-columns:[complete-start] 0 [q1-start q2-start q3-start q4-start] 1fr [q1-end q2-end q3-end q4-end] 0 [complete-end]}@media (min-width:60em){.grid-4q.nogap{grid-template-columns:[complete-start] minmax(16px,1fr) [content-start q1-start] repeat(2,minmax(0,158px)) [q1-end q2-start] repeat(2,minmax(0,158px)) [q2-end q3-start] repeat(2,minmax(0,158px)) [q3-end q4-start] repeat(2,minmax(0,158px)) [q4-end content-end] minmax(16px,1fr) [complete-end]}}.grid-4q.nogap{grid-column-gap:0}[dir=ltr] .grid-4q .q1-start{margin-right:32px}[dir=rtl] .grid-4q .q1-start{margin-left:32px}.grid-4q .q1-start{-ms-flex-preferred-size:25%;flex-basis:25%;-ms-flex-negative:1;flex-shrink:1;grid-column-start:q1-start}[dir=ltr] .grid-4q .q2-start{margin-right:32px}[dir=rtl] .grid-4q .q2-start{margin-left:32px}.grid-4q .q2-start{-ms-flex-preferred-size:25%;flex-basis:25%;-ms-flex-negative:1;flex-shrink:1;grid-column-start:q2-start}[dir=ltr] .grid-4q .q3-start{margin-right:32px}[dir=rtl] .grid-4q .q3-start{margin-left:32px}.grid-4q .q3-start{-ms-flex-preferred-size:25%;flex-basis:25%;-ms-flex-negative:1;flex-shrink:1;grid-column-start:q3-start}[dir=ltr] .grid-4q .q4-start{margin-right:32px}[dir=rtl] .grid-4q .q4-start{margin-left:32px}.grid-4q .q4-start{-ms-flex-preferred-size:25%;flex-basis:25%;-ms-flex-negative:1;flex-shrink:1;grid-column-start:q4-start}.grid-4q .q1-end{grid-column-end:q1-end}.grid-4q .q2-end{grid-column-end:q2-end}.grid-4q .q3-end{grid-column-end:q3-end}[dir=ltr] .grid-4q .q4-end{margin-right:0}[dir=rtl] .grid-4q .q4-end{margin-left:0}.grid-4q .q4-end{grid-column-end:q4-end}.grid-4q .q1-start.q2-end,.grid-4q .q2-start.q3-end,.grid-4q .q3-start.q4-end{-ms-flex-preferred-size:50%;flex-basis:50%}.grid-4q .q1-start.q3-end,.grid-4q .q2-start.q4-end{-ms-flex-preferred-size:75%;flex-basis:75%}[dir=ltr] .grid-4q.nogap .q1-start,[dir=ltr] .grid-4q.nogap .q2-start,[dir=ltr] .grid-4q.nogap .q3-start,[dir=ltr] .grid-4q.nogap .q4-start{margin-right:0}[dir=rtl] .grid-4q.nogap .q1-start,[dir=rtl] .grid-4q.nogap .q2-start,[dir=rtl] .grid-4q.nogap .q3-start,[dir=rtl] .grid-4q.nogap .q4-start{margin-left:0}@supports(display:grid){[dir=ltr] .grid-4q .q1-start,[dir=ltr] .grid-4q .q2-start,[dir=ltr] .grid-4q .q3-start,[dir=ltr] .grid-4q .q4-start{margin-right:0}[dir=rtl] .grid-4q .q1-start,[dir=rtl] .grid-4q .q2-start,[dir=rtl] .grid-4q .q3-start,[dir=rtl] .grid-4q .q4-start{margin-left:0}}.leftcol nav{-ms-flex-preferred-size:24.25%;flex-basis:24.25%;-ms-flex-negative:0;flex-shrink:0}[dir=ltr] .leftcol main{margin-left:32px}[dir=rtl] .leftcol main{margin-right:32px}.leftcol main{grid-area:content;-webkit-box-flex:1;-ms-flex:1;flex:1}@supports (display:grid){[dir=ltr] .leftcol main{margin-left:0}[dir=rtl] .leftcol main{margin-right:0}}@media (min-width:35em){[dir=ltr] .grid-line-right{border-right:1px solid #ddd}[dir=rtl] .grid-line-right{border-left:1px solid #ddd}[dir=ltr] .grid-line-right{border-right:1px solid var(--line-grey)}[dir=rtl] .grid-line-right{border-left:1px solid var(--line-grey)}[dir=ltr] .grid-line-right{margin-right:-17px!important}[dir=rtl] .grid-line-right{margin-left:-17px!important}[dir=ltr] .grid-line-right{padding-right:17px!important}[dir=rtl] .grid-line-right{padding-left:17px!important}}@media (min-width:35em){[dir=ltr] .grid-line-left{border-left:1px solid #ddd}[dir=rtl] .grid-line-left{border-right:1px solid #ddd}[dir=ltr] .grid-line-left{border-left:1px solid var(--line-grey)}[dir=rtl] .grid-line-left{border-right:1px solid var(--line-grey)}[dir=ltr] .grid-line-left{margin-left:-16px!important}[dir=rtl] .grid-line-left{margin-right:-16px!important}[dir=ltr] .grid-line-left{padding-left:16px!important}[dir=rtl] .grid-line-left{padding-right:16px!important}}.able-media-container,.media-wrapper{position:relative;padding-top:56.25%}.able-media-container .img,.able-media-container iframe,.able-media-container video,.media-wrapper .img,.media-wrapper iframe,.media-wrapper video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none}.contentarea{position:relative}[dir=ltr] img.symbol{float:right}[dir=rtl] img.symbol{float:left}[dir=ltr] img.symbol{margin-left:1em}[dir=rtl] img.symbol{margin-right:1em}img.symbol{margin-bottom:1em}main img{max-width:100%}figure{margin:0 0 1em}figcaption{font-weight:700;border-bottom:1px solid #ddd;border-bottom:1px solid var(--line-grey);margin-bottom:.5em}.button,button{cursor:pointer;border-radius:5px;display:inline-block;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:8px 12px;border:2px solid #005a6a;border:2px solid var(--wai-green);font-size:13px;font-size:.8125rem;line-height:1.4;background-color:#005a6a;background-color:var(--wai-green);text-decoration:none;font-weight:700}.button,.button:visited,button,button:visited{color:#fff;color:var(--pure-white)}.button.button-nobg,button.button-nobg{background:transparent}.button.button-nobg:focus,.button.button-nobg:hover,button.button-nobg:focus,button.button-nobg:hover{background-color:transparent;border-color:#fff;border-color:var(--pure-white)}.button.button-noborder,button.button-noborder{border-color:transparent}.button.button-noborder:focus,.button.button-noborder:hover,button.button-noborder:focus,button.button-noborder:hover{border-color:#fff;border-color:var(--pure-white)}.button.button-small,button.button-small{padding:2px 4px}.button.button-inline,button.button-inline{padding:0}.button:focus,.button:hover,.stealthy-link:focus span.button,.stealthy-link:hover span.button,button:focus,button:hover{background-color:#036;background-color:var(--w3c-blue);color:#fff;color:var(--pure-white)}.button:focus,.button:hover,button:focus,button:hover{border-color:#036;border-color:var(--w3c-blue)}.button:focus,button:focus{outline-color:#036;outline-color:var(--w3c-blue)}.button:disabled,button:disabled{opacity:.75;text-decoration:line-through}.button-secondary{background-color:#fff;background-color:var(--pure-white);color:#005a6a;color:var(--wai-green)}.button-secondary:visited{color:#036;color:var(--w3c-blue)}.button-secondary:visited:focus,.button-secondary:visited:hover{color:#fff;color:var(--pure-white)}.button-backtotop{position:fixed;cursor:pointer;bottom:16px;right:16px;left:auto}[dir=rtl] .button-backtotop{right:auto;left:16px}.button-backtotop{opacity:.85;border-radius:100px;background-color:#036;background-color:var(--w3c-blue);border-color:#036;border-color:var(--w3c-blue);box-shadow:0 2px 4px 0 rgba(0,0,0,.5);opacity:0;transition:opacity .5s linear}.button-backtotop.active,.button-backtotop:focus{opacity:1}.button-backtotop svg{vertical-align:-1px}[dir=ltr] .button-backtotop.inline{float:right}[dir=rtl] .button-backtotop.inline{float:left}.button-backtotop.inline{position:static}.button-menu{text-transform:uppercase;background-color:#fff;background-color:var(--pure-white);color:#036;color:var(--w3c-blue);border-color:#eed009;border-color:var(--gold)}.button-menu:focus,.button-menu:hover{border-color:#fff;border-color:var(--pure-white);background-color:#eed009;background-color:var(--gold);color:#1d1d1d;color:var(--off-black)}.button-group{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -8px}.button-group .button,.button-group button{min-width:7em;-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center;margin:8px}[dir=ltr] img.left{float:left}[dir=rtl] img.left{float:right}[dir=ltr] img.left{margin-right:1em}[dir=rtl] img.left{margin-left:1em}[dir=ltr] img.right{clear:right}[dir=rtl] img.right{clear:left}[dir=ltr] img.right{float:right}[dir=rtl] img.right{float:left}[dir=ltr] img.right{margin-left:1em}[dir=rtl] img.right{margin-right:1em}mark{background-color:color-mod(#eed009 alpha(35%));background-color:color-mod(var(--gold) alpha(35%))}p{margin:1em 0}.showhidebutton{display:inline;background:transparent;color:inherit;border-color:transparent;font-weight:400}[dir=ltr] .showhidebutton:after{margin-left:.5em}[dir=rtl] .showhidebutton:after{margin-right:.5em}.showhidebutton:after{display:inline-block;background-color:#036;background-color:var(--w3c-blue);color:#fff;color:var(--pure-white);content:"–";font-weight:700;padding:.3em;border-radius:3px;width:1em;height:1em;line-height:1em}.showhidebutton:focus:after,.showhidebutton:hover:after{color:#036;color:var(--w3c-blue);background-color:#fff!important;background-color:var(--pure-white)!important}.showhidebutton[aria-expanded=false]:after{content:"+"}blockquote{font-style:italic;margin-bottom:1em}blockquote cite{display:block;font-style:normal;padding-left:32px;padding-left:2rem}[dir=ltr] blockquote cite:before{margin-left:-32px;margin-left:-2rem}[dir=rtl] blockquote cite:before{margin-right:-32px;margin-right:-2rem}blockquote cite:before{content:"— ";font-weight:700;width:32px;width:2rem;display:inline-block}[dir=ltr] blockquote p:first-of-type:before{margin-left:-.75ch}[dir=rtl] blockquote p:first-of-type:before{margin-right:-.75ch}blockquote p:first-of-type:before{content:"“"}blockquote p:last-of-type{margin-bottom:0}blockquote p:last-of-type:after{content:"”"}blockquote.special{text-align:center}[dir=ltr] blockquote.pull{margin-left:64px;margin-left:4rem}[dir=rtl] blockquote.pull{margin-right:64px;margin-right:4rem}[dir=ltr] blockquote.pull{border-left:2px solid #ddd}[dir=rtl] blockquote.pull{border-right:2px solid #ddd}[dir=ltr] blockquote.pull{border-left:2px solid var(--line-grey)}[dir=rtl] blockquote.pull{border-right:2px solid var(--line-grey)}blockquote.pull{position:relative;font-size:20px;font-size:1.25rem;padding-left:1ch;border:1px solid transparent;color:#036;color:var(--w3c-blue);font-weight:700}blockquote.pull.left,blockquote.pull.right{max-width:256px;max-width:16rem}[dir=ltr] blockquote.pull.right{float:right}[dir=ltr] blockquote.pull.left,[dir=rtl] blockquote.pull.right{float:left}[dir=rtl] blockquote.pull.left{float:right}[dir=ltr] blockquote.pull.left{margin-right:32px;margin-right:2rem}[dir=rtl] blockquote.pull.left{margin-left:32px;margin-left:2rem}[dir=ltr] blockquote.pull p:first-of-type:before{margin-left:-1.25ch}[dir=rtl] blockquote.pull p:first-of-type:before{margin-right:-1.25ch}blockquote.pull p:first-of-type:before{font-size:80px;font-size:5rem;position:absolute;left:0;top:-.25ch}blockquote.pull cite{margin-top:8px;margin-top:.5rem;font-size:16px;font-size:1rem;font-weight:400;color:#1d1d1d;color:var(--off-black)}blockquote.pull.alt-1{color:#005a9c;color:var(--w3c-classic)}blockquote.pull.alt-2{color:#005a6a;color:var(--wai-green)}blockquote.pull.alt-3{color:#1d1d1d;color:var(--off-black)}.box{border:1px solid #ddd;border:solid 1px var(--line-grey);margin-top:16px;background-color:#fff;background-color:var(--pure-white)}.box+.box#toc{margin-top:0;border-top:0}.box.box-space-above{margin-top:90px}.box-h{padding:8px 16px;color:#005a6a;color:var(--wai-green)}@media print{.box-h{color:#000}}.box-h{font-weight:700;background-color:#f2f2f2;background-color:var(--off-white)}.box-h h1,.box-h h2,.box-h h3,.box-h h4,.box-h h5,.box-h h6{border:none;font-size:inherit;color:inherit;margin:0;padding:0;font-weight:inherit;display:inline-block}@supports (all:unset){.box-h h1,.box-h h2,.box-h h3,.box-h h4,.box-h h5,.box-h h6{all:unset}}.box-h-large{font-size:20px;font-size:1.25rem;color:#036;color:var(--w3c-blue);padding-bottom:7px;font-weight:400;border-bottom:1px solid #ddd;border-bottom:solid 1px var(--line-grey)}[dir=ltr] .box-h-icon svg{margin-right:4px}[dir=rtl] .box-h-icon svg{margin-left:4px}.box-i:after,.box-i:before{content:" ";display:table}.box-i:after{clear:both}.box-i{padding:8px 16px;font-size:14/16 * 16px;font-size:14/16 * 1rem}.box-i>:first-child{margin-top:0}.box-i>:last-child{margin-bottom:0}.box.box-list .box-i ol,.box.box-list .box-i ul{margin:0;padding:0;list-style:none}.box.box-linklist .box-i{padding:0}.box.box-simple .box-i{padding:2px 8px 8px}.box.box-simple .box-h-simple{padding:8px 8px 2px;background-color:transparent;line-height:1.57}.box.box-simple.box-aside .box-i,.box.box-simple .box-h-simple{font-size:14px;font-size:.875rem}@media (min-width:35em){.box.box-left,.box.box-right{width:33%;margin-top:-9px}.box.box-left.box-simple,.box.box-right.box-simple{margin-top:-3px}[dir=ltr] .box.box-left{clear:left}[dir=rtl] .box.box-left{clear:right}[dir=ltr] .box.box-left{float:left}[dir=rtl] .box.box-left{float:right}[dir=ltr] .box.box-left{margin-right:1em}[dir=rtl] .box.box-left{margin-left:1em}[dir=ltr] .box.box-right{clear:right}[dir=rtl] .box.box-right{clear:left}[dir=ltr] .box.box-right{float:right}[dir=rtl] .box.box-right{float:left}[dir=ltr] .box.box-right{margin-left:1em}[dir=rtl] .box.box-right{margin-right:1em}}.breadcrumb{font-size:13px;font-size:.8125rem;background-color:#fff;background-color:var(--pure-white);border-bottom:1px solid #ddd;border-bottom:1px solid var(--line-grey);padding-top:16px;padding-bottom:16px;margin-bottom:32px}.breadcrumb ul{margin:0;padding:0;grid-column:2/10}.breadcrumb ul li{display:inline-block;margin:0;padding:0}.breadcrumb ul li:after{content:" / ";color:#005a6a;color:var(--wai-green);white-space:pre-wrap}.breadcrumb ul li:last-child:after{content:"";display:none}.breadcrumb a{color:#036;color:var(--w3c-blue)}@media print{.breadcrumb a:after{content:""}}.breadcrumb [aria-current=page]{font-weight:700;text-decoration:none}.content{display:grid;grid-area:content;grid-template-columns:repeat(6,minmax(0,120px));grid-column-gap:32px}.content>*{grid-column:1/5;grid-auto-flow:dense}.content{&>.ref-side,>& .aside,>& .demo-side{grid-column:5/7;font-size:14px;font-size:.875rem;line-height:1.2}&>.ref-side p:first-of-type,>& .aside p:first-of-type,>& .demo-side p:first-of-type{margin-top:0}}.content.wide{grid-template-columns:repeat(8,minmax(0,120px));grid-column-start:navigation;grid-column-end:content}.content.wide>*{grid-column:3/9}.content.wide .sn-contents{grid-column:1/3;grid-row:1/99}[dir=ltr] .example-bar{padding-left:32px}[dir=ltr] .example-bar,[dir=rtl] .example-bar{padding-right:32px}[dir=rtl] .example-bar{padding-left:32px}.example-bar{display:-webkit-box;display:-ms-flexbox;display:flex}@supports (display:grid){.example-bar{display:grid;grid-column-gap:32px;padding:0;max-width:none}}.example-bar{grid-template-columns:repeat(6,minmax(0,1fr))}.example-bar>*{grid-column:2/7}[dir=ltr] .example-bar .eg{border-right:2px solid #005a6a}[dir=rtl] .example-bar .eg{border-left:2px solid #005a6a}[dir=ltr] .example-bar .eg{border-right:2px solid var(--wai-green)}[dir=rtl] .example-bar .eg{border-left:2px solid var(--wai-green)}.example-bar .eg{grid-column:1/2;grid-row:1/99;text-align:right;padding:0 8px;font-weight:700;font-style:italic;color:#005a6a;color:var(--wai-green)}[dir=ltr] .example-sheet{padding-right:32px}[dir=rtl] .example-sheet{padding-left:32px}.example-sheet{display:-webkit-box;display:-ms-flexbox;display:flex;padding-inlne-start:32px}@supports (display:grid){.example-sheet{display:grid;grid-column-gap:32px;padding:0;max-width:none}}.example-sheet{grid-template-columns:repeat(6,minmax(0,1fr))}.example-sheet .example-sheet-inner{grid-column:2/6;background-color:#fff;background-color:var(--pure-white);padding:16px 32px}.decision-tree{list-style:none;margin:1em 0;padding:0}.decision-tree>li>strong{display:block;padding:1em .5em}.decision-tree>li>ul{padding:0;list-style:none}@supports (display:flex){.decision-tree>li>ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}}.decision-tree>li>ul>li{text-indent:0;box-sizing:border-box;font-weight:400}@supports (display:flex){.decision-tree>li>ul>li{-ms-flex-preferred-size:25%;flex-basis:25%}}.decision-tree>li>ul>li{padding:.5em;//:1px solid #aaa}@supports (display:flex){.decision-tree>li>ul>li:nth-child(odd){-ms-flex-preferred-size:75%;flex-basis:75%}}.decision-tree>li>ul>li:nth-child(odd):last-child{display:block;-ms-flex-preferred-size:100%;flex-basis:100%}.decision-tree>li>ul>li ul{padding:0;margin:0}.decision-tree>li>ul>li li{padding:0;padding-bottom:.5em;margin-bottom:.5em;border-bottom:1px solid #3b3b3b;border-bottom:1px solid var(--dk-grey);list-style:none}.decision-tree>li>ul>li li>em{display:block;padding-left:1.5em;position:relative;margin-top:.25em;font-style:normal}[dir=ltr] .decision-tree>li>ul>li li>em:before{margin-left:-1.5em}[dir=rtl] .decision-tree>li>ul>li li>em:before{margin-right:-1.5em}.decision-tree>li>ul>li li>em:before{position:absolute;content:"";top:.2em}.decision-tree>li>ul>li li:last-child{border-bottom-style:none;padding-bottom:0;margin-bottom:0}.decision-tree .yes{background-color:color(#036 lightness(95%));background-color:color(var(--w3c-blue) lightness(95%));border-bottom:none}[dir=ltr] .decision-tree .yes li{margin-left:1em}[dir=rtl] .decision-tree .yes li{margin-right:1em}.decision-tree .yes li{list-style:disc}.decision-tree .yes li:only-child{list-style:none}.decision-tree .no{background-color:color(#c0272d lightness(85%));background-color:color(var(--faded-red) lightness(85%));border-bottom:none;position:relative}[dir=ltr] .decision-tree .no:after{margin-left:-8px;margin-left:-.5rem}[dir=rtl] .decision-tree .no:after{margin-right:-8px;margin-right:-.5rem}.decision-tree .no:after{top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:hsla(0,0%,47%,0);border-top-color:color(#c0272d lightness(85%));border-top-color:color(var(--faded-red) lightness(85%));border-width:16px;border-width:1rem;z-index:500}.doc-archived h1:before{content:"Archived"}.doc-draft h1:before{content:"Draft"}.doc-note-translation{font-size:13px;font-size:.8125rem}.doc-note-translation p{margin-top:5px;margin-bottom:5px}.doc-note-translation p:first-of-type{margin-top:0}.doc-note-translation p:last-child{margin-bottom:0}[dir=ltr] .doc-note h1:before{margin-right:8px}[dir=rtl] .doc-note h1:before{margin-left:8px}.doc-note h1:before{background-color:#eed009;background-color:var(--gold);color:#091832;color:var(--dk-blue);display:inline-block;padding:4px 8px;margin-top:-8px;font-size:14px;font-size:.875rem;text-transform:uppercase;letter-spacing:1px;font-weight:700;vertical-align:middle;border-radius:3px}.doc-note-box{border:2px solid #eed009;border:2px solid var(--gold);padding:8px;background-color:#fff;background-color:var(--pure-white);margin-bottom:20px}.doc-note-box p:first-child{margin-top:0}.doc-note-box p:last-child{margin-bottom:0}details{padding-left:32px;padding-left:2rem}[dir=ltr] summary{margin-left:-32px;margin-left:-2rem}[dir=rtl] summary{margin-right:-32px;margin-right:-2rem}summary{cursor:pointer;display:block}summary::-webkit-details-marker{display:none}[dir=ltr] summary>:first-child:before{margin-right:8px;margin-right:.5rem}[dir=rtl] summary>:first-child:before{margin-left:8px;margin-left:.5rem}summary>:first-child:before{content:"+";display:inline-block;border-radius:5px;width:20.8px;width:1.3rem;height:20.8px;height:1.3rem;line-height:.9;background:#fff;background:var(--pure-white);color:#005a6a;color:var(--wai-green);border:2px solid #005a6a;border:2px solid var(--wai-green);text-align:center;font-weight:700}summary:focus>:first-child:before,summary:hover>:first-child:before{background:#036;background:var(--w3c-blue);border-color:#036;border-color:var(--w3c-blue);color:#fff;color:var(--pure-white)}details[open]>summary>:first-child:before{content:"–"}details>div:after{content:"";display:block;clear:both}.excol-all{margin:16px 0}figure.shrink-wrap{box-sizing:border-box;background-color:#fff;background-color:var(--pure-white);width:-webkit-min-content;width:-moz-min-content;width:min-content;max-width:100%;border:1px solid #ddd;border:1px solid var(--line-grey);border-radius:3px;padding:10px}@media (min-width:47.5em){figure.shrink-wrap .figcontent{display:-webkit-box;display:-ms-flexbox;display:flex}figure.shrink-wrap .figcontent>*{-webkit-box-flex:1;-ms-flex:1;flex:1}}figure.shrink-wrap img{border:1px solid #ddd;border:1px solid var(--line-grey);max-width:none!important}figure.shrink-wrap figcaption{font-weight:400;border:none;margin:0}.page-footer,.site-footer{font-size:14px;font-size:.875rem}@media print{.page-footer,.site-footer{font-size:8pt}}.page-footer,.site-footer{padding-top:16px;padding-bottom:16px}.page-footer p:first-of-type,.site-footer p:first-of-type{margin-top:0}.page-footer p:last-of-type,.site-footer p:last-of-type{margin-bottom:0}.page-footer{margin-top:32px;background-color:#efefef;background-color:var(--footer-grey)}.page-footer .inner{grid-area:content}.site-footer{margin-top:32px;padding-top:16px;padding-bottom:16px;background-color:#3b3b3b;background-color:var(--dk-grey);color:#fff;color:var(--pure-white)}@media print{.site-footer{background-color:#efefef;background-color:var(--footer-grey);color:#3b3b3b;color:var(--dk-grey);border-top:1px solid #3b3b3b;border-top:1px solid var(--dk-grey)}}.site-footer a{color:#fff;color:var(--pure-white)}.site-footer a.largelink{color:#eed009;color:var(--gold);font-size:20px;font-size:1.25rem;text-decoration:none}@media print{.site-footer a.largelink{color:#3b3b3b;color:var(--dk-grey);font-size:12pt}}.site-footer a.largelink:focus,.site-footer a.largelink:hover{text-decoration:underline}.site-footer .footer-list-header{font-weight:700;border-bottom:1px solid hsla(0,0%,87%,.32);border-bottom:1px solid var(--trans-line-grey);padding:4px 0}.site-footer .about{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media print{.site-footer .about{grid-column-end:q4-end;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.site-footer .about p{margin:0}}@media print{.site-footer>:not(.about){display:none}}.page-footer+.site-footer{margin-top:0}.site-footer ul{margin:0;padding:0}.site-footer ul li{list-style:none}.footnotes{margin-top:60px}.footnotes ol{font-size:13.6px;font-size:.85rem}input,select,textarea{font-size:1em;font-family:inherit}input[type=search]{-webkit-appearance:none}fieldset{margin:0 0 32px;margin:0 0 2rem;padding:0}input:not([type=checkbox]):not([type=radio]),textarea{border:1px solid #686868;border:1px solid var(--grey)}input:not([type=checkbox]):not([type=radio]):focus,input:not([type=checkbox]):not([type=radio]):hover,textarea:focus,textarea:hover{border:1px solid #036;border:1px solid var(--w3c-blue)}& ::-webkit-input-placeholder{color:#767676;font-style:italic;opacity:1}& :-moz-placeholder,& ::-moz-placeholder{color:#767676;font-style:italic;opacity:1}& :-ms-input-placeholder{color:#767676;font-style:italic;opacity:1}.field{padding:4px;margin:0 0 32px;margin:0 0 2rem}.field label{display:block}.field input:not([type=checkbox]):not([type=radio]),.field textarea{display:block;box-sizing:border-box;width:100%;padding:8px}.field input:not([type=checkbox]):not([type=radio]):focus,.field textarea:focus{outline:none;border-color:#005a9c;border-color:var(--w3c-classic);background-color:#edf4fa}.field input:not([type=checkbox]):not([type=radio]):focus ::-webkit-input-placeholder,.field textarea:focus ::-webkit-input-placeholder{color:#545554}.field input:not([type=checkbox]):not([type=radio]):focus :-moz-placeholder,.field input:not([type=checkbox]):not([type=radio]):focus ::-moz-placeholder,.field textarea:focus :-moz-placeholder,.field textarea:focus ::-moz-placeholder{color:#545554}.field input:not([type=checkbox]):not([type=radio]):focus :-ms-input-placeholder,.field textarea:focus :-ms-input-placeholder{color:#545554}.field[focus-within]{background-color:#edf4fa}.field:focus-within{background-color:#edf4fa}.field[focus-within] input:focus{background-color:#fff!important;background-color:var(--pure-white)!important}.field:focus-within input:focus{background-color:#fff!important;background-color:var(--pure-white)!important}[dir=ltr] .group>.field{margin-left:32px;margin-left:2rem}[dir=rtl] .group>.field{margin-right:32px;margin-right:2rem}.group>.field{margin-bottom:8px;margin-bottom:.5rem}.radio-field{display:-webkit-box;display:-ms-flexbox;display:flex;padding:4px;margin:0 0 8px;border-radius:3px}[dir=ltr] .radio-field input{margin-right:.5em}[dir=rtl] .radio-field input{margin-left:.5em}.radio-field input{-webkit-box-flex:0;-ms-flex:0 0 1em;flex:0 0 1em;width:1em;height:1em}.radio-field input:checked+label{font-weight:700;color:#091832;color:var(--dk-blue)}.radio-field:focus,.radio-field:hover{background-color:#196cac;background-color:var(--light-blue);color:#fff}.radio-field:focus :checked+label,.radio-field:hover :checked+label{color:inherit}.radio-field label{-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%;cursor:pointer}fieldset{border:none}legend{font-size:20px;font-size:1.25rem;font-weight:700}@media (min-width:35em){.searchform{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}[dir=ltr] .searchform label{text-align:right}[dir=rtl] .searchform label{text-align:left}.searchform label{-webkit-box-flex:1;-ms-flex:1;flex:1}[dir=ltr] .searchform input{margin-left:10px}[dir=rtl] .searchform input{margin-right:10px}.searchform input{-webkit-box-flex:4;-ms-flex:4;flex:4}[dir=ltr] .searchform button{margin-left:10px}[dir=rtl] .searchform button{margin-right:10px}.searchform button{-webkit-box-flex:1;-ms-flex:1;flex:1}#site-header{background-color:#005a9c;background-color:var(--w3c-classic);color:#fff;color:var(--pure-white)}@media print{#site-header{background-color:#f2f2f2;background-color:var(--off-white);color:#000}}#site-header{padding-top:3px}@supports (display:grid){[dir=ltr] #site-header{padding-left:8px}[dir=ltr] #site-header,[dir=rtl] #site-header{padding-right:8px}[dir=rtl] #site-header{padding-left:8px}}#site-header a{color:#fff;color:var(--pure-white)}@media print{#site-header a{color:#005a9c;color:var(--w3c-classic)}}@media print{#site-header a:after{content:""}}.wai{line-height:1.2}@media (min-width:35em){.wai{vertical-align:middle;font-size:1.5625rem}}.logos{grid-column-start:2;grid-column-end:6;grid-row-start:1;padding:16px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:60%}@supports (display:grid){.logos{width:auto}}.logos .claim{font-size:14px;font-size:.875rem;font-style:italic}.logos .claim:lang(ar){font-style:normal}[dir=ltr] .logos .claim{margin-left:16px}[dir=rtl] .logos .claim{margin-right:16px}[dir=ltr] .logos .claim{padding-left:16px}[dir=rtl] .logos .claim{padding-right:16px}[dir=ltr] .logos .claim{border-left:1px solid #eed009}[dir=rtl] .logos .claim{border-right:1px solid #eed009}[dir=ltr] .logos .claim{border-left:1px solid var(--gold)}[dir=rtl] .logos .claim{border-right:1px solid var(--gold)}.logos .claim{color:#fff;color:var(--pure-white)}@media print{.logos .claim{color:#005a9c;color:var(--w3c-classic)}}.logos .claim{-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;display:none}@media (min-width:35em){.logos .claim{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}@media (min-width:23em){[dir=ltr] .home{margin-right:32px}[dir=rtl] .home{margin-left:32px}}.home{text-decoration:none;transition:color .25s ease-in .1s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@supports (display:grid){.home{-webkit-box-flex:0;-ms-flex:0;flex:0}}@media (min-width:60em){[dir=ltr] .home{margin-right:8px}[dir=rtl] .home{margin-left:8px}}.home img,.home svg{vertical-align:middle;color:inherit;fill:currentColor;height:30px}@media (min-width:35em){.home img,.home svg{height:46px}}.home{[dir=ltr] img{padding-right:8px}[dir=rtl] img{padding-left:8px}}.home.w3c{border-bottom:2px solid transparent}.home.w3c:hover{border-bottom-color:currentColor}.home .wai{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (min-width:35em){.home .wai{font-size:1.25rem}}.home .wai .wa{padding-bottom:2px}.home .wai .i{border-top:1px solid #eed009;border-top:1px solid var(--gold);padding-top:2px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.home:focus,.home:hover{text-decoration:underline;color:#eed009!important;color:var(--gold)!important}h1,h2,h3,h4,h5,h6{padding:0}h1,h2{margin:60px 0 20px}h3{margin:40px 0 20px}h4,h5,h6{margin:20px 0 10px}h1,h2,h3,h4{color:#005a6a;color:var(--wai-green)}@media print{h1,h2,h3,h4{color:#000}}h1{font-size:24px;font-size:1.5rem}@media (min-width:35em){h1{font-size:2rem}}@media (min-width:60em){h1{font-size:2.375rem}}h1{line-height:1.2;font-weight:400}h1,h1+h2{margin-top:0}h2{font-size:22px;font-size:1.375rem;line-height:1.2;font-weight:700;border-bottom:1px solid #ddd;border-bottom:1px solid var(--line-grey)}h2+h3{margin-top:0}h3,h4{font-size:18px;font-size:1.125rem;line-height:1.4}h3+h4{margin-top:0}h4{font-weight:400}h4+h5{margin-top:0}h5{font-weight:700;line-height:1.6}h5+h6{margin-top:0}h6{font-size:14px;font-size:.875rem;line-height:1.8}h1 b,h1.ap:before,h1.ex:before,h2 b,h2.ap:before,h2.ex:before,h3 b,h3.ap:before,h3.ex:before,h4 b,h4.ap:before,h4.ex:before,h5 b,h5.ap:before,h5.ex:before,h6 b,h6.ap:before,h6.ex:before{color:#036!important;color:var(--w3c-blue)!important;font-weight:700}.no-js .ex{counter-increment:a;counter-reset:b}.no-js .ex:before{content:"Example " counter(a) ": "}.no-js .ex.inap{counter-reset:none}.no-js .newap{counter-reset:b}.no-js .newex{counter-reset:a}.no-js .newexap,.no-js h2.first,.no-js h3.first{counter-reset:a b}.no-js .ap{counter-increment:b}.no-js .ap:before{content:"Approach " counter(b) ": "}[class*=" icon-"],[class^=icon-]{display:inline-block;width:1em;height:1em;stroke-width:0;stroke:currentColor;fill:currentColor}.icon-default{width:.9285714285714285em}.icon-info{width:.8571428571428571em}.icon-audio-description{width:3.5em;height:1.75em;margin:-.25em}.icon-search{width:.9287109375em}.icon-arrow-left{width:.8928571428571428em}.icon-arrow-right{width:.8214285714285714em}.icon-arrow-down,.icon-arrow-up{width:.9285714285714285em}.icon-check-circle,.icon-ex-circle,.icon-external-link{width:.8571428571428571em}.icon-readmore{width:.7142857142857142em}.icon-desktop,.icon-laptop{width:1.0714285714285714em}.icon-tablet{width:.6428571428571428em}.icon-mobile{width:.42857142857142855em}.icon-code{width:1.0714285714285714em}.icon-fork{width:.5714285714285714em}.icon-code-file{width:.8571428571428571em}.icon-cart-plus{width:.9285714285714285em}.icon-languages{height:1em;width:2.75em;vertical-align:-8%}.icon-translations{height:1.6em;vertical-align:middle}dl{margin:16px 0}dt{font-weight:700}.notbold dt{font-weight:400}[dir=ltr] dd{margin-left:32px}[dir=rtl] dd{margin-right:32px}dd+dt{margin-top:8px}dl.paragraph-like dd+dt{margin-top:1em}ol li,ul li{margin-bottom:8px}.linklist,.linklist li{margin:0;padding:0;list-style:none}.linklist a{display:block;padding:4px 16px;border-bottom:1px solid #ddd;border-bottom:1px solid var(--line-grey);text-decoration:none}.linklist a svg{height:.65em}.linklist a:focus svg,.linklist a:hover svg{color:#c0272d;color:var(--faded-red)}.linklist a:focus .visual-a,.linklist a:hover .visual-a{text-decoration:underline}.linklist li:last-child a{border-bottom:none}.nolist,.nolist li{margin:0;padding:0}.nolist li{list-style:none}p+ol,p+ul{margin-top:-8px}.columns{padding:0}[dir=ltr] .columns>*{margin-left:32px}[dir=rtl] .columns>*{margin-right:32px}.four.columns,.two.columns{grid-column-gap:32px;-webkit-column-gap:32px;column-gap:32px}@media (min-width:35em){.four.columns,.two.columns{-webkit-columns:2;columns:2}}.four.columns{padding:0 8px}@media (min-width:60em){.four.columns{-webkit-columns:4;columns:4}}.two.small.columns{grid-column-gap:32px;-webkit-column-gap:32px;column-gap:32px}@media (min-width:35em){.two.small.columns{-webkit-columns:1;columns:1}}@media (min-width:60em){.two.small.columns{-webkit-columns:2;columns:2}}.info{background-color:#eed009;background-color:var(--gold);background-image:linear-gradient(180deg,#eed009,color(#eed009 blackness(15%)));background-image:linear-gradient(180deg,var(--gold),color(var(--gold) blackness(15%)));background-size:100% 20%;background-repeat:no-repeat;background-position:bottom;font-weight:700;text-align:center}[dir=ltr] .info svg{margin-right:8px}[dir=rtl] .info svg{margin-left:8px}.info svg{font-size:2em;vertical-align:middle;margin-top:-.14em}#controls{background-color:#f2f2f2;background-color:var(--off-white);padding:0 8px}@media (min-width:35em){[dir=ltr] #controls{text-align:right}[dir=rtl] #controls{text-align:left}}#controls{font-size:.8125em}#controls>ul{padding:0;margin:0}@media (min-width:35em){#controls>ul{grid-column-start:navigation;grid-column-end:content}}[dir=ltr] #controls>ul>li{margin-left:4px}[dir=rtl] #controls>ul>li{margin-right:4px}[dir=ltr] #controls>ul>li{padding-left:4px}[dir=rtl] #controls>ul>li{padding-right:4px}#controls>ul>li{display:inline;list-style:none;margin:0;padding:0}@media (min-width:35em){[dir=ltr] #controls>ul>li{margin-left:8px}[dir=rtl] #controls>ul>li{margin-right:8px}[dir=ltr] #controls>ul>li{padding-left:8px}[dir=rtl] #controls>ul>li{padding-right:8px}#controls>ul>li{margin:0;padding:0}}[dir=ltr] #controls>ul>li{border-left:1px solid #036}[dir=rtl] #controls>ul>li{border-right:1px solid #036}[dir=ltr] #controls>ul>li{border-left:1px solid var(--w3c-blue)}[dir=rtl] #controls>ul>li{border-right:1px solid var(--w3c-blue)}#controls>ul>li:first-child{border-left:0;border-right:0;margin:0;padding:0}#controls a{color:#036;color:var(--w3c-blue);text-decoration:none;padding:2px 0}#controls a:focus,#controls a:hover{border-bottom:none;text-decoration:underline}@media print{#controls{display:none}}#controls [hidden]{display:none!important}.languagelist>ul{display:inline;margin:0;padding:0}.languagelist>ul>li{border:none;padding:0;margin:0;display:inline-block}[dir=ltr] .languagelist>ul>li:first-child{margin-right:4px}[dir=rtl] .languagelist>ul>li:first-child{margin-left:4px}.languagelist>ul>li:first-child:before{display:none;margin:0}[dir=ltr] .languagelist>ul>li:before{margin-right:4px}[dir=rtl] .languagelist>ul>li:before{margin-left:4px}.languagelist>ul>li:before{content:"";display:inline-block;background-color:#005a9c;width:4px;height:4px;margin:0;margin-top:-4px;vertical-align:middle}#showoptions{display:inline}.mainnav{position:relative;font-size:14px;font-size:.875rem;border-top:1px solid #005a9c;border-top:1px solid var(--w3c-classic);border-bottom:1px solid #005a9c;border-bottom:1px solid var(--w3c-classic);background-color:#036;background-color:var(--w3c-blue);display:none}.mainnav.open{display:block}@media (min-width:35em){.mainnav{display:block}}@media print{.mainnav{display:none}}.mainnav>ul{width:100%;max-width:1268px;padding:0;margin:0 auto!important;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-wrap:wrap;flex-wrap:wrap}@media (min-width:35em){.mainnav>ul{-ms-flex-wrap:nowrap;flex-wrap:nowrap}}.mainnav>ul>li{display:block;position:relative;-ms-flex-preferred-size:50%;flex-basis:50%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1}.mainnav>ul>li.active{background:#036;background:var(--w3c-blue)}.mainnav>ul>li.active>a>span{border-bottom:2px solid #eed009!important;border-bottom:2px solid var(--gold)!important}.mainnav>ul>li>a{text-decoration:none;display:block;width:100%;height:100%;color:#fff;color:var(--pure-white);text-align:center;min-height:44px;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-bottom:#005a9c;border-bottom:var(--w3c-classic)}.mainnav>ul>li>a>span{display:block;border-bottom:2px solid transparent}.mainnav>ul>li>a:focus,.mainnav>ul>li>a:hover{background-color:#091832;background-color:var(--dk-blue)}.mainnav>ul>li>a:focus>span,.mainnav>ul>li>a:hover>span,.mainnav>ul>li>a[aria-current=location]>span,.mainnav>ul>li>a[aria-current=page]>span{border-bottom:2px solid #eed009;border-bottom:2px solid var(--gold)}.mainnav>ul>li>a[aria-current=location]:focus>span,.mainnav>ul>li>a[aria-current=location]:hover>span,.mainnav>ul>li>a[aria-current=page]:focus>span,.mainnav>ul>li>a[aria-current=page]:hover>span{border-bottom:2px solid #fff;border-bottom:2px solid var(--pure-white)}[dir=ltr] .mainnav>ul>li+li>a{border-left:1px solid #235a97}[dir=rtl] .mainnav>ul>li+li>a{border-right:1px solid #235a97}@media (min-width:60em){#openmenu{display:none}}@media print{#openmenu{display:none}}@media (min-width:35em){.page-home #openmenu{display:none}}[dir=ltr] .metanav{text-align:right}[dir=rtl] .metanav{text-align:left}.metanav{width:100%;display:none;font-size:.85em}.metanav.open{display:block}@media (min-width:35em){.metanav{display:block}}@media print{.metanav{display:none}}.metanav a{text-decoration:none}.metanav a:focus,.metanav a:hover,.metanav a[aria-current=page]{text-decoration:underline}.metanav>ul{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.metanav>ul li{display:inline-block;padding-left:8px;padding-right:8px}@media (min-width:35em){.metanav>ul li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.metanav>ul li:first-child{border:0}.metanav>ul li:last-child{margin-bottom:0;padding:0;border:0}.metanav>ul li a{position:relative;min-height:24px;padding-top:10px;padding-bottom:10px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.metanav>ul li a:after,.metanav>ul li a:before{position:absolute;top:12px;left:-8px;bottom:12px;width:1px;background-color:#eed009;background-color:var(--gold)}[dir=ltr] .metanav>ul li a:before,[dir=rtl] .metanav>ul li a:after{content:""}@media (min-width:35em){[dir=ltr] .metanav>ul li a{text-align:right}[dir=rtl] .metanav>ul li a{text-align:left}.metanav>ul li a{width:100%}}[dir=ltr] .metanav>ul li:first-child a:before,[dir=rtl] .metanav>ul li:nth-last-child(2) a:after{display:none}.metanav form[role=search]{background-color:#036;background-color:var(--w3c-blue);border:1px solid #fff;border:1px solid var(--pure-white)}.metanav form[role=search]>div{display:-webkit-box;display:-ms-flexbox;display:flex}.metanav form[role=search] label{text-transform:none;font-weight:400}.metanav form[role=search] input{box-sizing:border-box;-webkit-appearance:none;background-color:transparent;border:0;border-radius:0;color:#f2f2f2;color:var(--off-white);height:100%;padding:5px;margin:0;width:10em}.metanav form[role=search] input:focus{color:#fff;color:var(--pure-white)}.metanav form[role=search] input::-webkit-search-decoration{display:none}.metanav form[role=search] input::-webkit-search-cancel-button,.metanav form[role=search] input::-webkit-search-results-button{-webkit-filter:invert(100%);filter:invert(100%)}.metanav form[role=search] button{display:block;margin:0}.metanav form[role=search] ::-webkit-input-placeholder{color:#fff;color:var(--pure-white);font-style:italic;opacity:1}.metanav form[role=search] :-moz-placeholder,.metanav form[role=search] ::-moz-placeholder{color:#fff;color:var(--pure-white);font-style:italic;opacity:1}.metanav form[role=search] :-ms-input-placeholder{color:#fff;color:var(--pure-white);font-style:italic;opacity:1}.navigations{position:relative;grid-column-start:6;grid-column-end:-2;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.navigations .nava11y{display:block}.mainnav>ul,.metanav>ul{margin:0;padding:0}.mainnav>ul>li,.metanav>ul>li{list-style:none;margin:0}.teaser.news{background-color:#fff;background-color:var(--pure-white)}.announce-box{background-color:#fafafa;background-color:var(--lt-off-white);border:1px solid #ddd;border:1px solid var(--line-grey);border-top:1px;border-bottom:1px;border-left:0;border-right:0;padding:10px 25px!important}.announce-box+.announce-box{border-top:0}.announce-box>:first-child{margin-top:0}.announce-box>:last-child{margin-bottom:0}.notes{font-size:.85em}.notes strong:first-child{font-weight:700;color:#005a6a;color:var(--wai-green)}.pager{background-color:#fff;background-color:var(--pure-white);border:1px solid #ddd;border:1px solid var(--line-grey);margin-top:32px}.pager>ul{box-sizing:border-box;-ms-flex-line-pack:center;align-content:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0;padding:8px}.pager--item,.pager>ul{display:-webkit-box;display:-ms-flexbox;display:flex}.pager--item{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%}.pager--item:only-child{-ms-flex-preferred-size:100%;flex-basis:100%}.pager--item{list-style:none;margin:0}.pager--item a:link{color:#005a6a;color:var(--wai-green);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:1;-ms-flex:1 100%;flex:1 100%;text-decoration:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.pager--item a:visited{color:#606;color:var(--visited-link)}.pager--item a:focus,.pager--item a:hover{color:#036;color:var(--w3c-blue)}.pager--item a:active{color:#005a6a;color:var(--wai-green)}[dir=ltr] .pager--item.next a{text-align:right}[dir=rtl] .pager--item.next a{text-align:left}.pager--item.next a{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.pager--item-icon{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:33px}[dir=ltr] .pager--item-text{margin-right:8px}[dir=ltr] .pager--item-text,[dir=rtl] .pager--item-text{margin-left:8px}[dir=rtl] .pager--item-text{margin-right:8px}.pager--item-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 auto;flex:1 auto;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.pager--item-text-direction{color:#1d1d1d;color:var(--off-black);font-size:12px;font-size:.75rem}.pager--item-text-target{font-size:16px;font-size:1rem;line-height:1}.pagination{margin:0;margin-top:16px;margin-bottom:16px;padding-top:16px;border-top:2px solid #ddd;border-top:2px solid var(--line-grey)}.pagination ul{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;margin:0;padding:0;list-style:none;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}[dir=ltr] .pagination li{margin-left:8px}[dir=rtl] .pagination li{margin-right:8px}.pagination .like-a,.pagination a{padding:8px 16px;border-radius:4px;border:2px solid #ddd;border:2px solid var(--line-grey)}.pagination .is-active .like-a{background-color:#036;background-color:var(--w3c-blue);border-color:#036;border-color:var(--w3c-blue);color:#fff;color:var(--pure-white)}.pagination a:focus,.pagination a:hover{background-color:#ddd;background-color:var(--line-grey)}.quote{background-color:#005a6a;background-color:var(--wai-green);border-radius:5px;color:#fff;color:var(--pure-white);padding:22px}.quote--block{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:0;padding:0}.quote--block-text{font-size:20px;font-style:italic;line-height:1.25;margin:0;padding:0}.quote--block-text:before{content:open-quote}.quote--block-text:after{content:close-quote}.quote--block-cite{font-size:15px;font-weight:500;margin:0;margin-top:9px}.quote--block-cite a{color:#fafafc;color:var(--body-bg)}.related-content{background-color:#fff;background-color:var(--pure-white);border:1px solid #ddd;border:1px solid var(--line-grey);-webkit-box-flex:1;-ms-flex:1 100%;flex:1 100%;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;margin:50px}.related-content,.related-content--head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal}.related-content--head{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#f2f2f2;background-color:var(--off-white);border-box-end:1px solid #ddd;border-box-end:1px solid var(--line-grey);-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;height:48px}[dir=ltr] .related-content--head-icon{margin-right:10px}[dir=rtl] .related-content--head-icon{margin-left:10px}[dir=ltr] .related-content--head-icon{margin-left:19px}[dir=rtl] .related-content--head-icon{margin-right:19px}.related-content--head-icon{height:22px;width:22px}.related-content--head-heading{border:none;color:#036;color:var(--w3c-blue);-webkit-box-flex:1;-ms-flex:1 100%;flex:1 100%;font-size:20px;margin:0;padding:0}.related-content--content{margin:0;padding:0}.related-content--content-list{list-style:none;margin:22px;padding:0}.related-content--content-list li{font-size:14px;line-height:2.2em}.sidenav{grid-area:navigation;margin-bottom:24px;display:none}.sidenav.open{display:block;margin-top:16px}@media (min-width:60em){.sidenav{display:block}}@media print{.sidenav{display:none}}.sidenav--head{background-color:#036;background-color:var(--w3c-blue);border:2px solid #036;border:2px solid var(--w3c-blue);border-width:0 5px;padding:16px 24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;border-bottom:none;font-weight:700}[dir=ltr] .sidenav--head-icon{margin-left:-16px}[dir=rtl] .sidenav--head-icon{margin-right:-16px}.sidenav--head-icon{padding-bottom:.3em}[dir=ltr] .sidenav--head-icon--inner{float:left}[dir=rtl] .sidenav--head-icon--inner{float:right}[dir=ltr] .sidenav--head-icon--inner{margin-right:8px}[dir=rtl] .sidenav--head-icon--inner{margin-left:8px}.sidenav--head-icon--inner{width:47px;height:48px}.sidenav--head-section{color:#fff;color:var(--pure-white);text-transform:uppercase;letter-spacing:.7px;font-size:11px;font-size:.6875rem;font-weight:700}.sidenav--head-subsection{color:#fff;color:var(--pure-white);font-size:22px;font-size:1.375rem}[dir=ltr] .sidenav--list{border-left-width:5px}[dir=rtl] .sidenav--list{border-right-width:5px}[dir=ltr] .sidenav--list{border-right-width:0}[dir=rtl] .sidenav--list{border-left-width:0}.sidenav--list{background-color:#036;background-color:var(--w3c-blue);border:2px solid #036;border:2px solid var(--w3c-blue);border-bottom:5px;border-top:0;margin:0;padding:0;font-size:13px;font-size:.8125rem}.sidenav--list a{display:-webkit-box;display:-ms-flexbox;display:flex;box-sizing:border-box;padding:8px 24px;min-height:44px;color:#fff;color:var(--pure-white);text-decoration:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.sidenav--list a:focus,.sidenav--list a:hover{text-decoration:underline;background-color:#f2f2f2;background-color:var(--off-white);color:#005a6a;color:var(--wai-green)}.sidenav--list a:focus{outline-color:#eed009;outline-color:var(--gold)}.sidenav--list a span.lang{font-weight:400}.sidenav--list li a{border-top:1px solid #005a9c;border-top:1px solid var(--w3c-classic)}.sidenav--list{.sidenav-head+&{border-top:none}}[dir=ltr] .sidenav--list ul{padding-left:24px}[dir=rtl] .sidenav--list ul{padding-right:24px}.sidenav--list ul{padding:0;margin:0}.sidenav--list a+ul{display:none}.sidenav--list a[aria-current]+ul{display:block}.sidenav--list li{margin:0;padding:0;list-style:none}.sidenav--list ul li:first-child a{border-top-color:transparent}.sidenav--list a[aria-current=location]{padding-bottom:4px;font-weight:700}.sidenav--list a[aria-current=page]{font-weight:700;color:#005a6a;color:var(--wai-green);background-color:#fafafc;background-color:var(--body-bg);position:relative}.sidenav--list a[aria-current=page]:after,.sidenav--list a[aria-current=page]:before{position:absolute;content:"";width:0;height:0;left:auto;right:0}[dir=rtl] .sidenav--list a[aria-current=page]:after,[dir=rtl] .sidenav--list a[aria-current=page]:before{left:0;right:auto}.sidenav--list a[aria-current=page]:after,.sidenav--list a[aria-current=page]:before{border:1px solid #fff;border:1px solid var(--pure-white);opacity:.9}.sidenav--list a[aria-current=page]:before{top:-2px;border-color:transparent #fff #fff transparent;border-color:transparent var(--pure-white) var(--pure-white) transparent}[dir=rtl] .sidenav--list a[aria-current=page]:before{border-color:transparent transparent #fff #fff;border-color:transparent transparent var(--pure-white) var(--pure-white)}.sidenav--list a[aria-current=page]:after{bottom:-2px;border-color:#fff #fff transparent transparent;border-color:var(--pure-white) var(--pure-white) transparent transparent}[dir=rtl] .sidenav--list a[aria-current=page]:after{border-color:#fff transparent transparent #fff;border-color:var(--pure-white) transparent transparent var(--pure-white)}.sidenav-languages{font-size:13px;font-size:.8125rem;margin-top:32px;margin-top:2rem;border-radius:3px;border:2px solid #eed009;border:2px solid var(--gold);background-color:#fff;background-color:var(--pure-white)}.sidenav-languages header{border-bottom:2px solid #eed009;border-bottom:2px solid var(--gold);padding:8px 27px;font-weight:700}[dir=ltr] .sidenav-languages .langlist{padding-left:27px}[dir=rtl] .sidenav-languages .langlist{padding-right:27px}.sidenav-languages .langlist{list-style-position:inside;list-style-type:square;color:#005a9c;color:var(--w3c-classic)}.sidenav-languages .langlist li{margin-bottom:2px}[dir=ltr] .sidenav-languages p{padding-left:27px}[dir=rtl] .sidenav-languages p{padding-right:27px}[dir=ltr] .sidenav-languages p{padding-right:0}[dir=rtl] .sidenav-languages p{padding-left:0}.sidenav-languages p{padding-top:4px;padding-bottom:4px;margin:0;border-top:1px solid #eed009}[dir=ltr] caption,[dir=ltr] table{text-align:left}[dir=rtl] caption,[dir=rtl] table{text-align:right}table{border:1px solid #ddd;border:1px solid var(--line-grey);border-collapse:collapse;margin-bottom:2em}caption{font-weight:700;font-size:18px;font-size:1.125rem;color:#005a6a;color:var(--wai-green);line-height:1.4;margin-bottom:8px}td,th{padding:12px 18px;border:1px solid #ddd;border:1px solid var(--line-grey);vertical-align:top}.dense td,.dense th{padding:2px 4px}th{font-weight:700;color:#fff;color:var(--pure-white);background-color:#005a6a;background-color:var(--wai-green)}th a{color:inherit}th a:focus,th a:hover{color:#eed009;color:var(--gold)}th a:visited{color:inherit}td>:first-child,td>:last-child,th>:first-child,th>:last-child{margin-top:0}.hyphenated{-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.teaser.audiences-inline .title{display:block;font-size:36px;font-size:2.25rem}.making-web-accessible{text-align:center;border-bottom:1px solid #ddd;border-bottom:1px solid var(--line-grey);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.making-web-accessible [hidden]{display:none!important}.making-web-accessible .inner.hidesection{position:relative;-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}[dir=ltr] .making-web-accessible .making-web-accessible-box{text-align:left}[dir=rtl] .making-web-accessible .making-web-accessible-box{text-align:right}[dir=ltr] .making-web-accessible .making-web-accessible-box{padding-right:20px}[dir=rtl] .making-web-accessible .making-web-accessible-box{padding-left:20px}[dir=ltr] .making-web-accessible .making-web-accessible-box{padding-left:105px}[dir=rtl] .making-web-accessible .making-web-accessible-box{padding-right:105px}.making-web-accessible .making-web-accessible-box{padding-top:32px;padding-bottom:0}[dir=ltr] .making-web-accessible .mwa-icon{margin-left:-85px}[dir=rtl] .making-web-accessible .mwa-icon{margin-right:-85px}.making-web-accessible .mwa-icon{width:65px;height:65px;float:left}.making-web-accessible .title{display:block;font-size:36px;font-size:2.25rem}.making-web-accessible .teaser-h h2{margin:0}.making-web-accessible h3{margin-top:10px;font-size:24px;font-size:1.5rem;margin-bottom:0}.making-web-accessible p{margin-bottom:0}[dir=ltr] .making-web-accessible .showhidebutton{float:right}[dir=rtl] .making-web-accessible .showhidebutton{float:left}.making-web-accessible .showhidebutton{position:absolute;top:-1.35em;right:0}.teaser.media-inline .title{display:block;font-size:36px;font-size:2.25rem}.white-bg{background-color:#fff;background-color:var(--pure-white)}.bordered{border:0;border-color:#ddd;border-color:var(--line-grey)}.teaser.news-teaser .title{display:block;font-size:36px;font-size:2.25rem}.teaser.resource-inline .title{display:block;font-size:36px;font-size:2.25rem}.teaser{padding-top:32px;padding-bottom:32px}.teaser.featured{background-size:cover;background-position:50%}.teaser.featured .teaser-c{background-color:hsla(0,0%,100%,.9);border-top:5px solid #c0272d;border-top:5px solid var(--faded-red);padding:16px 32px;display:block}.teaser-h h2,.teaser-h h3,.teaser-h h4,.teaser-h h5,.teaser-h h6{margin:0;margin-bottom:16px;padding:0;border:none;color:#005a6a;color:var(--wai-green);font-size:16px;font-size:1rem;line-height:1.2}.teaser-h h2.title,.teaser-h h3.title,.teaser-h h4.title,.teaser-h h5.title,.teaser-h h6.title{font-size:24px;font-size:1.5rem;margin:0;margin-top:10px;margin-bottom:20px}@media (min-width:35em){.teaser-h h2.title,.teaser-h h3.title,.teaser-h h4.title,.teaser-h h5.title,.teaser-h h6.title{font-size:2rem}}@media (min-width:60em){.teaser-h h2.title,.teaser-h h3.title,.teaser-h h4.title,.teaser-h h5.title,.teaser-h h6.title{font-size:2.375rem}}.teaser-h .subtitle{font-weight:700;margin:0;font-size:14px;font-size:.875rem;color:#1d1d1d;color:var(--off-black)}[dir=ltr] .teaser-h-icon{margin-right:10px}[dir=rtl] .teaser-h-icon{margin-left:10px}.teaser-h-icon{height:1em;width:1em;vertical-align:middle}.teaser-h-icon.full{display:block;height:1.8em;width:1.8em}.teaser-tip{text-align:center}.teaser-tip .teaser-h h2{font-size:28px;font-size:1.75rem}.teaser-tip .teaser-h svg{display:block;margin:0 auto;height:1.75em;width:1.75em}.teaser-tip .fakelink{margin:0 auto}.fakelink{text-decoration:underline;position:relative}[dir=ltr] .fakelink svg{margin-left:5px}[dir=rtl] .fakelink svg{margin-right:5px}.fakelink svg{width:.75em;height:.75em}@media (min-width:35em){.teaser-about p{font-size:1.25rem}}@media (min-width:60em){.teaser-about p{font-size:1.5rem}}.teaser-about p{color:#686868;color:var(--grey)}.teaser-about .teaser-h h2{font-weight:700}.teaser-media{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fff;background-color:var(--pure-white)}.teaser-sponsors{border-top:1px solid #ddd;border-top:1px solid var(--line-grey)}.area-teaser{display:block;background-color:#fff;background-color:var(--pure-white);border:1px solid #ddd;border:1px solid var(--line-grey);margin:-1px;padding:20px 32px}@media (min-width:35em){.area-teaser{padding:40px}}@media (min-width:60em){.area-teaser{padding:60px 40px}}.area-teaser .teaser-h{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.area-teaser .teaser-h h2,.area-teaser .teaser-h h3,.area-teaser .teaser-h h4,.area-teaser .teaser-h h5,.area-teaser .teaser-h h6{margin:0;font-weight:400}.area-teaser .teaser-h-icon{margin-bottom:10px}.area-teaser:focus .teaser-h>:not(svg),.area-teaser:hover .teaser-h>:not(svg){text-decoration:underline}.video-link{display:inline-block;text-decoration:none;margin:10px 0}.video-link img{-webkit-mask:url(../images/video-mask-16-9.svg);mask:url(../images/video-mask-16-9.svg);-webkit-mask-size:contain;mask-size:contain;width:240px}.video-link.ratio-43 img{-webkit-mask:url(../images/video-mask-4-3.svg);mask:url(../images/video-mask-4-3.svg)}.video-link span{display:block;text-align:center;text-decoration:underline}.video-link-small img{width:120px}.video-link-inline{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}[dir=ltr] .video-link-inline img{margin-right:1em}[dir=rtl] .video-link-inline img{margin-left:1em}.video-link-inline img{width:auto;height:2em}.video-link-inline{[dir=ltr] span{text-align:left}[dir=rtl] span{text-align:right}}.able-wrapper{margin:0;padding:0;height:auto;box-sizing:content-box!important;max-width:none!important}.able,.able-wrapper{position:relative;width:100%}.able{margin:1em 0;z-index:5000}[dir=ltr] .able-column-left{float:left}[dir=rtl] .able-column-left{float:right}[dir=ltr] .able-column-right{float:left}[dir=rtl] .able-column-right{float:right}.able .able-vidcap-container{background-color:#000;left:0;margin:0;position:relative;top:0}.able-player{font-family:inherit;background-color:#262626}.able-offscreen{position:absolute;left:-10000px}[dir=rtl] .able-offscreen{right:-10000px;left:auto}.able-offscreen{top:auto;width:1px;height:1px;overflow:hidden}.able-media-container audio{display:none!important}.able-video .able-now-playing{display:none}.able-controller{position:relative;border-top:2px solid #4c4c4c;border-bottom:2px solid #4c4c4c;background-color:#464646;min-height:38px;padding:0}.able-big-play-button,.able-poster{position:absolute;top:0;left:0}.able-big-play-button{font-size:8em;opacity:.5;filter:alpha(opacity=50);color:#fdfdfd;background-color:transparent;border:none;outline:none;padding:0;z-index:6500}.able-big-play-button:hover{opacity:1;filter:alpha(opacity=100)}.able-left-controls,.able-right-controls{overflow:visible}.able-left-controls button,.able-right-controls button{vertical-align:middle}[dir=ltr] .able-left-controls{float:left}[dir=ltr] .able-right-controls,[dir=rtl] .able-left-controls{float:right}[dir=rtl] .able-right-controls{float:left}.able-black-controls,.able-black-controls button,.able-black-controls label{color:#000!important}.able-black-controls .able-seekbar{border:2px solid #000}.able-black-controls label,.able-white-controls,.able-white-controls button{color:#fff!important}.able-white-controls .able-seekbar{border:2px solid #fff}.able-controller button{background:none;position:relative;display:inline-block;border-style:none;margin:3px;padding:0;font-size:20px;min-width:24px;outline:2px solid #464646;border:none;overflow:visible!important;z-index:6600}.able-controller button>img,.able-controller button>span{width:20px;margin:0 auto;padding:0;z-index:6700}.able-controller .buttonOff{opacity:.5;filter:alpha(opacity=50);z-index:6800}.able-controller .able-seekbar{margin:0 5px;z-index:6900}.able-controller button:focus,.able-controller button:hover{outline-style:solid;outline-width:medium}.able-controller button:hover{outline-color:#8ab839!important}.able-controller button:focus{outline-color:#ffbb37!important}.able-seekbar-wrapper{display:inline-block;vertical-align:middle}.able-seekbar{position:relative;height:.5em;border:1px solid;background-color:#000;margin:0 3px;border:2px solid #fff}.able-seekbar-loaded{background-color:#464646;z-index:5100}.able-seekbar-loaded,.able-seekbar-played{display:inline-block;position:absolute;left:0;top:0;height:.5em}.able-seekbar-played{background-color:#dadada;z-index:5200}.able-seekbar-head{display:inline-block;position:relative;left:0;top:-.45em;background-color:#fdfdfd;width:.8em;height:.8em;border:1px solid;border-radius:.8em;z-index:5500}.able-volume-slider{width:34px;height:50px;background-color:#464646;padding:10px 0;position:absolute;right:0;top:-74px;display:block;z-index:9100}.able-volume-track{display:block;position:relative;height:100%;width:5px;margin:0 auto;background-color:#999}.able-volume-track.able-volume-track-on{background-color:#dadada;position:absolute;height:20px;top:30px}.able-volume-head{display:inline-block;background-color:#fdfdfd;outline:1px solid #333;position:absolute;height:7px;width:15px;left:-5px;top:23px;z-index:9175}.able-volume-head:focus,.able-volume-head:hover{background-color:#ffbb37!important}.able-volume-help{display:none}.able-status-bar{height:1.5em;min-height:1.5em;color:#ccc;font-size:.9em;background-color:transparent;padding:.5em .5em .25em}[dir=ltr] .able-status-bar span.able-timer{text-align:left}[dir=rtl] .able-status-bar span.able-timer{text-align:right}[dir=ltr] .able-status-bar span.able-timer{float:left}[dir=rtl] .able-status-bar span.able-timer{float:right}.able-status-bar span.able-timer{width:32%}[dir=ltr] .able-status-bar span.able-speed{float:left}[dir=rtl] .able-status-bar span.able-speed{float:right}.able-status-bar span.able-speed{width:33%;text-align:center}[dir=ltr] .able-status{float:right}[dir=rtl] .able-status{float:left}.able-status{font-style:italic;width:32%;text-align:right}div.able-captions-wrapper{width:100%;margin:0;padding:0;text-align:center;line-height:1.35em;display:block;z-index:6000}div.able-captions{display:none;padding:.15em .25em;background-color:#000;font-size:1.1em;color:#fff;opacity:.75}div.able-captions-overlay{position:absolute;margin:0;bottom:0}div.able-captions-below,div.able-descriptions{position:relative;min-height:2.8em}div.able-descriptions{color:#ff6;background-color:#262626;border-top:1px solid #666;margin:0;padding:3%;width:94%;text-align:center}div.able-now-playing{text-align:center;font-weight:700;font-size:1.1em;color:#fff;background-color:transparent;padding:.5em .5em 1em}div.able-now-playing span{font-size:.9em}div.able-now-playing span span{display:block}[dir=ltr] div.able-modal-dialog{margin-left:auto}[dir=ltr] div.able-modal-dialog,[dir=rtl] div.able-modal-dialog{margin-right:auto}[dir=rtl] div.able-modal-dialog{margin-left:auto}div.able-modal-dialog{position:absolute;height:auto;max-width:90%;left:0;right:0;outline:0 none;display:none;color:#000;background-color:#fafafa;box-sizing:content-box!important;z-index:10000}div.able-modal-overlay{position:fixed;width:100%;height:100%;background-color:#000;opacity:.5;margin:0;padding:0;top:0;left:0;display:none;z-index:9500}button.modalCloseButton{position:absolute;top:5px;right:5px}[dir=ltr] button.modal-button{margin-right:5px}[dir=rtl] button.modal-button{margin-left:5px}div.able-modal-dialog button:focus,div.able-modal-dialog button:hover,div.able-modal-dialog input:focus,div.able-modal-dialog input:hover{outline-style:solid;outline-width:2px}div.able-modal-dialog button:hover,div.able-modal-dialog input:hover{outline-color:#8ab839}div.able-modal-dialog button:focus,div.able-modal-dialog input:focus{outline-color:#ffbb37}div.able-modal-dialog h1{font-weight:700;font-size:1.8em;line-height:1.2em;margin:.75em 0;color:#000;text-align:center}.able-help-div,.able-prefs-form,.able-resize-form{background-color:#f5f5f5;border:medium solid #ccc;padding:.5em 1em;margin:0 0 0 1em;width:25em;display:none}[dir=ltr] .able-prefs-form fieldset{margin-left:0}[dir=rtl] .able-prefs-form fieldset{margin-right:0}.able-prefs-form fieldset{padding-left:0;border:none}.able-prefs-form legend{color:#000;font-weight:700;font-size:1.1em}[dir=ltr] .able-prefs-form fieldset div{margin-left:1em}[dir=rtl] .able-prefs-form fieldset div{margin-right:1em}.able-prefs-form fieldset div{display:table}.able-prefs-form fieldset div input{display:table-cell;width:1em;vertical-align:middle}.able-prefs-form fieldset div label{display:table-cell;padding-left:.5em}[dir=ltr] fieldset.able-prefs-keys div{float:left}[dir=rtl] fieldset.able-prefs-keys div{float:right}[dir=ltr] fieldset.able-prefs-keys div{margin-right:1em}[dir=rtl] fieldset.able-prefs-keys div{margin-left:1em}[dir=ltr] div.able-desc-pref-prompt{margin-left:1em!important}[dir=rtl] div.able-desc-pref-prompt{margin-right:1em!important}div.able-desc-pref-prompt{font-weight:700;font-style:italic}[dir=ltr] div.able-prefDescFormat>div{margin-left:1.5em}[dir=rtl] div.able-prefDescFormat>div{margin-right:1.5em}[dir=ltr] .able-prefs-captions label,[dir=ltr] .able-prefs-captions select{float:left}[dir=rtl] .able-prefs-captions label,[dir=rtl] .able-prefs-captions select{float:right}.able-prefs-captions label,.able-prefs-captions select{display:block;margin-bottom:.25em}[dir=ltr] fieldset.able-prefs-captions label{text-align:right}[dir=rtl] fieldset.able-prefs-captions label{text-align:left}fieldset.able-prefs-captions label{width:6em;padding-right:1em}fieldset.able-prefs-captions select{width:10em;font-size:.9em;border-radius:none}.able-prefs-form div.able-captions-sample{padding:.5em;text-align:center}.able-prefs-form h2{margin-top:0;margin-bottom:.5em;font-size:1.1em}.able-prefs-form ul{margin-top:0}able-prefs-form-keyboard ul{list-style-type:none}span.able-modkey-alt,span.able-modkey-ctrl,span.able-modkey-shift{color:#666;font-style:italic}span.able-modkey{font-weight:700;color:#000;font-size:1.1em}.able-resize-form h1{font-size:1.15em}.able-resize-form div div{margin:1em}.able-resize-form label{padding-right:.5em;font-weight:700}.able-resize-form input[type=text]{font-size:1em}.able-resize-form input[readonly]{color:#aaa}.able-window-toolbar{background-color:#464646;min-height:15px;padding:10px;border-style:solid;border-width:0 0 1px}.able-draggable:hover{cursor:move}.able-window-toolbar .able-button-handler-preferences{position:absolute;top:0;right:0;font-size:1.5em;background-color:transparent;border:none;outline:none;padding:0;z-index:9300}.able-window-toolbar .able-button-handler-preferences:focus,.able-window-toolbar .able-button-handler-preferences:hover{outline-style:solid;outline-width:medium}.able-window-toolbar .able-button-handler-preferences:hover{outline-color:#8ab839!important}.able-window-toolbar .able-button-handler-preferences:focus{outline-color:#ffbb37!important}.able-window-toolbar .able-popup{position:absolute;cursor:default;right:0;top:0;display:block}.able-drag{border:2px dashed #f90;cursor:move}.able-resizable{position:absolute;width:16px;height:16px;padding:5px 0 0 5px;bottom:0;right:0;cursor:nwse-resize;background:transparent 100% 100% url(../ableplayer/images/wingrip.png) no-repeat}.able-sign-window{position:relative;margin:1em;z-index:8000}.able-sign-window video{width:100%}.able-sign-window:focus{outline:none}div.able-chapters-div{padding:0}div.able-chapters-div .able-chapters-heading{margin:1em .75em;font-size:1.1em;font-weight:700}div.able-chapters-div ul{list-style-type:none;padding-left:0}div.able-chapters-div ul li{max-width:100%;padding:0;height:2em}[dir=ltr] div.able-chapters-div button{text-align:left}[dir=rtl] div.able-chapters-div button{text-align:right}div.able-chapters-div button{width:100%;height:100%;border:none;background-color:transparent;color:#000;font-size:1em;padding:.15em 1em}div.able-chapters-div li.able-current-chapter{background-color:#000!important}div.able-chapters-div li.able-current-chapter button{color:#fff!important}div.able-chapters-div li.able-focus{background-color:#4c4c4c}div.able-chapters-div button::-moz-focus-inner,div.able-chapters-div button:focus,div.able-chapters-div button:hover{border:0;outline:none;color:#fff!important}.able-alert,.able-tooltip{position:absolute;padding:5px 10px;border-color:#000;border-width:1px;color:#000!important;background-color:#ccc;border-radius:5px;display:block}.able-alert{background-color:#ffc;box-shadow:0 0 16px #262626;z-index:9400}.able-popup{z-index:9200}.able-tooltip{z-index:9000}.able-popup{position:absolute;margin:0;padding:0;border-color:#000;border-width:1px;background-color:#000;opacity:.85;border-radius:5px;display:block;cursor:default;list-style:none}ul.able-popup{list-style-type:none}.able-popup li{padding:.25em 1em .25em .25em;margin:1px;color:#fff}.able-popup li.able-focus{background-color:#ccc;color:#000}.able-popup-captions li{padding-left:1em}.able-popup-captions li[aria-checked=true]{padding-left:0}.able-popup-captions li[aria-checked=true]:before{content:"\2713 "}.able-transcript-area{border-width:1px;border-style:solid;height:400px;z-index:7000;outline:none;padding-bottom:25px;background-color:#fff}.able-transcript{position:relative;overflow-y:scroll;padding-left:5%;padding-right:5%;background-color:#fff;height:350px}.able-transcript div{margin:1em 0}.able-transcript-heading{font-size:1.4em;font-weight:700}.able-transcript-chapter-heading{font-size:1.2em;font-weight:700}.able-transcript div.able-transcript-desc{background-color:#fee;border:thin solid #336;font-style:italic;padding:1em}.able-transcript .able-unspoken{font-weight:700}.able-transcript .able-hidden{position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}.able-highlight{background:#ff6}.able-previous{background:#000!important;font-style:italic}.able-transcript span:active,.able-transcript span:focus,.able-transcript span:hover{background:#cf6;cursor:pointer}[dir=ltr] .able-window-toolbar label{margin-right:10px}[dir=rtl] .able-window-toolbar label{margin-left:10px}.able-window-toolbar label{color:#fff}.able-controller button:focus,.able-controller button:hover,.able-controller input:focus,.able-controller input:hover,.able-seekbar-head:focus,.able-seekbar-head:hover,.able-window-toolbar input:focus,.able-window-toolbar input:hover,.able-window-toolbar select:focus,.able-window-toolbar select:hover{outline-style:solid;outline-width:2px}.able-controller button:focus,.able-controller input:focus,.able-seekbar-head:focus,.able-window-toolbar input:focus,.able-window-toolbar select:focus{outline-color:#ffbb37}.able-controller button:hover,.able-controller input:hover,.able-seekbar-head:hover,.able-window-toolbar input:hover,.able-window-toolbar select:hover{outline-color:#8ab839}[dir=ltr] .able-window-toolbar .transcript-language-select-wrapper{float:right}[dir=rtl] .able-window-toolbar .transcript-language-select-wrapper{float:left}.able-window-toolbar .transcript-language-select-wrapper{padding-right:30px}.able-player .able-playlist{font-size:.9em;list-style-type:none;margin:0;background-color:#fff;padding:5px 0}.able-player .able-playlist li{background-color:#ddd;margin:5px;padding:5px 10px;border-radius:15px;-moz-border-radius:15px}.able-player .able-playlist li:active,.able-player .able-playlist li:focus,.able-player .able-playlist li:hover{color:#fff;background-color:#340449;text-decoration:none}.able-player .able-playlist li.able-current{color:#000;background-color:#ffeeb3;font-weight:700;outline:none;text-decoration:none}.able-player .able-playlist li.able-current:after{content:" *"}.able-playlist li:active,.able-playlist li:focus,.able-playlist li:hover{text-decoration:none;color:#fff;background-color:#000}.able-playlist li.able-current{font-weight:700;text-decoration:underline}.able-playlist li.able-current:after{content:" *"}.able-search-results ul li{font-size:1.1em;margin-bottom:1em}.able-search-results-time{font-weight:700;text-decoration:underline;cursor:pointer}.able-search-results-time:active,.able-search-results-time:focus,.able-search-results-time:hover{color:#fff;background-color:#000;text-decoration:none}.able-search-results-text{padding-left:1em}.able-search-term{background-color:#ffc;font-weight:700}#able-vts-instructions{margin-bottom:1.5em;padding:1em;border:1px solid #999;width:720px;max-width:90%}#able-vts fieldset{margin:1em;border:none}#able-vts fieldset legend{color:#000;font-weight:700}[dir=ltr] #able-vts fieldset div{float:left}[dir=rtl] #able-vts fieldset div{float:right}#able-vts fieldset div{padding-right:1em}[dir=ltr] #able-vts table{clear:left}[dir=rtl] #able-vts table{clear:right}#able-vts table,#able-vts table td,#able-vts table th{border:1px solid #000;border-collapse:collapse;padding:.5em .75em}#able-vts table th.actions{min-width:140px}#able-vts table td button{width:auto;padding:0;margin:2px}#able-vts table td button svg{width:16px;height:16px}#able-vts table button:hover svg{fill:#c00}tr.kind-chapters,tr.kind-subtitles{background-color:#fff}tr.kind-descriptions{background-color:#fee}tr.kind-chapters{background-color:#e6ffe6}.able-vts-dragging{background-color:#ffc}div#able-vts-icon-credit{margin:1em}div#able-vts-alert{display:none;position:fixed;top:5px;left:5px;border:2px solid #666;background-color:#ffc;padding:1em;font-weight:700;z-index:9400}button#able-vts-save{font-size:1em;padding:.25em;border-radius:5px;margin-bottom:1em;font-weight:700}button#able-vts-save:focus,button#able-vts-save:hover{color:#fff;background-color:#060}#able-vts textarea,.able-vts-output-instructions{width:720px;max-width:90%}#able-vts textarea{height:200px}.able-clipped,.able-screenreader-alert{position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);width:1px!important;height:1px!important;overflow:hidden!important}.able-error{display:block;background:#ffc;border:2px solid #000;color:red;margin:.75em;padding:.5em}.able-fallback{display:block;text-align:center;border:2px solid #335;background-color:#eee;color:#000;font-weight:700;font-size:1.1em;padding:1em;margin-bottom:1em;max-width:500px;width:95%}[dir=ltr] .able-fallback div,[dir=ltr] .able-fallback p,[dir=ltr] .able-fallback ul{text-align:left}[dir=rtl] .able-fallback div,[dir=rtl] .able-fallback p,[dir=rtl] .able-fallback ul{text-align:right}.able-fallback li{font-weight:400}.able-fallback img{width:90%;margin:1em auto;opacity:.3}.able-fallback img.able-poster{position:relative}button svg{display:inline-block;width:1em;height:1em;fill:currentColor}@font-face{font-family:able;src:url(../ableplayer/button-icons/fonts/able.eot?dqripi);src:url(../ableplayer/button-icons/fonts/able.eot?dqripi#iefix) format("embedded-opentype"),url(../ableplayer/button-icons/fonts/able.ttf?dqripi) format("truetype"),url(../ableplayer/button-icons/fonts/able.woff?dqripi) format("woff"),url(../ableplayer/button-icons/fonts/able.svg?dqripi#able) format("svg");font-weight:400;font-style:normal}[class*=" icon-"],[class^=icon-]{font-family:able!important;speak:none;font-style:normal;font-weight:400;-webkit-font-feature-settings:normal;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-play:before{content:"\f04b"}.icon-pause:before{content:"\f04c"}.icon-stop:before{content:"\f04d"}.icon-restart:before{content:"\e900"}.icon-rewind:before{content:"\e603"}.icon-forward:before{content:"\e604"}.icon-previous:before{content:"\e901"}.icon-next:before{content:"\e902"}.icon-slower:before{content:"\f0dd"}.icon-faster:before{content:"\f0de"}.icon-turtle:before{content:"\e904"}.icon-rabbit:before{content:"\e905"}.icon-ellipsis:before{content:"\e903"}.icon-pipe:before{content:"\e600"}.icon-captions:before{content:"\e601"}.icon-descriptions:before{content:"\e602"}.icon-sign:before{content:"\e60a"}.icon-volume-mute:before{content:"\e606"}.icon-volume-soft:before{content:"\e60c"}.icon-volume-medium:before{content:"\e605"}.icon-volume-loud:before{content:"\e60b"}.icon-volume-up:before{content:"\e607"}.icon-volume-down:before{content:"\e608"}.icon-chapters:before{content:"\e609"}.icon-transcript:before{content:"\f15c"}.icon-preferences:before{content:"\e60d"}.icon-close:before{content:"\f00d"}.icon-fullscreen-expand:before{content:"\f065"}.icon-fullscreen-collapse:before{content:"\f066"}.icon-help:before{content:"\f128"}pre{white-space:pre-wrap}.highlight{font-size:14px;color:#036;color:var(--w3c-blue);-moz-tab-size:2;-o-tab-size:2;tab-size:2;-webkit-font-feature-settings:"liga","clig off";font-feature-settings:"liga","clig off";-webkit-font-variant-ligatures:no-common-ligatures;font-variant-ligatures:no-common-ligatures}.highlight .c{color:#3b3b3b;color:var(--dk-grey)}.highlight .err,.highlight .g{color:#036;color:var(--w3c-blue)}.highlight .k{color:#005a6a;color:var(--wai-green)}.highlight .l,.highlight .n{color:#036;color:var(--w3c-blue)}.highlight .o{color:#005a6a;color:var(--wai-green)}.highlight .x{color:#c0272d;color:var(--faded-red)}.highlight .p{color:#036;color:var(--w3c-blue)}.highlight .cm{color:#3b3b3b;color:var(--dk-grey)}.highlight .cp{color:#005a6a;color:var(--wai-green)}.highlight .c1{color:#3b3b3b;color:var(--dk-grey)}.highlight .cs,.highlight .gd{color:#005a6a;color:var(--wai-green)}.highlight .ge{color:#036;color:var(--w3c-blue);font-weight:700}.highlight .gh,.highlight .gr{color:#c0272d;color:var(--faded-red)}.highlight .gi{color:#005a6a;color:var(--wai-green)}.highlight .go,.highlight .gp,.highlight .gs{color:#036;color:var(--w3c-blue)}.highlight .gs{font-weight:700}.highlight .gu{color:#c0272d;color:var(--faded-red)}.highlight .gt{color:#036;color:var(--w3c-blue)}.highlight .kc{color:#c0272d;color:var(--faded-red)}.highlight .kd{color:#005a9c;color:var(--w3c-classic)}.highlight .kn,.highlight .kp{color:#005a6a;color:var(--wai-green)}.highlight .kr{color:#005a9c;color:var(--w3c-classic)}.highlight .kt{color:#c0272d;color:var(--faded-red)}.highlight .ld{color:#036;color:var(--w3c-blue)}.highlight .m,.highlight .s{color:#005a6a;color:var(--wai-green)}.highlight .na{color:#036;color:var(--w3c-blue)}.highlight .nb{color:#c0272d;color:var(--faded-red)}.highlight .nc{color:#005a9c;color:var(--w3c-classic)}.highlight .no{color:#c0272d;color:var(--faded-red)}.highlight .nd{color:#005a9c;color:var(--w3c-classic)}.highlight .ne,.highlight .ni{color:#c0272d;color:var(--faded-red)}.highlight .nf{color:#005a9c;color:var(--w3c-classic)}.highlight .nl,.highlight .nn,.highlight .nx,.highlight .py{color:#036;color:var(--w3c-blue)}.highlight .nt,.highlight .nv{color:#005a9c;color:var(--w3c-classic)}.highlight .ow{color:#005a6a;color:var(--wai-green)}.highlight .w{color:#036;color:var(--w3c-blue)}.highlight .mf,.highlight .mh,.highlight .mi,.highlight .mo{color:#005a6a;color:var(--wai-green)}.highlight .sb{color:#3b3b3b;color:var(--dk-grey)}.highlight .sc{color:#005a6a;color:var(--wai-green)}.highlight .sd{color:#036;color:var(--w3c-blue)}.highlight .s2{color:#005a6a;color:var(--wai-green)}.highlight .se{color:#c0272d;color:var(--faded-red)}.highlight .sh{color:#036;color:var(--w3c-blue)}.highlight .si,.highlight .sx{color:#005a6a;color:var(--wai-green)}.highlight .sr{color:#c0272d;color:var(--faded-red)}.highlight .s1,.highlight .ss{color:#005a6a;color:var(--wai-green)}.highlight .bp,.highlight .vc,.highlight .vg,.highlight .vi{color:#005a9c;color:var(--w3c-classic)}.highlight .il{color:#005a6a;color:var(--wai-green)}:not(.highlight) code{-webkit-font-feature-settings:"liga","clig off";font-feature-settings:"liga","clig off";-webkit-font-variant-ligatures:no-common-ligatures;font-variant-ligatures:no-common-ligatures;color:#036;color:var(--w3c-blue)}
1
+ :root{--w3c-classic:#005a9c;--w3c-blue:#036;--wai-green:#005a6a;--off-black:#1d1d1d;--dk-grey:#3b3b3b;--faded-red:#c0272d;--light-blue:#196cac;--dk-blue:#091832;--gold:#eed009;--gold-light:rgba(238,208,9,.35);--ocean:#00818d;--cloudy:#bccbd3;--grey:#686868;--line-grey:#ddd;--trans-line-grey:hsla(0,0%,87%,.32);--off-white:#f2f2f2;--body-bg:#fafafc;--lt-off-white:#fafafa;--pure-white:#fff;--white-transparent:hsla(0,0%,100%,.92);--visited-link:#606;--footer-grey:#efefef}.no-display,.visuallyhidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.no-display.focusable:active,.no-display.focusable:focus,.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;-webkit-clip-path:none;clip-path:none;height:auto;margin:0;overflow:visible;position:static;width:auto;white-space:inherit}@font-face{font-family:Noto Sans;src:url(../fonts/notosans/notosans-regular.woff2) format("woff2"),url(../fonts/notosans/notosans-regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Noto Sans;src:url(../fonts/notosans/notosans-italic.woff2) format("woff2"),url(../fonts/notosans/notosans-italic.woff) format("woff");font-weight:400;font-style:italic}@font-face{font-family:Noto Sans;src:url(../fonts/notosans/notosans-bold.woff2) format("woff2"),url(../fonts/notosans/notosans-bold.woff) format("woff");font-weight:600;font-style:normal}@font-face{font-family:Noto Sans;src:url(../fonts/notosans/notosans-bolditalic.woff2) format("woff2"),url(../fonts/notosans/notosans-bolditalic.woff) format("woff");font-weight:600;font-style:italic}@font-face{font-family:Noto Sans Mono;src:url(../fonts/notosansmono/notosansmono-semicondensed.woff2) format("woff2"),url(../fonts/notosansmono/notosansmono-semicondensed.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Noto Sans Mono;src:url(../fonts/notosansmono/notosansmono-semicondensedbold.woff2) format("woff2"),url(../fonts/notosansmono/notosansmono-semicondensedbold.woff) format("woff");font-weight:600;font-style:normal}@font-face{font-family:Noto Naskh Arabic Minimal;src:url(../fonts/notonaskh/regular-minimal.woff2) format("woff2"),url(../fonts/notonaskh/regular-minimal.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Noto Naskh Arabic Minimal;src:url(../fonts/notonaskh/bold-minimal.woff2) format("woff2"),url(../fonts/notonaskh/bold-minimal.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:Noto Naskh Arabic;src:url(../fonts/notonaskh/regular.woff2) format("woff2"),url(../fonts/notonaskh/regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Noto Naskh Arabic;src:url(../fonts/notonaskh/bold.woff2) format("woff2"),url(../fonts/notonaskh/bold.woff) format("woff");font-weight:700;font-style:normal}html{background-color:#f2f2f2;background-color:var(--off-white)}@media print{html{background-color:#fff}}body{font-family:Noto Sans,Trebuchet MS,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-size:16px;font-size:1rem;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;background-color:#fafafc;background-color:var(--body-bg);color:#1d1d1d;color:var(--off-black);padding:0;padding:constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);margin:0 auto;max-width:1250px}@supports (display:grid){body{max-width:none;margin:0}}@media print{body{color:#000;background-color:#fff;font-size:10pt;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}}body:lang(ar){font-family:Noto Naskh Arabic,Noto Sans,Trebuchet MS,Helvetica Neue,Arial,sans-serif}body:not(:lang(ar)) :lang(ar){font-family:Noto Naskh Arabic Minimal,Noto Sans,Trebuchet MS,Helvetica Neue,Arial,sans-serif}code{font-size:1em;font-family:Noto Sans Mono,monospace}a{color:#036;color:var(--w3c-blue)}a:focus,a:hover{color:#005a6a;color:var(--wai-green)}a:visited{color:#606;color:var(--visited-link)}a.stealthy-link{text-decoration:none}a.stealthy-link:focus,a.stealthy-link:hover,a.stealthy-link:visited{color:inherit}@media print{a{color:#000}a[href^="#"]:after{content:"(⇘ " attr(href) ")"}a[href^=http]:after{content:" (" attr(href) ")"}a[href^="/WAI/"]:after{content:" (https://www.w3.org" attr(href) ")"}}[tabindex]:not([tabindex="-1"]),a,button,input,select,submit,textarea{outline:2px solid transparent;outline-offset:5px;transition:outline-offset .2s linear}[tabindex]:not([tabindex="-1"]):focus,a:focus,button:focus,input:focus,select:focus,submit:focus,textarea:focus{outline-color:currentColor;outline-offset:2px}.default-container,.default-grid{padding:0 32px}@media (min-width:35em){.default-container,.default-grid{padding:0}}.default-grid{padding:0 16px}@media (min-width:60em){[dir=ltr] .default-grid{padding-left:32px}[dir=ltr] .default-grid,[dir=rtl] .default-grid{padding-right:32px}[dir=rtl] .default-grid{padding-left:32px}.default-grid{padding:0;display:-webkit-box;display:-ms-flexbox;display:flex}@supports (display:grid){.default-grid{display:grid;grid-column-gap:32px;padding:0;max-width:none;grid-template-columns:[complete-start] minmax(16px,1fr) [navigation-start] repeat(2,minmax(0,130px)) [navigation-end content-start] repeat(6,minmax(0,130px)) [content-end] minmax(16px,1fr) [complete-end]}}.default-grid .inner{grid-column-start:navigation-start;grid-column-end:content-end}}@media print{.default-grid{display:block}}@media (min-width:60em){[dir=ltr] .grid-3{padding-left:32px}[dir=ltr] .grid-3,[dir=rtl] .grid-3{padding-right:32px}[dir=rtl] .grid-3{padding-left:32px}.grid-3{display:-webkit-box;display:-ms-flexbox;display:flex}@supports (display:grid){.grid-3{display:grid;grid-column-gap:32px;padding:0;max-width:none;grid-template-columns:repeat(3,minmax(0,1fr))}}.grid-3.nogap{grid-column-gap:0}}.grid-3 .col1,.grid-3 .from-col1{grid-column-start:1}.grid-3 .col1,.grid-3 .to-col1{grid-column-end:2}.grid-3 .col2,.grid-3 .from-col2{grid-column-start:2}.grid-3 .col2,.grid-3 .to-col2{grid-column-end:3}.grid-3 .col3,.grid-3 .from-col3{grid-column-start:3}.grid-3 .col3,.grid-3 .to-col3{grid-column-end:4}@media (min-width:60em){[dir=ltr] .grid-4{padding-left:32px}[dir=ltr] .grid-4,[dir=rtl] .grid-4{padding-right:32px}[dir=rtl] .grid-4{padding-left:32px}.grid-4{display:-webkit-box;display:-ms-flexbox;display:flex}@supports (display:grid){.grid-4{display:grid;grid-column-gap:32px;padding:0;max-width:none;grid-template-columns:repeat(4,minmax(0,1fr))}}.grid-4.nogap{grid-column-gap:0}}.grid-4 .col1,.grid-4 .from-col1{grid-column-start:1}.grid-4 .col1,.grid-4 .to-col1{grid-column-end:2}.grid-4 .col2,.grid-4 .from-col2{grid-column-start:2}.grid-4 .col2,.grid-4 .to-col2{grid-column-end:3}.grid-4 .col3,.grid-4 .from-col3{grid-column-start:3}.grid-4 .col3,.grid-4 .to-col3{grid-column-end:4}.grid-4 .col4,.grid-4 .from-col4{grid-column-start:4}.grid-4 .col4,.grid-4 .to-col4{grid-column-end:5}@media (min-width:60em){[dir=ltr] .grid-6{padding-left:32px}[dir=ltr] .grid-6,[dir=rtl] .grid-6{padding-right:32px}[dir=rtl] .grid-6{padding-left:32px}.grid-6{display:-webkit-box;display:-ms-flexbox;display:flex}@supports (display:grid){.grid-6{display:grid;grid-column-gap:32px;padding:0;max-width:none;grid-template-columns:repeat(6,minmax(0,1fr))}}}.grid-6 .col1,.grid-6 .from-col1{grid-column-start:1}.grid-6 .col1,.grid-6 .to-col1{grid-column-end:2}.grid-6 .col2,.grid-6 .from-col2{grid-column-start:2}.grid-6 .col2,.grid-6 .to-col2{grid-column-end:3}.grid-6 .col3,.grid-6 .from-col3{grid-column-start:3}.grid-6 .col3,.grid-6 .to-col3{grid-column-end:4}.grid-6 .col4,.grid-6 .from-col4{grid-column-start:4}.grid-6 .col4,.grid-6 .to-col4{grid-column-end:5}.grid-6 .col5,.grid-6 .from-col5{grid-column-start:5}.grid-6 .col5,.grid-6 .to-col5{grid-column-end:6}.grid-6 .col6,.grid-6 .from-col6{grid-column-start:6}.grid-6 .col6,.grid-6 .to-col6{grid-column-end:7}.grid-6 .col1,.grid-6 .col2,.grid-6 .col3,.grid-6 .col4,.grid-6 .col5,.grid-6 .col6,.grid-6 .from-col2,.grid-6 .from-col3,.grid-6 .from-col4,.grid-6 .from-col5,.grid-6 .from-col6,.grid-6.from-col1{-ms-flex-preferred-size:25%;flex-basis:25%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}[dir=ltr] .grid-6 .col2,[dir=ltr] .grid-6 .col3,[dir=ltr] .grid-6 .col4,[dir=ltr] .grid-6 .col5,[dir=ltr] .grid-6 .col6,[dir=ltr] .grid-6 .from-col2,[dir=ltr] .grid-6 .from-col3,[dir=ltr] .grid-6 .from-col4,[dir=ltr] .grid-6 .from-col5,[dir=ltr] .grid-6 .from-col6{margin-left:32px}[dir=rtl] .grid-6 .col2,[dir=rtl] .grid-6 .col3,[dir=rtl] .grid-6 .col4,[dir=rtl] .grid-6 .col5,[dir=rtl] .grid-6 .col6,[dir=rtl] .grid-6 .from-col2,[dir=rtl] .grid-6 .from-col3,[dir=rtl] .grid-6 .from-col4,[dir=rtl] .grid-6 .from-col5,[dir=rtl] .grid-6 .from-col6{margin-right:32px}@supports (display:grid){[dir=ltr] .grid-6 .col2,[dir=ltr] .grid-6 .col3,[dir=ltr] .grid-6 .col4,[dir=ltr] .grid-6 .col5,[dir=ltr] .grid-6 .col6,[dir=ltr] .grid-6 .from-col2,[dir=ltr] .grid-6 .from-col3,[dir=ltr] .grid-6 .from-col4,[dir=ltr] .grid-6 .from-col5,[dir=ltr] .grid-6 .from-col6{margin-left:0}[dir=rtl] .grid-6 .col2,[dir=rtl] .grid-6 .col3,[dir=rtl] .grid-6 .col4,[dir=rtl] .grid-6 .col5,[dir=rtl] .grid-6 .col6,[dir=rtl] .grid-6 .from-col2,[dir=rtl] .grid-6 .from-col3,[dir=rtl] .grid-6 .from-col4,[dir=rtl] .grid-6 .from-col5,[dir=rtl] .grid-6 .from-col6{margin-right:0}}.grid-6.from-col1.to-col6{width:100%}[dir=ltr] .grid-three-five .col1,[dir=ltr] .grid-three-five .col2{padding-left:16px}[dir=ltr] .grid-three-five .col1,[dir=ltr] .grid-three-five .col2,[dir=rtl] .grid-three-five .col1,[dir=rtl] .grid-three-five .col2{padding-right:16px}[dir=rtl] .grid-three-five .col1,[dir=rtl] .grid-three-five .col2{padding-left:16px}@media (min-width:35em){[dir=ltr] .grid-three-five{padding-left:32px}[dir=ltr] .grid-three-five,[dir=rtl] .grid-three-five{padding-right:32px}[dir=rtl] .grid-three-five{padding-left:32px}.grid-three-five{display:-webkit-box;display:-ms-flexbox;display:flex}@supports (display:grid){.grid-three-five{display:grid;grid-column-gap:32px;padding:0;max-width:none;grid-template-columns:[complete-start] 0 [three-start five-start] 1fr [three-end five-end] 0 [complete-end]}@media (min-width:35em){.grid-three-five{grid-template-columns:[complete-start] minmax(16px,1fr) [three-start] repeat(3,minmax(0,130px)) [three-end five-start] repeat(5,minmax(0,130px)) [five-end] minmax(16px,1fr) [complete-end]}}}.grid-three-five .col1,.grid-three-five .col2{padding:0}}.grid-three-five .col1,.grid-three-five .col2{-ms-flex-negative:1;flex-shrink:1}[dir=ltr] .grid-three-five .col1{margin-right:32px}[dir=rtl] .grid-three-five .col1{margin-left:32px}.grid-three-five .col1{-ms-flex-preferred-size:35%;flex-basis:35%;grid-column-start:three-start;grid-column-end:three-end}@supports (display:grid){[dir=ltr] .grid-three-five .col1{margin-right:0}[dir=rtl] .grid-three-five .col1{margin-left:0}}.grid-three-five .col2{-ms-flex-preferred-size:61%;flex-basis:61%;grid-column-start:five-start;grid-column-end:five-end}.grid-three-five .col12{-ms-flex-preferred-size:100%;flex-basis:100%;grid-column-start:three-start;grid-column-end:five-end}[dir=ltr] .grid-five-three .col1,[dir=ltr] .grid-five-three .col2{padding-left:16px}[dir=ltr] .grid-five-three .col1,[dir=ltr] .grid-five-three .col2,[dir=rtl] .grid-five-three .col1,[dir=rtl] .grid-five-three .col2{padding-right:16px}[dir=rtl] .grid-five-three .col1,[dir=rtl] .grid-five-three .col2{padding-left:16px}@media (min-width:35em){[dir=ltr] .grid-five-three{padding-left:32px}[dir=ltr] .grid-five-three,[dir=rtl] .grid-five-three{padding-right:32px}[dir=rtl] .grid-five-three{padding-left:32px}.grid-five-three{display:-webkit-box;display:-ms-flexbox;display:flex}@supports (display:grid){.grid-five-three{display:grid;grid-column-gap:32px;padding:0;max-width:none;grid-template-columns:[complete-start] 0 [three-start five-start] 1fr [three-end five-end] 0 [complete-end]}@media (min-width:35em){.grid-five-three{grid-template-columns:[complete-start] minmax(16px,1fr) [five-start] repeat(5,minmax(0,130px)) [five-end three-start] repeat(3,minmax(0,130px)) [three-end] minmax(16px,1fr) [complete-end]}}}.grid-five-three .col1,.grid-five-three .col2{padding:0}}.grid-five-three .col1,.grid-five-three .col2{-ms-flex-negative:1;flex-shrink:1}[dir=ltr] .grid-five-three .col1{margin-right:32px}[dir=rtl] .grid-five-three .col1{margin-left:32px}.grid-five-three .col1{-webkit-box-flex:1;-ms-flex:1 1 62%;flex:1 1 62%;grid-column-start:five-start;grid-column-end:five-end}@supports (display:grid){[dir=ltr] .grid-five-three .col1{margin-right:0}[dir=rtl] .grid-five-three .col1{margin-left:0}}.grid-five-three .col2{-webkit-box-flex:1;-ms-flex:1 1 37%;flex:1 1 37%;grid-column-start:three-start;grid-column-end:three-end}.grid-five-three .col12{-ms-flex-preferred-size:100%;flex-basis:100%;grid-column-start:five-start;grid-column-end:three-end}[dir=ltr] .grid-4q{padding-left:32px}[dir=ltr] .grid-4q,[dir=rtl] .grid-4q{padding-right:32px}[dir=rtl] .grid-4q{padding-left:32px}.grid-4q{display:-webkit-box;display:-ms-flexbox;display:flex}@supports (display:grid){.grid-4q{display:grid;grid-column-gap:32px;padding:0;max-width:none;grid-template-columns:[complete-start] 0 [q1-start q2-start q3-start q4-start] 1fr [q1-end q2-end q3-end q4-end] 0 [complete-end]}@media (min-width:60em){.grid-4q{grid-template-columns:[complete-start] minmax(16px,1fr) [content-start q1-start] repeat(2,minmax(0,130px)) [q1-end q2-start] repeat(2,minmax(0,130px)) [q2-end q3-start] repeat(2,minmax(0,130px)) [q3-end q4-start] repeat(2,minmax(0,130px)) [q4-end content-end] minmax(16px,1fr) [complete-end]}}}.grid-4q.nogap{grid-template-columns:[complete-start] 0 [q1-start q2-start q3-start q4-start] 1fr [q1-end q2-end q3-end q4-end] 0 [complete-end]}@media (min-width:60em){.grid-4q.nogap{grid-template-columns:[complete-start] minmax(16px,1fr) [content-start q1-start] repeat(2,minmax(0,158px)) [q1-end q2-start] repeat(2,minmax(0,158px)) [q2-end q3-start] repeat(2,minmax(0,158px)) [q3-end q4-start] repeat(2,minmax(0,158px)) [q4-end content-end] minmax(16px,1fr) [complete-end]}}.grid-4q.nogap{grid-column-gap:0}[dir=ltr] .grid-4q .q1-start{margin-right:32px}[dir=rtl] .grid-4q .q1-start{margin-left:32px}.grid-4q .q1-start{-ms-flex-preferred-size:25%;flex-basis:25%;-ms-flex-negative:1;flex-shrink:1;grid-column-start:q1-start}[dir=ltr] .grid-4q .q2-start{margin-right:32px}[dir=rtl] .grid-4q .q2-start{margin-left:32px}.grid-4q .q2-start{-ms-flex-preferred-size:25%;flex-basis:25%;-ms-flex-negative:1;flex-shrink:1;grid-column-start:q2-start}[dir=ltr] .grid-4q .q3-start{margin-right:32px}[dir=rtl] .grid-4q .q3-start{margin-left:32px}.grid-4q .q3-start{-ms-flex-preferred-size:25%;flex-basis:25%;-ms-flex-negative:1;flex-shrink:1;grid-column-start:q3-start}[dir=ltr] .grid-4q .q4-start{margin-right:32px}[dir=rtl] .grid-4q .q4-start{margin-left:32px}.grid-4q .q4-start{-ms-flex-preferred-size:25%;flex-basis:25%;-ms-flex-negative:1;flex-shrink:1;grid-column-start:q4-start}.grid-4q .q1-end{grid-column-end:q1-end}.grid-4q .q2-end{grid-column-end:q2-end}.grid-4q .q3-end{grid-column-end:q3-end}[dir=ltr] .grid-4q .q4-end{margin-right:0}[dir=rtl] .grid-4q .q4-end{margin-left:0}.grid-4q .q4-end{grid-column-end:q4-end}.grid-4q .q1-start.q2-end,.grid-4q .q2-start.q3-end,.grid-4q .q3-start.q4-end{-ms-flex-preferred-size:50%;flex-basis:50%}.grid-4q .q1-start.q3-end,.grid-4q .q2-start.q4-end{-ms-flex-preferred-size:75%;flex-basis:75%}[dir=ltr] .grid-4q.nogap .q1-start,[dir=ltr] .grid-4q.nogap .q2-start,[dir=ltr] .grid-4q.nogap .q3-start,[dir=ltr] .grid-4q.nogap .q4-start{margin-right:0}[dir=rtl] .grid-4q.nogap .q1-start,[dir=rtl] .grid-4q.nogap .q2-start,[dir=rtl] .grid-4q.nogap .q3-start,[dir=rtl] .grid-4q.nogap .q4-start{margin-left:0}@supports(display:grid){[dir=ltr] .grid-4q .q1-start,[dir=ltr] .grid-4q .q2-start,[dir=ltr] .grid-4q .q3-start,[dir=ltr] .grid-4q .q4-start{margin-right:0}[dir=rtl] .grid-4q .q1-start,[dir=rtl] .grid-4q .q2-start,[dir=rtl] .grid-4q .q3-start,[dir=rtl] .grid-4q .q4-start{margin-left:0}}.leftcol nav{-ms-flex-preferred-size:24.25%;flex-basis:24.25%;-ms-flex-negative:0;flex-shrink:0}[dir=ltr] .leftcol main{margin-left:32px}[dir=rtl] .leftcol main{margin-right:32px}.leftcol main{grid-area:content;-webkit-box-flex:1;-ms-flex:1;flex:1}@supports (display:grid){[dir=ltr] .leftcol main{margin-left:0}[dir=rtl] .leftcol main{margin-right:0}}@media (min-width:35em){[dir=ltr] .grid-line-right{border-right:1px solid #ddd}[dir=rtl] .grid-line-right{border-left:1px solid #ddd}[dir=ltr] .grid-line-right{border-right:1px solid var(--line-grey)}[dir=rtl] .grid-line-right{border-left:1px solid var(--line-grey)}[dir=ltr] .grid-line-right{margin-right:-17px!important}[dir=rtl] .grid-line-right{margin-left:-17px!important}[dir=ltr] .grid-line-right{padding-right:17px!important}[dir=rtl] .grid-line-right{padding-left:17px!important}}@media (min-width:35em){[dir=ltr] .grid-line-left{border-left:1px solid #ddd}[dir=rtl] .grid-line-left{border-right:1px solid #ddd}[dir=ltr] .grid-line-left{border-left:1px solid var(--line-grey)}[dir=rtl] .grid-line-left{border-right:1px solid var(--line-grey)}[dir=ltr] .grid-line-left{margin-left:-16px!important}[dir=rtl] .grid-line-left{margin-right:-16px!important}[dir=ltr] .grid-line-left{padding-left:16px!important}[dir=rtl] .grid-line-left{padding-right:16px!important}}.able-media-container,.media-wrapper{position:relative;padding-top:56.25%}.able-media-container .img,.able-media-container iframe,.able-media-container video,.media-wrapper .img,.media-wrapper iframe,.media-wrapper video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none}.contentarea{position:relative}[dir=ltr] img.symbol{float:right}[dir=rtl] img.symbol{float:left}[dir=ltr] img.symbol{margin-left:1em}[dir=rtl] img.symbol{margin-right:1em}img.symbol{margin-bottom:1em}main img{max-width:100%}figure{margin:0 0 1em}figcaption{font-weight:700;border-bottom:1px solid #ddd;border-bottom:1px solid var(--line-grey);margin-bottom:.5em}.button,button{cursor:pointer;border-radius:5px;display:inline-block;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:8px 12px;border:2px solid #005a6a;border:2px solid var(--wai-green);font-size:13px;font-size:.8125rem;line-height:1.4;background-color:#005a6a;background-color:var(--wai-green);text-decoration:none;font-weight:700}.button,.button:visited,button,button:visited{color:#fff;color:var(--pure-white)}.button.button-nobg,button.button-nobg{background:transparent}.button.button-nobg:focus,.button.button-nobg:hover,button.button-nobg:focus,button.button-nobg:hover{background-color:transparent;border-color:#fff;border-color:var(--pure-white)}.button.button-noborder,button.button-noborder{border-color:transparent}.button.button-noborder:focus,.button.button-noborder:hover,button.button-noborder:focus,button.button-noborder:hover{border-color:#fff;border-color:var(--pure-white)}.button.button-small,button.button-small{padding:2px 4px}.button.button-inline,button.button-inline{padding:0}.button:focus,.button:hover,.stealthy-link:focus span.button,.stealthy-link:hover span.button,button:focus,button:hover{background-color:#036;background-color:var(--w3c-blue);color:#fff;color:var(--pure-white)}.button:focus,.button:hover,button:focus,button:hover{border-color:#036;border-color:var(--w3c-blue)}.button:focus,button:focus{outline-color:#036;outline-color:var(--w3c-blue)}.button:disabled,button:disabled{opacity:.75;text-decoration:line-through}.button-secondary{background-color:#fff;background-color:var(--pure-white);color:#005a6a;color:var(--wai-green)}.button-secondary:visited{color:#036;color:var(--w3c-blue)}.button-secondary:visited:focus,.button-secondary:visited:hover{color:#fff;color:var(--pure-white)}.button-backtotop{position:fixed;cursor:pointer;bottom:16px;right:16px;left:auto}[dir=rtl] .button-backtotop{right:auto;left:16px}.button-backtotop{opacity:.85;border-radius:100px;background-color:#036;background-color:var(--w3c-blue);border-color:#036;border-color:var(--w3c-blue);box-shadow:0 2px 4px 0 rgba(0,0,0,.5);opacity:0;transition:opacity .5s linear}.button-backtotop.active,.button-backtotop:focus{opacity:1}.button-backtotop svg{vertical-align:-1px}[dir=ltr] .button-backtotop.inline{float:right}[dir=rtl] .button-backtotop.inline{float:left}.button-backtotop.inline{position:static}.button-menu{text-transform:uppercase;background-color:#fff;background-color:var(--pure-white);color:#036;color:var(--w3c-blue);border-color:#eed009;border-color:var(--gold)}.button-menu:focus,.button-menu:hover{border-color:#fff;border-color:var(--pure-white);background-color:#eed009;background-color:var(--gold);color:#1d1d1d;color:var(--off-black)}.button-group{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -8px}.button-group .button,.button-group button{min-width:7em;-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center;margin:8px}[dir=ltr] img.left{float:left}[dir=rtl] img.left{float:right}[dir=ltr] img.left{margin-right:1em}[dir=rtl] img.left{margin-left:1em}[dir=ltr] img.right{clear:right}[dir=rtl] img.right{clear:left}[dir=ltr] img.right{float:right}[dir=rtl] img.right{float:left}[dir=ltr] img.right{margin-left:1em}[dir=rtl] img.right{margin-right:1em}mark{background-color:rgba(238,208,9,.35);background-color:var(--gold-light)}p{margin:1em 0}.showhidebutton{display:inline;background:transparent;color:inherit;border-color:transparent;font-weight:400}[dir=ltr] .showhidebutton:after{margin-left:.5em}[dir=rtl] .showhidebutton:after{margin-right:.5em}.showhidebutton:after{display:inline-block;background-color:#036;background-color:var(--w3c-blue);color:#fff;color:var(--pure-white);content:"–";font-weight:700;padding:.3em;border-radius:3px;width:1em;height:1em;line-height:1em}.showhidebutton:focus:after,.showhidebutton:hover:after{color:#036;color:var(--w3c-blue);background-color:#fff!important;background-color:var(--pure-white)!important}.showhidebutton[aria-expanded=false]:after{content:"+"}blockquote{font-style:italic;margin-bottom:1em}blockquote cite{display:block;font-style:normal;padding-left:32px;padding-left:2rem}[dir=ltr] blockquote cite:before{margin-left:-32px;margin-left:-2rem}[dir=rtl] blockquote cite:before{margin-right:-32px;margin-right:-2rem}blockquote cite:before{content:"— ";font-weight:700;width:32px;width:2rem;display:inline-block}[dir=ltr] blockquote p:first-of-type:before{margin-left:-.75ch}[dir=rtl] blockquote p:first-of-type:before{margin-right:-.75ch}blockquote p:first-of-type:before{content:"“"}blockquote p:last-of-type{margin-bottom:0}blockquote p:last-of-type:after{content:"”"}blockquote.special{text-align:center}[dir=ltr] blockquote.pull{margin-left:64px;margin-left:4rem}[dir=rtl] blockquote.pull{margin-right:64px;margin-right:4rem}[dir=ltr] blockquote.pull{border-left:2px solid #ddd}[dir=rtl] blockquote.pull{border-right:2px solid #ddd}[dir=ltr] blockquote.pull{border-left:2px solid var(--line-grey)}[dir=rtl] blockquote.pull{border-right:2px solid var(--line-grey)}blockquote.pull{position:relative;font-size:20px;font-size:1.25rem;padding-left:1ch;border:1px solid transparent;color:#036;color:var(--w3c-blue);font-weight:700}blockquote.pull.left,blockquote.pull.right{max-width:256px;max-width:16rem}[dir=ltr] blockquote.pull.right{float:right}[dir=ltr] blockquote.pull.left,[dir=rtl] blockquote.pull.right{float:left}[dir=rtl] blockquote.pull.left{float:right}[dir=ltr] blockquote.pull.left{margin-right:32px;margin-right:2rem}[dir=rtl] blockquote.pull.left{margin-left:32px;margin-left:2rem}[dir=ltr] blockquote.pull p:first-of-type:before{margin-left:-1.25ch}[dir=rtl] blockquote.pull p:first-of-type:before{margin-right:-1.25ch}blockquote.pull p:first-of-type:before{font-size:80px;font-size:5rem;position:absolute;left:0;top:-.25ch}blockquote.pull cite{margin-top:8px;margin-top:.5rem;font-size:16px;font-size:1rem;font-weight:400;color:#1d1d1d;color:var(--off-black)}blockquote.pull.alt-1{color:#005a9c;color:var(--w3c-classic)}blockquote.pull.alt-2{color:#005a6a;color:var(--wai-green)}blockquote.pull.alt-3{color:#1d1d1d;color:var(--off-black)}.box{border:1px solid #ddd;border:solid 1px var(--line-grey);margin-top:16px;background-color:#fff;background-color:var(--pure-white)}.box+.box#toc{margin-top:0;border-top:0}.box.box-space-above{margin-top:90px}.box-h{padding:8px 16px;color:#005a6a;color:var(--wai-green)}@media print{.box-h{color:#000}}.box-h{font-weight:700;background-color:#f2f2f2;background-color:var(--off-white)}.box-h h1,.box-h h2,.box-h h3,.box-h h4,.box-h h5,.box-h h6{border:none;font-size:inherit;color:inherit;margin:0;padding:0;font-weight:inherit;display:inline-block}@supports (all:unset){.box-h h1,.box-h h2,.box-h h3,.box-h h4,.box-h h5,.box-h h6{all:unset}}.box-h-large{font-size:20px;font-size:1.25rem;color:#036;color:var(--w3c-blue);padding-bottom:7px;font-weight:400;border-bottom:1px solid #ddd;border-bottom:solid 1px var(--line-grey)}[dir=ltr] .box-h-icon svg{margin-right:4px}[dir=rtl] .box-h-icon svg{margin-left:4px}.box-i:after,.box-i:before{content:" ";display:table}.box-i:after{clear:both}.box-i{padding:8px 16px;font-size:14/16 * 16px;font-size:14/16 * 1rem}.box-i>:first-child{margin-top:0}.box-i>:last-child{margin-bottom:0}.box.box-list .box-i ol,.box.box-list .box-i ul{margin:0;padding:0;list-style:none}.box.box-linklist .box-i{padding:0}.box.box-simple .box-i{padding:2px 8px 8px}.box.box-simple .box-h-simple{padding:8px 8px 2px;background-color:transparent;line-height:1.57}.box.box-simple.box-aside .box-i,.box.box-simple .box-h-simple{font-size:14px;font-size:.875rem}@media (min-width:35em){.box.box-left,.box.box-right{width:33%;margin-top:-9px}.box.box-left.box-simple,.box.box-right.box-simple{margin-top:-3px}[dir=ltr] .box.box-left{clear:left}[dir=rtl] .box.box-left{clear:right}[dir=ltr] .box.box-left{float:left}[dir=rtl] .box.box-left{float:right}[dir=ltr] .box.box-left{margin-right:1em}[dir=rtl] .box.box-left{margin-left:1em}[dir=ltr] .box.box-right{clear:right}[dir=rtl] .box.box-right{clear:left}[dir=ltr] .box.box-right{float:right}[dir=rtl] .box.box-right{float:left}[dir=ltr] .box.box-right{margin-left:1em}[dir=rtl] .box.box-right{margin-right:1em}}.breadcrumb{font-size:13px;font-size:.8125rem;background-color:#fff;background-color:var(--pure-white);border-bottom:1px solid #ddd;border-bottom:1px solid var(--line-grey);padding-top:16px;padding-bottom:16px;margin-bottom:32px}.breadcrumb ul{margin:0;padding:0;grid-column:2/10}.breadcrumb ul li{display:inline-block;margin:0;padding:0}.breadcrumb ul li:after{content:" / ";color:#005a6a;color:var(--wai-green);white-space:pre-wrap}.breadcrumb ul li:last-child:after{content:"";display:none}.breadcrumb a{color:#036;color:var(--w3c-blue)}@media print{.breadcrumb a:after{content:""}}.breadcrumb [aria-current=page]{font-weight:700;text-decoration:none}.content{display:grid;grid-area:content;grid-template-columns:repeat(6,minmax(0,120px));grid-column-gap:32px}.content>*{grid-column:1/5;grid-auto-flow:dense}.content{&>.ref-side,>& .aside,>& .demo-side{grid-column:5/7;font-size:14px;font-size:.875rem;line-height:1.2}&>.ref-side p:first-of-type,>& .aside p:first-of-type,>& .demo-side p:first-of-type{margin-top:0}}.content.wide{grid-template-columns:repeat(8,minmax(0,120px));grid-column-start:navigation;grid-column-end:content}.content.wide>*{grid-column:3/9}.content.wide .sn-contents{grid-column:1/3;grid-row:1/99}[dir=ltr] .example-bar{padding-left:32px}[dir=ltr] .example-bar,[dir=rtl] .example-bar{padding-right:32px}[dir=rtl] .example-bar{padding-left:32px}.example-bar{display:-webkit-box;display:-ms-flexbox;display:flex}@supports (display:grid){.example-bar{display:grid;grid-column-gap:32px;padding:0;max-width:none}}.example-bar{grid-template-columns:repeat(6,minmax(0,1fr))}.example-bar>*{grid-column:2/7}[dir=ltr] .example-bar .eg{border-right:2px solid #005a6a}[dir=rtl] .example-bar .eg{border-left:2px solid #005a6a}[dir=ltr] .example-bar .eg{border-right:2px solid var(--wai-green)}[dir=rtl] .example-bar .eg{border-left:2px solid var(--wai-green)}.example-bar .eg{grid-column:1/2;grid-row:1/99;text-align:right;padding:0 8px;font-weight:700;font-style:italic;color:#005a6a;color:var(--wai-green)}[dir=ltr] .example-sheet{padding-right:32px}[dir=rtl] .example-sheet{padding-left:32px}.example-sheet{display:-webkit-box;display:-ms-flexbox;display:flex;padding-inlne-start:32px}@supports (display:grid){.example-sheet{display:grid;grid-column-gap:32px;padding:0;max-width:none}}.example-sheet{grid-template-columns:repeat(6,minmax(0,1fr))}.example-sheet .example-sheet-inner{grid-column:2/6;background-color:#fff;background-color:var(--pure-white);padding:16px 32px}.decision-tree{list-style:none;margin:1em 0;padding:0}.decision-tree>li>strong{display:block;padding:1em .5em}.decision-tree>li>ul{padding:0;list-style:none}@supports (display:flex){.decision-tree>li>ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}}.decision-tree>li>ul>li{text-indent:0;box-sizing:border-box;font-weight:400}@supports (display:flex){.decision-tree>li>ul>li{-ms-flex-preferred-size:25%;flex-basis:25%}}.decision-tree>li>ul>li{padding:.5em;//:1px solid #aaa}@supports (display:flex){.decision-tree>li>ul>li:nth-child(odd){-ms-flex-preferred-size:75%;flex-basis:75%}}.decision-tree>li>ul>li:nth-child(odd):last-child{display:block;-ms-flex-preferred-size:100%;flex-basis:100%}.decision-tree>li>ul>li ul{padding:0;margin:0}.decision-tree>li>ul>li li{padding:0;padding-bottom:.5em;margin-bottom:.5em;border-bottom:1px solid #3b3b3b;border-bottom:1px solid var(--dk-grey);list-style:none}.decision-tree>li>ul>li li>em{display:block;padding-left:1.5em;position:relative;margin-top:.25em;font-style:normal}[dir=ltr] .decision-tree>li>ul>li li>em:before{margin-left:-1.5em}[dir=rtl] .decision-tree>li>ul>li li>em:before{margin-right:-1.5em}.decision-tree>li>ul>li li>em:before{position:absolute;content:"";top:.2em}.decision-tree>li>ul>li li:last-child{border-bottom-style:none;padding-bottom:0;margin-bottom:0}.decision-tree .yes{background-color:color(#036 lightness(95%));background-color:color(var(--w3c-blue) lightness(95%));border-bottom:none}[dir=ltr] .decision-tree .yes li{margin-left:1em}[dir=rtl] .decision-tree .yes li{margin-right:1em}.decision-tree .yes li{list-style:disc}.decision-tree .yes li:only-child{list-style:none}.decision-tree .no{background-color:color(#c0272d lightness(85%));background-color:color(var(--faded-red) lightness(85%));border-bottom:none;position:relative}[dir=ltr] .decision-tree .no:after{margin-left:-8px;margin-left:-.5rem}[dir=rtl] .decision-tree .no:after{margin-right:-8px;margin-right:-.5rem}.decision-tree .no:after{top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:hsla(0,0%,47%,0);border-top-color:color(#c0272d lightness(85%));border-top-color:color(var(--faded-red) lightness(85%));border-width:16px;border-width:1rem;z-index:500}.doc-archived h1:before{content:"Archived"}.doc-draft h1:before{content:"Draft"}.doc-note-translation{font-size:13px;font-size:.8125rem}.doc-note-translation p{margin-top:5px;margin-bottom:5px}.doc-note-translation p:first-of-type{margin-top:0}.doc-note-translation p:last-child{margin-bottom:0}[dir=ltr] .doc-note h1:before{margin-right:8px}[dir=rtl] .doc-note h1:before{margin-left:8px}.doc-note h1:before{background-color:#eed009;background-color:var(--gold);color:#091832;color:var(--dk-blue);display:inline-block;padding:4px 8px;margin-top:-8px;font-size:14px;font-size:.875rem;text-transform:uppercase;letter-spacing:1px;font-weight:700;vertical-align:middle;border-radius:3px}.doc-note-box{border:2px solid #eed009;border:2px solid var(--gold);padding:8px;background-color:#fff;background-color:var(--pure-white);margin-bottom:20px}.doc-note-box p:first-child{margin-top:0}.doc-note-box p:last-child{margin-bottom:0}details{padding-left:32px;padding-left:2rem}[dir=ltr] summary{margin-left:-32px;margin-left:-2rem}[dir=rtl] summary{margin-right:-32px;margin-right:-2rem}summary{cursor:pointer;display:block}summary::-webkit-details-marker{display:none}[dir=ltr] summary>:first-child:before{margin-right:8px;margin-right:.5rem}[dir=rtl] summary>:first-child:before{margin-left:8px;margin-left:.5rem}summary>:first-child:before{content:"+";display:inline-block;border-radius:5px;width:20.8px;width:1.3rem;height:20.8px;height:1.3rem;line-height:.9;background:#fff;background:var(--pure-white);color:#005a6a;color:var(--wai-green);border:2px solid #005a6a;border:2px solid var(--wai-green);text-align:center;font-weight:700}summary:focus>:first-child:before,summary:hover>:first-child:before{background:#036;background:var(--w3c-blue);border-color:#036;border-color:var(--w3c-blue);color:#fff;color:var(--pure-white)}details[open]>summary>:first-child:before{content:"–"}details>div:after{content:"";display:block;clear:both}.excol-all{margin:16px 0}figure.shrink-wrap{box-sizing:border-box;background-color:#fff;background-color:var(--pure-white);width:-webkit-min-content;width:-moz-min-content;width:min-content;max-width:100%;border:1px solid #ddd;border:1px solid var(--line-grey);border-radius:3px;padding:10px}@media (min-width:47.5em){figure.shrink-wrap .figcontent{display:-webkit-box;display:-ms-flexbox;display:flex}figure.shrink-wrap .figcontent>*{-webkit-box-flex:1;-ms-flex:1;flex:1}}figure.shrink-wrap img{border:1px solid #ddd;border:1px solid var(--line-grey);max-width:none!important}figure.shrink-wrap figcaption{font-weight:400;border:none;margin:0}.page-footer,.site-footer{font-size:14px;font-size:.875rem}@media print{.page-footer,.site-footer{font-size:8pt}}.page-footer,.site-footer{padding-top:16px;padding-bottom:16px}.page-footer p:first-of-type,.site-footer p:first-of-type{margin-top:0}.page-footer p:last-of-type,.site-footer p:last-of-type{margin-bottom:0}.page-footer{margin-top:32px;background-color:#efefef;background-color:var(--footer-grey)}.page-footer .inner{grid-area:content}.site-footer{margin-top:32px;padding-top:16px;padding-bottom:16px;background-color:#3b3b3b;background-color:var(--dk-grey);color:#fff;color:var(--pure-white)}@media print{.site-footer{background-color:#efefef;background-color:var(--footer-grey);color:#3b3b3b;color:var(--dk-grey);border-top:1px solid #3b3b3b;border-top:1px solid var(--dk-grey)}}.site-footer a{color:#fff;color:var(--pure-white)}.site-footer a.largelink{color:#eed009;color:var(--gold);font-size:20px;font-size:1.25rem;text-decoration:none}@media print{.site-footer a.largelink{color:#3b3b3b;color:var(--dk-grey);font-size:12pt}}.site-footer a.largelink:focus,.site-footer a.largelink:hover{text-decoration:underline}.site-footer .footer-list-header{font-weight:700;border-bottom:1px solid hsla(0,0%,87%,.32);border-bottom:1px solid var(--trans-line-grey);padding:4px 0}.site-footer .about{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media print{.site-footer .about{grid-column-end:q4-end;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.site-footer .about p{margin:0}}@media print{.site-footer>:not(.about){display:none}}.page-footer+.site-footer{margin-top:0}.site-footer ul{margin:0;padding:0}.site-footer ul li{list-style:none}.footnotes{margin-top:60px}.footnotes ol{font-size:13.6px;font-size:.85rem}input,select,textarea{font-size:1em;font-family:inherit}input[type=search]{-webkit-appearance:none}fieldset{margin:0 0 32px;margin:0 0 2rem;padding:0}input:not([type=checkbox]):not([type=radio]),textarea{border:1px solid #686868;border:1px solid var(--grey)}input:not([type=checkbox]):not([type=radio]):focus,input:not([type=checkbox]):not([type=radio]):hover,textarea:focus,textarea:hover{border:1px solid #036;border:1px solid var(--w3c-blue)}& ::-webkit-input-placeholder{color:#767676;font-style:italic;opacity:1}& :-moz-placeholder,& ::-moz-placeholder{color:#767676;font-style:italic;opacity:1}& :-ms-input-placeholder{color:#767676;font-style:italic;opacity:1}.field{padding:4px;margin:0 0 32px;margin:0 0 2rem}.field label{display:block}.field input:not([type=checkbox]):not([type=radio]),.field textarea{display:block;box-sizing:border-box;width:100%;padding:8px}.field input:not([type=checkbox]):not([type=radio]):focus,.field textarea:focus{outline:none;border-color:#005a9c;border-color:var(--w3c-classic);background-color:#edf4fa}.field input:not([type=checkbox]):not([type=radio]):focus ::-webkit-input-placeholder,.field textarea:focus ::-webkit-input-placeholder{color:#545554}.field input:not([type=checkbox]):not([type=radio]):focus :-moz-placeholder,.field input:not([type=checkbox]):not([type=radio]):focus ::-moz-placeholder,.field textarea:focus :-moz-placeholder,.field textarea:focus ::-moz-placeholder{color:#545554}.field input:not([type=checkbox]):not([type=radio]):focus :-ms-input-placeholder,.field textarea:focus :-ms-input-placeholder{color:#545554}.field[focus-within]{background-color:#edf4fa}.field:focus-within{background-color:#edf4fa}.field[focus-within] input:focus{background-color:#fff!important;background-color:var(--pure-white)!important}.field:focus-within input:focus{background-color:#fff!important;background-color:var(--pure-white)!important}[dir=ltr] .group>.field{margin-left:32px;margin-left:2rem}[dir=rtl] .group>.field{margin-right:32px;margin-right:2rem}.group>.field{margin-bottom:8px;margin-bottom:.5rem}.radio-field{display:-webkit-box;display:-ms-flexbox;display:flex;padding:4px;margin:0 0 8px;border-radius:3px}[dir=ltr] .radio-field input{margin-right:.5em}[dir=rtl] .radio-field input{margin-left:.5em}.radio-field input{-webkit-box-flex:0;-ms-flex:0 0 1em;flex:0 0 1em;width:1em;height:1em}.radio-field input:checked+label{font-weight:700;color:#091832;color:var(--dk-blue)}.radio-field:focus,.radio-field:hover{background-color:#196cac;background-color:var(--light-blue);color:#fff}.radio-field:focus :checked+label,.radio-field:hover :checked+label{color:inherit}.radio-field label{-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%;cursor:pointer}fieldset{border:none}legend{font-size:20px;font-size:1.25rem;font-weight:700}@media (min-width:35em){.searchform{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}[dir=ltr] .searchform label{text-align:right}[dir=rtl] .searchform label{text-align:left}.searchform label{-webkit-box-flex:1;-ms-flex:1;flex:1}[dir=ltr] .searchform input{margin-left:10px}[dir=rtl] .searchform input{margin-right:10px}.searchform input{-webkit-box-flex:4;-ms-flex:4;flex:4}[dir=ltr] .searchform button{margin-left:10px}[dir=rtl] .searchform button{margin-right:10px}.searchform button{-webkit-box-flex:1;-ms-flex:1;flex:1}#site-header{background-color:#005a9c;background-color:var(--w3c-classic);color:#fff;color:var(--pure-white)}@media print{#site-header{background-color:#f2f2f2;background-color:var(--off-white);color:#000}}#site-header{padding-top:3px}@supports (display:grid){[dir=ltr] #site-header{padding-left:8px}[dir=ltr] #site-header,[dir=rtl] #site-header{padding-right:8px}[dir=rtl] #site-header{padding-left:8px}}#site-header a{color:#fff;color:var(--pure-white)}@media print{#site-header a{color:#005a9c;color:var(--w3c-classic)}}@media print{#site-header a:after{content:""}}.wai{line-height:1.2}@media (min-width:35em){.wai{vertical-align:middle;font-size:1.5625rem}}.logos{grid-column-start:2;grid-column-end:6;grid-row-start:1;padding:16px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:60%}@supports (display:grid){.logos{width:auto}}.logos .claim{font-size:14px;font-size:.875rem;font-style:italic}.logos .claim:lang(ar){font-style:normal}[dir=ltr] .logos .claim{margin-left:16px}[dir=rtl] .logos .claim{margin-right:16px}[dir=ltr] .logos .claim{padding-left:16px}[dir=rtl] .logos .claim{padding-right:16px}[dir=ltr] .logos .claim{border-left:1px solid #eed009}[dir=rtl] .logos .claim{border-right:1px solid #eed009}[dir=ltr] .logos .claim{border-left:1px solid var(--gold)}[dir=rtl] .logos .claim{border-right:1px solid var(--gold)}.logos .claim{color:#fff;color:var(--pure-white)}@media print{.logos .claim{color:#005a9c;color:var(--w3c-classic)}}.logos .claim{-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;display:none}@media (min-width:35em){.logos .claim{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}@media (min-width:23em){[dir=ltr] .home{margin-right:32px}[dir=rtl] .home{margin-left:32px}}.home{text-decoration:none;transition:color .25s ease-in .1s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@supports (display:grid){.home{-webkit-box-flex:0;-ms-flex:0;flex:0}}@media (min-width:60em){[dir=ltr] .home{margin-right:8px}[dir=rtl] .home{margin-left:8px}}.home img,.home svg{vertical-align:middle;color:inherit;fill:currentColor;height:30px}@media (min-width:35em){.home img,.home svg{height:46px}}.home{[dir=ltr] img{padding-right:8px}[dir=rtl] img{padding-left:8px}}.home.w3c{border-bottom:2px solid transparent}.home.w3c:hover{border-bottom-color:currentColor}.home .wai{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (min-width:35em){.home .wai{font-size:1.25rem}}.home .wai .wa{padding-bottom:2px}.home .wai .i{border-top:1px solid #eed009;border-top:1px solid var(--gold);padding-top:2px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.home:focus,.home:hover{text-decoration:underline;color:#eed009!important;color:var(--gold)!important}h1,h2,h3,h4,h5,h6{padding:0}h1,h2{margin:60px 0 20px}h3{margin:40px 0 20px}h4,h5,h6{margin:20px 0 10px}h1,h2,h3,h4{color:#005a6a;color:var(--wai-green)}@media print{h1,h2,h3,h4{color:#000}}h1{font-size:24px;font-size:1.5rem}@media (min-width:35em){h1{font-size:2rem}}@media (min-width:60em){h1{font-size:2.375rem}}h1{line-height:1.2;font-weight:400}h1,h1+h2{margin-top:0}h2{font-size:22px;font-size:1.375rem;line-height:1.2;font-weight:700;border-bottom:1px solid #ddd;border-bottom:1px solid var(--line-grey)}h2+h3{margin-top:0}h3,h4{font-size:18px;font-size:1.125rem;line-height:1.4}h3+h4{margin-top:0}h4{font-weight:400}h4+h5{margin-top:0}h5{font-weight:700;line-height:1.6}h5+h6{margin-top:0}h6{font-size:14px;font-size:.875rem;line-height:1.8}h1 b,h1.ap:before,h1.ex:before,h2 b,h2.ap:before,h2.ex:before,h3 b,h3.ap:before,h3.ex:before,h4 b,h4.ap:before,h4.ex:before,h5 b,h5.ap:before,h5.ex:before,h6 b,h6.ap:before,h6.ex:before{color:#036!important;color:var(--w3c-blue)!important;font-weight:700}.no-js .ex{counter-increment:a;counter-reset:b}.no-js .ex:before{content:"Example " counter(a) ": "}.no-js .ex.inap{counter-reset:none}.no-js .newap{counter-reset:b}.no-js .newex{counter-reset:a}.no-js .newexap,.no-js h2.first,.no-js h3.first{counter-reset:a b}.no-js .ap{counter-increment:b}.no-js .ap:before{content:"Approach " counter(b) ": "}[class*=" icon-"],[class^=icon-]{display:inline-block;width:1em;height:1em;stroke-width:0;stroke:currentColor;fill:currentColor}.icon-default{width:.9285714285714285em}.icon-info{width:.8571428571428571em}.icon-audio-description{width:3.5em;height:1.75em;margin:-.25em}.icon-search{width:.9287109375em}.icon-arrow-left{width:.8928571428571428em}.icon-arrow-right{width:.8214285714285714em}.icon-arrow-down,.icon-arrow-up{width:.9285714285714285em}.icon-check-circle,.icon-ex-circle,.icon-external-link{width:.8571428571428571em}.icon-readmore{width:.7142857142857142em}.icon-desktop,.icon-laptop{width:1.0714285714285714em}.icon-tablet{width:.6428571428571428em}.icon-mobile{width:.42857142857142855em}.icon-code{width:1.0714285714285714em}.icon-fork{width:.5714285714285714em}.icon-code-file{width:.8571428571428571em}.icon-cart-plus{width:.9285714285714285em}.icon-languages{height:1em;width:2.75em;vertical-align:-8%}.icon-translations{height:1.6em;vertical-align:middle}dl{margin:16px 0}dt{font-weight:700}.notbold dt{font-weight:400}[dir=ltr] dd{margin-left:32px}[dir=rtl] dd{margin-right:32px}dd+dt{margin-top:8px}dl.paragraph-like dd+dt{margin-top:1em}ol li,ul li{margin-bottom:8px}.linklist,.linklist li{margin:0;padding:0;list-style:none}.linklist a{display:block;padding:4px 16px;border-bottom:1px solid #ddd;border-bottom:1px solid var(--line-grey);text-decoration:none}.linklist a svg{height:.65em}.linklist a:focus svg,.linklist a:hover svg{color:#c0272d;color:var(--faded-red)}.linklist a:focus .visual-a,.linklist a:hover .visual-a{text-decoration:underline}.linklist li:last-child a{border-bottom:none}.nolist,.nolist li{margin:0;padding:0}.nolist li{list-style:none}p+ol,p+ul{margin-top:-8px}.columns{padding:0}[dir=ltr] .columns>*{margin-left:32px}[dir=rtl] .columns>*{margin-right:32px}.four.columns,.two.columns{grid-column-gap:32px;-webkit-column-gap:32px;column-gap:32px}@media (min-width:35em){.four.columns,.two.columns{-webkit-columns:2;columns:2}}.four.columns{padding:0 8px}@media (min-width:60em){.four.columns{-webkit-columns:4;columns:4}}.two.small.columns{grid-column-gap:32px;-webkit-column-gap:32px;column-gap:32px}@media (min-width:35em){.two.small.columns{-webkit-columns:1;columns:1}}@media (min-width:60em){.two.small.columns{-webkit-columns:2;columns:2}}.info{background-color:#eed009;background-color:var(--gold);background-image:linear-gradient(180deg,#eed009,color(#eed009 blackness(15%)));background-image:linear-gradient(180deg,var(--gold),color(var(--gold) blackness(15%)));background-size:100% 20%;background-repeat:no-repeat;background-position:bottom;font-weight:700;text-align:center}[dir=ltr] .info svg{margin-right:8px}[dir=rtl] .info svg{margin-left:8px}.info svg{font-size:2em;vertical-align:middle;margin-top:-.14em}#controls{background-color:#f2f2f2;background-color:var(--off-white);padding:0 8px}@media (min-width:35em){[dir=ltr] #controls{text-align:right}[dir=rtl] #controls{text-align:left}}#controls{font-size:.8125em}#controls>ul{padding:0;margin:0}@media (min-width:35em){#controls>ul{grid-column-start:navigation;grid-column-end:content}}[dir=ltr] #controls>ul>li{margin-left:4px}[dir=rtl] #controls>ul>li{margin-right:4px}[dir=ltr] #controls>ul>li{padding-left:4px}[dir=rtl] #controls>ul>li{padding-right:4px}#controls>ul>li{display:inline;list-style:none;margin:0;padding:0}@media (min-width:35em){[dir=ltr] #controls>ul>li{margin-left:8px}[dir=rtl] #controls>ul>li{margin-right:8px}[dir=ltr] #controls>ul>li{padding-left:8px}[dir=rtl] #controls>ul>li{padding-right:8px}#controls>ul>li{margin:0;padding:0}}[dir=ltr] #controls>ul>li{border-left:1px solid #036}[dir=rtl] #controls>ul>li{border-right:1px solid #036}[dir=ltr] #controls>ul>li{border-left:1px solid var(--w3c-blue)}[dir=rtl] #controls>ul>li{border-right:1px solid var(--w3c-blue)}#controls>ul>li:first-child{border-left:0;border-right:0;margin:0;padding:0}#controls a{color:#036;color:var(--w3c-blue);text-decoration:none;padding:2px 0}#controls a:focus,#controls a:hover{border-bottom:none;text-decoration:underline}@media print{#controls{display:none}}#controls [hidden]{display:none!important}.languagelist>ul{display:inline;margin:0;padding:0}.languagelist>ul>li{border:none;padding:0;margin:0;display:inline-block}[dir=ltr] .languagelist>ul>li:first-child{margin-right:4px}[dir=rtl] .languagelist>ul>li:first-child{margin-left:4px}.languagelist>ul>li:first-child:before{display:none;margin:0}[dir=ltr] .languagelist>ul>li:before{margin-right:4px}[dir=rtl] .languagelist>ul>li:before{margin-left:4px}.languagelist>ul>li:before{content:"";display:inline-block;background-color:#005a9c;width:4px;height:4px;margin:0;margin-top:-4px;vertical-align:middle}#showoptions{display:inline}.mainnav{position:relative;font-size:14px;font-size:.875rem;border-top:1px solid #005a9c;border-top:1px solid var(--w3c-classic);border-bottom:1px solid #005a9c;border-bottom:1px solid var(--w3c-classic);background-color:#036;background-color:var(--w3c-blue);display:none}.mainnav.open{display:block}@media (min-width:35em){.mainnav{display:block}}@media print{.mainnav{display:none}}.mainnav>ul{width:100%;max-width:1268px;padding:0;margin:0 auto!important;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-wrap:wrap;flex-wrap:wrap}@media (min-width:35em){.mainnav>ul{-ms-flex-wrap:nowrap;flex-wrap:nowrap}}.mainnav>ul>li{display:block;position:relative;-ms-flex-preferred-size:50%;flex-basis:50%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1}.mainnav>ul>li.active{background:#036;background:var(--w3c-blue)}.mainnav>ul>li.active>a>span{border-bottom:2px solid #eed009!important;border-bottom:2px solid var(--gold)!important}.mainnav>ul>li>a{text-decoration:none;display:block;width:100%;height:100%;color:#fff;color:var(--pure-white);text-align:center;min-height:44px;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-bottom:#005a9c;border-bottom:var(--w3c-classic)}.mainnav>ul>li>a>span{display:block;border-bottom:2px solid transparent}.mainnav>ul>li>a:focus,.mainnav>ul>li>a:hover{background-color:#091832;background-color:var(--dk-blue)}.mainnav>ul>li>a:focus>span,.mainnav>ul>li>a:hover>span,.mainnav>ul>li>a[aria-current=location]>span,.mainnav>ul>li>a[aria-current=page]>span{border-bottom:2px solid #eed009;border-bottom:2px solid var(--gold)}.mainnav>ul>li>a[aria-current=location]:focus>span,.mainnav>ul>li>a[aria-current=location]:hover>span,.mainnav>ul>li>a[aria-current=page]:focus>span,.mainnav>ul>li>a[aria-current=page]:hover>span{border-bottom:2px solid #fff;border-bottom:2px solid var(--pure-white)}[dir=ltr] .mainnav>ul>li+li>a{border-left:1px solid #235a97}[dir=rtl] .mainnav>ul>li+li>a{border-right:1px solid #235a97}@media (min-width:60em){#openmenu{display:none}}@media print{#openmenu{display:none}}@media (min-width:35em){.page-home #openmenu{display:none}}[dir=ltr] .metanav{text-align:right}[dir=rtl] .metanav{text-align:left}.metanav{width:100%;display:none;font-size:.85em}.metanav.open{display:block}@media (min-width:35em){.metanav{display:block}}@media print{.metanav{display:none}}.metanav a{text-decoration:none}.metanav a:focus,.metanav a:hover,.metanav a[aria-current=page]{text-decoration:underline}.metanav>ul{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.metanav>ul li{display:inline-block;padding-left:8px;padding-right:8px}@media (min-width:35em){.metanav>ul li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.metanav>ul li:first-child{border:0}.metanav>ul li:last-child{margin-bottom:0;padding:0;border:0}.metanav>ul li a{position:relative;min-height:24px;padding-top:10px;padding-bottom:10px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.metanav>ul li a:after,.metanav>ul li a:before{position:absolute;top:12px;left:-8px;bottom:12px;width:1px;background-color:#eed009;background-color:var(--gold)}[dir=ltr] .metanav>ul li a:before,[dir=rtl] .metanav>ul li a:after{content:""}@media (min-width:35em){[dir=ltr] .metanav>ul li a{text-align:right}[dir=rtl] .metanav>ul li a{text-align:left}.metanav>ul li a{width:100%}}[dir=ltr] .metanav>ul li:first-child a:before,[dir=rtl] .metanav>ul li:nth-last-child(2) a:after{display:none}.metanav form[role=search]{background-color:#036;background-color:var(--w3c-blue);border:1px solid #fff;border:1px solid var(--pure-white)}.metanav form[role=search]>div{display:-webkit-box;display:-ms-flexbox;display:flex}.metanav form[role=search] label{text-transform:none;font-weight:400}.metanav form[role=search] input{box-sizing:border-box;-webkit-appearance:none;background-color:transparent;border:0;border-radius:0;color:#f2f2f2;color:var(--off-white);height:100%;padding:5px;margin:0;width:10em}.metanav form[role=search] input:focus{color:#fff;color:var(--pure-white)}.metanav form[role=search] input::-webkit-search-decoration{display:none}.metanav form[role=search] input::-webkit-search-cancel-button,.metanav form[role=search] input::-webkit-search-results-button{-webkit-filter:invert(100%);filter:invert(100%)}.metanav form[role=search] button{display:block;margin:0}.metanav form[role=search] ::-webkit-input-placeholder{color:#fff;color:var(--pure-white);font-style:italic;opacity:1}.metanav form[role=search] :-moz-placeholder,.metanav form[role=search] ::-moz-placeholder{color:#fff;color:var(--pure-white);font-style:italic;opacity:1}.metanav form[role=search] :-ms-input-placeholder{color:#fff;color:var(--pure-white);font-style:italic;opacity:1}.navigations{position:relative;grid-column-start:6;grid-column-end:-2;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.navigations .nava11y{display:block}.mainnav>ul,.metanav>ul{margin:0;padding:0}.mainnav>ul>li,.metanav>ul>li{list-style:none;margin:0}.teaser.news{background-color:#fff;background-color:var(--pure-white)}.announce-box{background-color:#fafafa;background-color:var(--lt-off-white);border:1px solid #ddd;border:1px solid var(--line-grey);border-top:1px;border-bottom:1px;border-left:0;border-right:0;padding:10px 25px!important}.announce-box+.announce-box{border-top:0}.announce-box>:first-child{margin-top:0}.announce-box>:last-child{margin-bottom:0}.notes{font-size:.85em}.notes strong:first-child{font-weight:700;color:#005a6a;color:var(--wai-green)}.pager{background-color:#fff;background-color:var(--pure-white);border:1px solid #ddd;border:1px solid var(--line-grey);margin-top:32px}.pager>ul{box-sizing:border-box;-ms-flex-line-pack:center;align-content:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0;padding:8px}.pager--item,.pager>ul{display:-webkit-box;display:-ms-flexbox;display:flex}.pager--item{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%}.pager--item:only-child{-ms-flex-preferred-size:100%;flex-basis:100%}.pager--item{list-style:none;margin:0}.pager--item a:link{color:#005a6a;color:var(--wai-green);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:1;-ms-flex:1 100%;flex:1 100%;text-decoration:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.pager--item a:visited{color:#606;color:var(--visited-link)}.pager--item a:focus,.pager--item a:hover{color:#036;color:var(--w3c-blue)}.pager--item a:active{color:#005a6a;color:var(--wai-green)}[dir=ltr] .pager--item.next a{text-align:right}[dir=rtl] .pager--item.next a{text-align:left}.pager--item.next a{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.pager--item-icon{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:33px}[dir=ltr] .pager--item-text{margin-right:8px}[dir=ltr] .pager--item-text,[dir=rtl] .pager--item-text{margin-left:8px}[dir=rtl] .pager--item-text{margin-right:8px}.pager--item-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 auto;flex:1 auto;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.pager--item-text-direction{color:#1d1d1d;color:var(--off-black);font-size:12px;font-size:.75rem}.pager--item-text-target{font-size:16px;font-size:1rem;line-height:1}.pagination{margin:0;margin-top:16px;margin-bottom:16px;padding-top:16px;border-top:2px solid #ddd;border-top:2px solid var(--line-grey)}.pagination ul{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;margin:0;padding:0;list-style:none;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}[dir=ltr] .pagination li{margin-left:8px}[dir=rtl] .pagination li{margin-right:8px}.pagination .like-a,.pagination a{padding:8px 16px;border-radius:4px;border:2px solid #ddd;border:2px solid var(--line-grey)}.pagination .is-active .like-a{background-color:#036;background-color:var(--w3c-blue);border-color:#036;border-color:var(--w3c-blue);color:#fff;color:var(--pure-white)}.pagination a:focus,.pagination a:hover{background-color:#ddd;background-color:var(--line-grey)}.quote{background-color:#005a6a;background-color:var(--wai-green);border-radius:5px;color:#fff;color:var(--pure-white);padding:22px}.quote--block{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:0;padding:0}.quote--block-text{font-size:20px;font-style:italic;line-height:1.25;margin:0;padding:0}.quote--block-text:before{content:open-quote}.quote--block-text:after{content:close-quote}.quote--block-cite{font-size:15px;font-weight:500;margin:0;margin-top:9px}.quote--block-cite a{color:#fafafc;color:var(--body-bg)}.related-content{background-color:#fff;background-color:var(--pure-white);border:1px solid #ddd;border:1px solid var(--line-grey);-webkit-box-flex:1;-ms-flex:1 100%;flex:1 100%;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;margin:50px}.related-content,.related-content--head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal}.related-content--head{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#f2f2f2;background-color:var(--off-white);border-box-end:1px solid #ddd;border-box-end:1px solid var(--line-grey);-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;height:48px}[dir=ltr] .related-content--head-icon{margin-right:10px}[dir=rtl] .related-content--head-icon{margin-left:10px}[dir=ltr] .related-content--head-icon{margin-left:19px}[dir=rtl] .related-content--head-icon{margin-right:19px}.related-content--head-icon{height:22px;width:22px}.related-content--head-heading{border:none;color:#036;color:var(--w3c-blue);-webkit-box-flex:1;-ms-flex:1 100%;flex:1 100%;font-size:20px;margin:0;padding:0}.related-content--content{margin:0;padding:0}.related-content--content-list{list-style:none;margin:22px;padding:0}.related-content--content-list li{font-size:14px;line-height:2.2em}.sidenav{grid-area:navigation;margin-bottom:24px;display:none}.sidenav.open{display:block;margin-top:16px}@media (min-width:60em){.sidenav{display:block}}@media print{.sidenav{display:none}}.sidenav--head{background-color:#036;background-color:var(--w3c-blue);border:2px solid #036;border:2px solid var(--w3c-blue);border-width:0 5px;padding:16px 24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;border-bottom:none;font-weight:700}[dir=ltr] .sidenav--head-icon{margin-left:-16px}[dir=rtl] .sidenav--head-icon{margin-right:-16px}.sidenav--head-icon{padding-bottom:.3em}[dir=ltr] .sidenav--head-icon--inner{float:left}[dir=rtl] .sidenav--head-icon--inner{float:right}[dir=ltr] .sidenav--head-icon--inner{margin-right:8px}[dir=rtl] .sidenav--head-icon--inner{margin-left:8px}.sidenav--head-icon--inner{width:47px;height:48px}.sidenav--head-section{color:#fff;color:var(--pure-white);text-transform:uppercase;letter-spacing:.7px;font-size:11px;font-size:.6875rem;font-weight:700}.sidenav--head-subsection{color:#fff;color:var(--pure-white);font-size:22px;font-size:1.375rem}[dir=ltr] .sidenav--list{border-left-width:5px}[dir=rtl] .sidenav--list{border-right-width:5px}[dir=ltr] .sidenav--list{border-right-width:0}[dir=rtl] .sidenav--list{border-left-width:0}.sidenav--list{background-color:#036;background-color:var(--w3c-blue);border:2px solid #036;border:2px solid var(--w3c-blue);border-bottom:5px;border-top:0;margin:0;padding:0;font-size:13px;font-size:.8125rem}.sidenav--list a{display:-webkit-box;display:-ms-flexbox;display:flex;box-sizing:border-box;padding:8px 24px;min-height:44px;color:#fff;color:var(--pure-white);text-decoration:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.sidenav--list a:focus,.sidenav--list a:hover{text-decoration:underline;background-color:#f2f2f2;background-color:var(--off-white);color:#005a6a;color:var(--wai-green)}.sidenav--list a:focus{outline-color:#eed009;outline-color:var(--gold)}.sidenav--list a span.lang{font-weight:400}.sidenav--list li a{border-top:1px solid #005a9c;border-top:1px solid var(--w3c-classic)}.sidenav--list{.sidenav-head+&{border-top:none}}[dir=ltr] .sidenav--list ul{padding-left:24px}[dir=rtl] .sidenav--list ul{padding-right:24px}.sidenav--list ul{padding:0;margin:0}.sidenav--list a+ul{display:none}.sidenav--list a[aria-current]+ul{display:block}.sidenav--list li{margin:0;padding:0;list-style:none}.sidenav--list ul li:first-child a{border-top-color:transparent}.sidenav--list a[aria-current=location]{padding-bottom:4px;font-weight:700}.sidenav--list a[aria-current=page]{font-weight:700;color:#005a6a;color:var(--wai-green);background-color:#fafafc;background-color:var(--body-bg);position:relative}.sidenav--list a[aria-current=page]:after,.sidenav--list a[aria-current=page]:before{position:absolute;content:"";width:0;height:0;left:auto;right:0}[dir=rtl] .sidenav--list a[aria-current=page]:after,[dir=rtl] .sidenav--list a[aria-current=page]:before{left:0;right:auto}.sidenav--list a[aria-current=page]:after,.sidenav--list a[aria-current=page]:before{border:1px solid #fff;border:1px solid var(--pure-white);opacity:.9}.sidenav--list a[aria-current=page]:before{top:-2px;border-color:transparent #fff #fff transparent;border-color:transparent var(--pure-white) var(--pure-white) transparent}[dir=rtl] .sidenav--list a[aria-current=page]:before{border-color:transparent transparent #fff #fff;border-color:transparent transparent var(--pure-white) var(--pure-white)}.sidenav--list a[aria-current=page]:after{bottom:-2px;border-color:#fff #fff transparent transparent;border-color:var(--pure-white) var(--pure-white) transparent transparent}[dir=rtl] .sidenav--list a[aria-current=page]:after{border-color:#fff transparent transparent #fff;border-color:var(--pure-white) transparent transparent var(--pure-white)}.sidenav-languages{font-size:13px;font-size:.8125rem;margin-top:32px;margin-top:2rem;border-radius:3px;border:2px solid #eed009;border:2px solid var(--gold);background-color:#fff;background-color:var(--pure-white)}.sidenav-languages header{border-bottom:2px solid #eed009;border-bottom:2px solid var(--gold);padding:8px 27px;font-weight:700}[dir=ltr] .sidenav-languages .langlist{padding-left:27px}[dir=rtl] .sidenav-languages .langlist{padding-right:27px}.sidenav-languages .langlist{list-style-position:inside;list-style-type:square;color:#005a9c;color:var(--w3c-classic)}.sidenav-languages .langlist li{margin-bottom:2px}[dir=ltr] .sidenav-languages p{padding-left:27px}[dir=rtl] .sidenav-languages p{padding-right:27px}[dir=ltr] .sidenav-languages p{padding-right:0}[dir=rtl] .sidenav-languages p{padding-left:0}.sidenav-languages p{padding-top:4px;padding-bottom:4px;margin:0;border-top:1px solid #eed009}[dir=ltr] caption,[dir=ltr] table{text-align:left}[dir=rtl] caption,[dir=rtl] table{text-align:right}table{border:1px solid #ddd;border:1px solid var(--line-grey);border-collapse:collapse;margin-bottom:2em}caption{font-weight:700;font-size:18px;font-size:1.125rem;color:#005a6a;color:var(--wai-green);line-height:1.4;margin-bottom:8px}td,th{padding:12px 18px;border:1px solid #ddd;border:1px solid var(--line-grey);vertical-align:top}.dense td,.dense th{padding:2px 4px}th{font-weight:700;color:#fff;color:var(--pure-white);background-color:#005a6a;background-color:var(--wai-green)}th a{color:inherit}th a:focus,th a:hover{color:#eed009;color:var(--gold)}th a:visited{color:inherit}td>:first-child,td>:last-child,th>:first-child,th>:last-child{margin-top:0}.hyphenated{-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.teaser.audiences-inline .title{display:block;font-size:36px;font-size:2.25rem}.making-web-accessible{text-align:center;border-bottom:1px solid #ddd;border-bottom:1px solid var(--line-grey);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.making-web-accessible [hidden]{display:none!important}.making-web-accessible .inner.hidesection{position:relative;-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}[dir=ltr] .making-web-accessible .making-web-accessible-box{text-align:left}[dir=rtl] .making-web-accessible .making-web-accessible-box{text-align:right}[dir=ltr] .making-web-accessible .making-web-accessible-box{padding-right:20px}[dir=rtl] .making-web-accessible .making-web-accessible-box{padding-left:20px}[dir=ltr] .making-web-accessible .making-web-accessible-box{padding-left:105px}[dir=rtl] .making-web-accessible .making-web-accessible-box{padding-right:105px}.making-web-accessible .making-web-accessible-box{padding-top:32px;padding-bottom:0}[dir=ltr] .making-web-accessible .mwa-icon{margin-left:-85px}[dir=rtl] .making-web-accessible .mwa-icon{margin-right:-85px}.making-web-accessible .mwa-icon{width:65px;height:65px;float:left}.making-web-accessible .title{display:block;font-size:36px;font-size:2.25rem}.making-web-accessible .teaser-h h2{margin:0}.making-web-accessible h3{margin-top:10px;font-size:24px;font-size:1.5rem;margin-bottom:0}.making-web-accessible p{margin-bottom:0}[dir=ltr] .making-web-accessible .showhidebutton{float:right}[dir=rtl] .making-web-accessible .showhidebutton{float:left}.making-web-accessible .showhidebutton{position:absolute;top:-1.35em;right:0}.teaser.media-inline .title{display:block;font-size:36px;font-size:2.25rem}.white-bg{background-color:#fff;background-color:var(--pure-white)}.bordered{border:0;border-color:#ddd;border-color:var(--line-grey)}.teaser.news-teaser .title{display:block;font-size:36px;font-size:2.25rem}.teaser.resource-inline .title{display:block;font-size:36px;font-size:2.25rem}.teaser{padding-top:32px;padding-bottom:32px}.teaser.featured{background-size:cover;background-position:50%}.teaser.featured .teaser-c{background-color:hsla(0,0%,100%,.9);border-top:5px solid #c0272d;border-top:5px solid var(--faded-red);padding:16px 32px;display:block}.teaser-h h2,.teaser-h h3,.teaser-h h4,.teaser-h h5,.teaser-h h6{margin:0;margin-bottom:16px;padding:0;border:none;color:#005a6a;color:var(--wai-green);font-size:16px;font-size:1rem;line-height:1.2}.teaser-h h2.title,.teaser-h h3.title,.teaser-h h4.title,.teaser-h h5.title,.teaser-h h6.title{font-size:24px;font-size:1.5rem;margin:0;margin-top:10px;margin-bottom:20px}@media (min-width:35em){.teaser-h h2.title,.teaser-h h3.title,.teaser-h h4.title,.teaser-h h5.title,.teaser-h h6.title{font-size:2rem}}@media (min-width:60em){.teaser-h h2.title,.teaser-h h3.title,.teaser-h h4.title,.teaser-h h5.title,.teaser-h h6.title{font-size:2.375rem}}.teaser-h .subtitle{font-weight:700;margin:0;font-size:14px;font-size:.875rem;color:#1d1d1d;color:var(--off-black)}[dir=ltr] .teaser-h-icon{margin-right:10px}[dir=rtl] .teaser-h-icon{margin-left:10px}.teaser-h-icon{height:1em;width:1em;vertical-align:middle}.teaser-h-icon.full{display:block;height:1.8em;width:1.8em}.teaser-tip{text-align:center}.teaser-tip .teaser-h h2{font-size:28px;font-size:1.75rem}.teaser-tip .teaser-h svg{display:block;margin:0 auto;height:1.75em;width:1.75em}.teaser-tip .fakelink{margin:0 auto}.fakelink{text-decoration:underline;position:relative}[dir=ltr] .fakelink svg{margin-left:5px}[dir=rtl] .fakelink svg{margin-right:5px}.fakelink svg{width:.75em;height:.75em}@media (min-width:35em){.teaser-about p{font-size:1.25rem}}@media (min-width:60em){.teaser-about p{font-size:1.5rem}}.teaser-about p{color:#686868;color:var(--grey)}.teaser-about .teaser-h h2{font-weight:700}.teaser-media{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fff;background-color:var(--pure-white)}.teaser-sponsors{border-top:1px solid #ddd;border-top:1px solid var(--line-grey)}.area-teaser{display:block;background-color:#fff;background-color:var(--pure-white);border:1px solid #ddd;border:1px solid var(--line-grey);margin:-1px;padding:20px 32px}@media (min-width:35em){.area-teaser{padding:40px}}@media (min-width:60em){.area-teaser{padding:60px 40px}}.area-teaser .teaser-h{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.area-teaser .teaser-h h2,.area-teaser .teaser-h h3,.area-teaser .teaser-h h4,.area-teaser .teaser-h h5,.area-teaser .teaser-h h6{margin:0;font-weight:400}.area-teaser .teaser-h-icon{margin-bottom:10px}.area-teaser:focus .teaser-h>:not(svg),.area-teaser:hover .teaser-h>:not(svg){text-decoration:underline}.video-link{display:inline-block;text-decoration:none;margin:10px 0}.video-link img{-webkit-mask:url(../images/video-mask-16-9.svg);mask:url(../images/video-mask-16-9.svg);-webkit-mask-size:contain;mask-size:contain;width:240px}.video-link.ratio-43 img{-webkit-mask:url(../images/video-mask-4-3.svg);mask:url(../images/video-mask-4-3.svg)}.video-link span{display:block;text-align:center;text-decoration:underline}.video-link-small img{width:120px}.video-link-inline{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}[dir=ltr] .video-link-inline img{margin-right:1em}[dir=rtl] .video-link-inline img{margin-left:1em}.video-link-inline img{width:auto;height:2em}.video-link-inline{[dir=ltr] span{text-align:left}[dir=rtl] span{text-align:right}}.able-wrapper{margin:0;padding:0;height:auto;box-sizing:content-box!important;max-width:none!important}.able,.able-wrapper{position:relative;width:100%}.able{margin:1em 0;z-index:5000}[dir=ltr] .able-column-left{float:left}[dir=rtl] .able-column-left{float:right}[dir=ltr] .able-column-right{float:left}[dir=rtl] .able-column-right{float:right}.able .able-vidcap-container{background-color:#000;left:0;margin:0;position:relative;top:0}.able-player{font-family:inherit;background-color:#262626}.able-offscreen{position:absolute;left:-10000px}[dir=rtl] .able-offscreen{right:-10000px;left:auto}.able-offscreen{top:auto;width:1px;height:1px;overflow:hidden}.able-media-container audio{display:none!important}.able-video .able-now-playing{display:none}.able-controller{position:relative;border-top:2px solid #4c4c4c;border-bottom:2px solid #4c4c4c;background-color:#464646;min-height:38px;padding:0}.able-big-play-button,.able-poster{position:absolute;top:0;left:0}.able-big-play-button{font-size:8em;opacity:.5;filter:alpha(opacity=50);color:#fdfdfd;background-color:transparent;border:none;outline:none;padding:0;z-index:6500}.able-big-play-button:hover{opacity:1;filter:alpha(opacity=100)}.able-left-controls,.able-right-controls{overflow:visible}.able-left-controls button,.able-right-controls button{vertical-align:middle}[dir=ltr] .able-left-controls{float:left}[dir=ltr] .able-right-controls,[dir=rtl] .able-left-controls{float:right}[dir=rtl] .able-right-controls{float:left}.able-black-controls,.able-black-controls button,.able-black-controls label{color:#000!important}.able-black-controls .able-seekbar{border:2px solid #000}.able-black-controls label,.able-white-controls,.able-white-controls button{color:#fff!important}.able-white-controls .able-seekbar{border:2px solid #fff}.able-controller button{background:none;position:relative;display:inline-block;border-style:none;margin:3px;padding:0;font-size:20px;min-width:24px;outline:2px solid #464646;border:none;overflow:visible!important;z-index:6600}.able-controller button>img,.able-controller button>span{width:20px;margin:0 auto;padding:0;z-index:6700}.able-controller .buttonOff{opacity:.5;filter:alpha(opacity=50);z-index:6800}.able-controller .able-seekbar{margin:0 5px;z-index:6900}.able-controller button:focus,.able-controller button:hover{outline-style:solid;outline-width:medium}.able-controller button:hover{outline-color:#8ab839!important}.able-controller button:focus{outline-color:#ffbb37!important}.able-seekbar-wrapper{display:inline-block;vertical-align:middle}.able-seekbar{position:relative;height:.5em;border:1px solid;background-color:#000;margin:0 3px;border:2px solid #fff}.able-seekbar-loaded{background-color:#464646;z-index:5100}.able-seekbar-loaded,.able-seekbar-played{display:inline-block;position:absolute;left:0;top:0;height:.5em}.able-seekbar-played{background-color:#dadada;z-index:5200}.able-seekbar-head{display:inline-block;position:relative;left:0;top:-.45em;background-color:#fdfdfd;width:.8em;height:.8em;border:1px solid;border-radius:.8em;z-index:5500}.able-volume-slider{width:34px;height:50px;background-color:#464646;padding:10px 0;position:absolute;right:0;top:-74px;display:block;z-index:9100}.able-volume-track{display:block;position:relative;height:100%;width:5px;margin:0 auto;background-color:#999}.able-volume-track.able-volume-track-on{background-color:#dadada;position:absolute;height:20px;top:30px}.able-volume-head{display:inline-block;background-color:#fdfdfd;outline:1px solid #333;position:absolute;height:7px;width:15px;left:-5px;top:23px;z-index:9175}.able-volume-head:focus,.able-volume-head:hover{background-color:#ffbb37!important}.able-volume-help{display:none}.able-status-bar{height:1.5em;min-height:1.5em;color:#ccc;font-size:.9em;background-color:transparent;padding:.5em .5em .25em}[dir=ltr] .able-status-bar span.able-timer{text-align:left}[dir=rtl] .able-status-bar span.able-timer{text-align:right}[dir=ltr] .able-status-bar span.able-timer{float:left}[dir=rtl] .able-status-bar span.able-timer{float:right}.able-status-bar span.able-timer{width:32%}[dir=ltr] .able-status-bar span.able-speed{float:left}[dir=rtl] .able-status-bar span.able-speed{float:right}.able-status-bar span.able-speed{width:33%;text-align:center}[dir=ltr] .able-status{float:right}[dir=rtl] .able-status{float:left}.able-status{font-style:italic;width:32%;text-align:right}div.able-captions-wrapper{width:100%;margin:0;padding:0;text-align:center;line-height:1.35em;display:block;z-index:6000}div.able-captions{display:none;padding:.15em .25em;background-color:#000;font-size:1.1em;color:#fff;opacity:.75}div.able-captions-overlay{position:absolute;margin:0;bottom:0}div.able-captions-below,div.able-descriptions{position:relative;min-height:2.8em}div.able-descriptions{color:#ff6;background-color:#262626;border-top:1px solid #666;margin:0;padding:3%;width:94%;text-align:center}div.able-now-playing{text-align:center;font-weight:700;font-size:1.1em;color:#fff;background-color:transparent;padding:.5em .5em 1em}div.able-now-playing span{font-size:.9em}div.able-now-playing span span{display:block}[dir=ltr] div.able-modal-dialog{margin-left:auto}[dir=ltr] div.able-modal-dialog,[dir=rtl] div.able-modal-dialog{margin-right:auto}[dir=rtl] div.able-modal-dialog{margin-left:auto}div.able-modal-dialog{position:absolute;height:auto;max-width:90%;left:0;right:0;outline:0 none;display:none;color:#000;background-color:#fafafa;box-sizing:content-box!important;z-index:10000}div.able-modal-overlay{position:fixed;width:100%;height:100%;background-color:#000;opacity:.5;margin:0;padding:0;top:0;left:0;display:none;z-index:9500}button.modalCloseButton{position:absolute;top:5px;right:5px}[dir=ltr] button.modal-button{margin-right:5px}[dir=rtl] button.modal-button{margin-left:5px}div.able-modal-dialog button:focus,div.able-modal-dialog button:hover,div.able-modal-dialog input:focus,div.able-modal-dialog input:hover{outline-style:solid;outline-width:2px}div.able-modal-dialog button:hover,div.able-modal-dialog input:hover{outline-color:#8ab839}div.able-modal-dialog button:focus,div.able-modal-dialog input:focus{outline-color:#ffbb37}div.able-modal-dialog h1{font-weight:700;font-size:1.8em;line-height:1.2em;margin:.75em 0;color:#000;text-align:center}.able-help-div,.able-prefs-form,.able-resize-form{background-color:#f5f5f5;border:medium solid #ccc;padding:.5em 1em;margin:0 0 0 1em;width:25em;display:none}[dir=ltr] .able-prefs-form fieldset{margin-left:0}[dir=rtl] .able-prefs-form fieldset{margin-right:0}.able-prefs-form fieldset{padding-left:0;border:none}.able-prefs-form legend{color:#000;font-weight:700;font-size:1.1em}[dir=ltr] .able-prefs-form fieldset div{margin-left:1em}[dir=rtl] .able-prefs-form fieldset div{margin-right:1em}.able-prefs-form fieldset div{display:table}.able-prefs-form fieldset div input{display:table-cell;width:1em;vertical-align:middle}.able-prefs-form fieldset div label{display:table-cell;padding-left:.5em}[dir=ltr] fieldset.able-prefs-keys div{float:left}[dir=rtl] fieldset.able-prefs-keys div{float:right}[dir=ltr] fieldset.able-prefs-keys div{margin-right:1em}[dir=rtl] fieldset.able-prefs-keys div{margin-left:1em}[dir=ltr] div.able-desc-pref-prompt{margin-left:1em!important}[dir=rtl] div.able-desc-pref-prompt{margin-right:1em!important}div.able-desc-pref-prompt{font-weight:700;font-style:italic}[dir=ltr] div.able-prefDescFormat>div{margin-left:1.5em}[dir=rtl] div.able-prefDescFormat>div{margin-right:1.5em}[dir=ltr] .able-prefs-captions label,[dir=ltr] .able-prefs-captions select{float:left}[dir=rtl] .able-prefs-captions label,[dir=rtl] .able-prefs-captions select{float:right}.able-prefs-captions label,.able-prefs-captions select{display:block;margin-bottom:.25em}[dir=ltr] fieldset.able-prefs-captions label{text-align:right}[dir=rtl] fieldset.able-prefs-captions label{text-align:left}fieldset.able-prefs-captions label{width:6em;padding-right:1em}fieldset.able-prefs-captions select{width:10em;font-size:.9em;border-radius:none}.able-prefs-form div.able-captions-sample{padding:.5em;text-align:center}.able-prefs-form h2{margin-top:0;margin-bottom:.5em;font-size:1.1em}.able-prefs-form ul{margin-top:0}able-prefs-form-keyboard ul{list-style-type:none}span.able-modkey-alt,span.able-modkey-ctrl,span.able-modkey-shift{color:#666;font-style:italic}span.able-modkey{font-weight:700;color:#000;font-size:1.1em}.able-resize-form h1{font-size:1.15em}.able-resize-form div div{margin:1em}.able-resize-form label{padding-right:.5em;font-weight:700}.able-resize-form input[type=text]{font-size:1em}.able-resize-form input[readonly]{color:#aaa}.able-window-toolbar{background-color:#464646;min-height:15px;padding:10px;border-style:solid;border-width:0 0 1px}.able-draggable:hover{cursor:move}.able-window-toolbar .able-button-handler-preferences{position:absolute;top:0;right:0;font-size:1.5em;background-color:transparent;border:none;outline:none;padding:0;z-index:9300}.able-window-toolbar .able-button-handler-preferences:focus,.able-window-toolbar .able-button-handler-preferences:hover{outline-style:solid;outline-width:medium}.able-window-toolbar .able-button-handler-preferences:hover{outline-color:#8ab839!important}.able-window-toolbar .able-button-handler-preferences:focus{outline-color:#ffbb37!important}.able-window-toolbar .able-popup{position:absolute;cursor:default;right:0;top:0;display:block}.able-drag{border:2px dashed #f90;cursor:move}.able-resizable{position:absolute;width:16px;height:16px;padding:5px 0 0 5px;bottom:0;right:0;cursor:nwse-resize;background:transparent 100% 100% url(../ableplayer/images/wingrip.png) no-repeat}.able-sign-window{position:relative;margin:1em;z-index:8000}.able-sign-window video{width:100%}.able-sign-window:focus{outline:none}div.able-chapters-div{padding:0}div.able-chapters-div .able-chapters-heading{margin:1em .75em;font-size:1.1em;font-weight:700}div.able-chapters-div ul{list-style-type:none;padding-left:0}div.able-chapters-div ul li{max-width:100%;padding:0;height:2em}[dir=ltr] div.able-chapters-div button{text-align:left}[dir=rtl] div.able-chapters-div button{text-align:right}div.able-chapters-div button{width:100%;height:100%;border:none;background-color:transparent;color:#000;font-size:1em;padding:.15em 1em}div.able-chapters-div li.able-current-chapter{background-color:#000!important}div.able-chapters-div li.able-current-chapter button{color:#fff!important}div.able-chapters-div li.able-focus{background-color:#4c4c4c}div.able-chapters-div button::-moz-focus-inner,div.able-chapters-div button:focus,div.able-chapters-div button:hover{border:0;outline:none;color:#fff!important}.able-alert,.able-tooltip{position:absolute;padding:5px 10px;border-color:#000;border-width:1px;color:#000!important;background-color:#ccc;border-radius:5px;display:block}.able-alert{background-color:#ffc;box-shadow:0 0 16px #262626;z-index:9400}.able-popup{z-index:9200}.able-tooltip{z-index:9000}.able-popup{position:absolute;margin:0;padding:0;border-color:#000;border-width:1px;background-color:#000;opacity:.85;border-radius:5px;display:block;cursor:default;list-style:none}ul.able-popup{list-style-type:none}.able-popup li{padding:.25em 1em .25em .25em;margin:1px;color:#fff}.able-popup li.able-focus{background-color:#ccc;color:#000}.able-popup-captions li{padding-left:1em}.able-popup-captions li[aria-checked=true]{padding-left:0}.able-popup-captions li[aria-checked=true]:before{content:"\2713 "}.able-transcript-area{border-width:1px;border-style:solid;height:400px;z-index:7000;outline:none;padding-bottom:25px;background-color:#fff}.able-transcript{position:relative;overflow-y:scroll;padding-left:5%;padding-right:5%;background-color:#fff;height:350px}.able-transcript div{margin:1em 0}.able-transcript-heading{font-size:1.4em;font-weight:700}.able-transcript-chapter-heading{font-size:1.2em;font-weight:700}.able-transcript div.able-transcript-desc{background-color:#fee;border:thin solid #336;font-style:italic;padding:1em}.able-transcript .able-unspoken{font-weight:700}.able-transcript .able-hidden{position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}.able-highlight{background:#ff6}.able-previous{background:#000!important;font-style:italic}.able-transcript span:active,.able-transcript span:focus,.able-transcript span:hover{background:#cf6;cursor:pointer}[dir=ltr] .able-window-toolbar label{margin-right:10px}[dir=rtl] .able-window-toolbar label{margin-left:10px}.able-window-toolbar label{color:#fff}.able-controller button:focus,.able-controller button:hover,.able-controller input:focus,.able-controller input:hover,.able-seekbar-head:focus,.able-seekbar-head:hover,.able-window-toolbar input:focus,.able-window-toolbar input:hover,.able-window-toolbar select:focus,.able-window-toolbar select:hover{outline-style:solid;outline-width:2px}.able-controller button:focus,.able-controller input:focus,.able-seekbar-head:focus,.able-window-toolbar input:focus,.able-window-toolbar select:focus{outline-color:#ffbb37}.able-controller button:hover,.able-controller input:hover,.able-seekbar-head:hover,.able-window-toolbar input:hover,.able-window-toolbar select:hover{outline-color:#8ab839}[dir=ltr] .able-window-toolbar .transcript-language-select-wrapper{float:right}[dir=rtl] .able-window-toolbar .transcript-language-select-wrapper{float:left}.able-window-toolbar .transcript-language-select-wrapper{padding-right:30px}.able-playlist{list-style-type:none;margin:0;background-color:#fff;padding:5px 0}.able-playlist li{background-color:#ddd;margin:5px;padding:0;border:2px solid #aaa;border-radius:5px;-moz-border-radius:5px}.able-playlist li button{border:none;color:#000;background-color:transparent;font-size:1em;width:100%;padding:5px 10px;text-align:left}.able-playlist li button:active,.able-playlist li button:focus,.able-playlist li button:hover{background-color:#ffeeb3;color:#000;text-decoration:none;outline:none}.able-playlist li button::-moz-focus-inner{border:0}.able-playlist li button img{width:100px;float:left;margin-right:10px}.able-playlist li.able-current{background-color:#340449;border-color:#230330}.able-playlist li.able-current button{color:#fff;font-weight:700;text-decoration:none;outline:none}.able-playlist li.able-current button:active,.able-playlist li.able-current button:focus,.able-playlist li.able-current button:hover{color:#000}.able-search-results ul li{font-size:1.1em;margin-bottom:1em}.able-search-results-time{font-weight:700;text-decoration:underline;cursor:pointer}.able-search-results-time:active,.able-search-results-time:focus,.able-search-results-time:hover{color:#fff;background-color:#000;text-decoration:none}.able-search-results-text{padding-left:1em}.able-search-term{background-color:#ffc;font-weight:700}#able-vts-instructions{margin-bottom:1.5em;padding:1em;border:1px solid #999;width:720px;max-width:90%}#able-vts fieldset{margin:1em;border:none}#able-vts fieldset legend{color:#000;font-weight:700}[dir=ltr] #able-vts fieldset div{float:left}[dir=rtl] #able-vts fieldset div{float:right}#able-vts fieldset div{padding-right:1em}[dir=ltr] #able-vts table{clear:left}[dir=rtl] #able-vts table{clear:right}#able-vts table,#able-vts table td,#able-vts table th{border:1px solid #000;border-collapse:collapse;padding:.5em .75em}#able-vts table th.actions{min-width:140px}#able-vts table td button{width:auto;padding:0;margin:2px}#able-vts table td button svg{width:16px;height:16px}#able-vts table button:hover svg{fill:#c00}tr.kind-chapters,tr.kind-subtitles{background-color:#fff}tr.kind-descriptions{background-color:#fee}tr.kind-chapters{background-color:#e6ffe6}.able-vts-dragging{background-color:#ffc}div#able-vts-icon-credit{margin:1em}div#able-vts-alert{display:none;position:fixed;top:5px;left:5px;border:2px solid #666;background-color:#ffc;padding:1em;font-weight:700;z-index:9400}button#able-vts-save{font-size:1em;padding:.25em;border-radius:5px;margin-bottom:1em;font-weight:700}button#able-vts-save:focus,button#able-vts-save:hover{color:#fff;background-color:#060}#able-vts textarea,.able-vts-output-instructions{width:720px;max-width:90%}#able-vts textarea{height:200px}.able-clipped,.able-screenreader-alert{position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);width:1px!important;height:1px!important;overflow:hidden!important}.able-error{display:block;background:#ffc;border:2px solid #000;color:red;margin:.75em;padding:.5em}.able-fallback{display:block;text-align:center;border:2px solid #335;background-color:#eee;color:#000;font-weight:700;font-size:1.1em;padding:1em;margin-bottom:1em;max-width:500px;width:95%}[dir=ltr] .able-fallback div,[dir=ltr] .able-fallback p,[dir=ltr] .able-fallback ul{text-align:left}[dir=rtl] .able-fallback div,[dir=rtl] .able-fallback p,[dir=rtl] .able-fallback ul{text-align:right}.able-fallback li{font-weight:400}.able-fallback img{width:90%;margin:1em auto;opacity:.3}.able-fallback img.able-poster{position:relative}button svg{display:inline-block;width:1em;height:1em;fill:currentColor}@font-face{font-family:able;src:url(../ableplayer/button-icons/fonts/able.eot?dqripi);src:url(../ableplayer/button-icons/fonts/able.eot?dqripi#iefix) format("embedded-opentype"),url(../ableplayer/button-icons/fonts/able.ttf?dqripi) format("truetype"),url(../ableplayer/button-icons/fonts/able.woff?dqripi) format("woff"),url(../ableplayer/button-icons/fonts/able.svg?dqripi#able) format("svg");font-weight:400;font-style:normal}[class*=" icon-"],[class^=icon-]{font-family:able!important;speak:none;font-style:normal;font-weight:400;-webkit-font-feature-settings:normal;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-play:before{content:"\f04b"}.icon-pause:before{content:"\f04c"}.icon-stop:before{content:"\f04d"}.icon-restart:before{content:"\e900"}.icon-rewind:before{content:"\e603"}.icon-forward:before{content:"\e604"}.icon-previous:before{content:"\e901"}.icon-next:before{content:"\e902"}.icon-slower:before{content:"\f0dd"}.icon-faster:before{content:"\f0de"}.icon-turtle:before{content:"\e904"}.icon-rabbit:before{content:"\e905"}.icon-ellipsis:before{content:"\e903"}.icon-pipe:before{content:"\e600"}.icon-captions:before{content:"\e601"}.icon-descriptions:before{content:"\e602"}.icon-sign:before{content:"\e60a"}.icon-volume-mute:before{content:"\e606"}.icon-volume-soft:before{content:"\e60c"}.icon-volume-medium:before{content:"\e605"}.icon-volume-loud:before{content:"\e60b"}.icon-volume-up:before{content:"\e607"}.icon-volume-down:before{content:"\e608"}.icon-chapters:before{content:"\e609"}.icon-transcript:before{content:"\f15c"}.icon-preferences:before{content:"\e60d"}.icon-close:before{content:"\f00d"}.icon-fullscreen-expand:before{content:"\f065"}.icon-fullscreen-collapse:before{content:"\f066"}.icon-help:before{content:"\f128"}pre{white-space:pre-wrap}.highlight{font-size:14px;color:#036;color:var(--w3c-blue);-moz-tab-size:2;-o-tab-size:2;tab-size:2;-webkit-font-feature-settings:"liga","clig off";font-feature-settings:"liga","clig off";-webkit-font-variant-ligatures:no-common-ligatures;font-variant-ligatures:no-common-ligatures}.highlight .c{color:#3b3b3b;color:var(--dk-grey)}.highlight .err,.highlight .g{color:#036;color:var(--w3c-blue)}.highlight .k{color:#005a6a;color:var(--wai-green)}.highlight .l,.highlight .n{color:#036;color:var(--w3c-blue)}.highlight .o{color:#005a6a;color:var(--wai-green)}.highlight .x{color:#c0272d;color:var(--faded-red)}.highlight .p{color:#036;color:var(--w3c-blue)}.highlight .cm{color:#3b3b3b;color:var(--dk-grey)}.highlight .cp{color:#005a6a;color:var(--wai-green)}.highlight .c1{color:#3b3b3b;color:var(--dk-grey)}.highlight .cs,.highlight .gd{color:#005a6a;color:var(--wai-green)}.highlight .ge{color:#036;color:var(--w3c-blue);font-weight:700}.highlight .gh,.highlight .gr{color:#c0272d;color:var(--faded-red)}.highlight .gi{color:#005a6a;color:var(--wai-green)}.highlight .go,.highlight .gp,.highlight .gs{color:#036;color:var(--w3c-blue)}.highlight .gs{font-weight:700}.highlight .gu{color:#c0272d;color:var(--faded-red)}.highlight .gt{color:#036;color:var(--w3c-blue)}.highlight .kc{color:#c0272d;color:var(--faded-red)}.highlight .kd{color:#005a9c;color:var(--w3c-classic)}.highlight .kn,.highlight .kp{color:#005a6a;color:var(--wai-green)}.highlight .kr{color:#005a9c;color:var(--w3c-classic)}.highlight .kt{color:#c0272d;color:var(--faded-red)}.highlight .ld{color:#036;color:var(--w3c-blue)}.highlight .m,.highlight .s{color:#005a6a;color:var(--wai-green)}.highlight .na{color:#036;color:var(--w3c-blue)}.highlight .nb{color:#c0272d;color:var(--faded-red)}.highlight .nc{color:#005a9c;color:var(--w3c-classic)}.highlight .no{color:#c0272d;color:var(--faded-red)}.highlight .nd{color:#005a9c;color:var(--w3c-classic)}.highlight .ne,.highlight .ni{color:#c0272d;color:var(--faded-red)}.highlight .nf{color:#005a9c;color:var(--w3c-classic)}.highlight .nl,.highlight .nn,.highlight .nx,.highlight .py{color:#036;color:var(--w3c-blue)}.highlight .nt,.highlight .nv{color:#005a9c;color:var(--w3c-classic)}.highlight .ow{color:#005a6a;color:var(--wai-green)}.highlight .w{color:#036;color:var(--w3c-blue)}.highlight .mf,.highlight .mh,.highlight .mi,.highlight .mo{color:#005a6a;color:var(--wai-green)}.highlight .sb{color:#3b3b3b;color:var(--dk-grey)}.highlight .sc{color:#005a6a;color:var(--wai-green)}.highlight .sd{color:#036;color:var(--w3c-blue)}.highlight .s2{color:#005a6a;color:var(--wai-green)}.highlight .se{color:#c0272d;color:var(--faded-red)}.highlight .sh{color:#036;color:var(--w3c-blue)}.highlight .si,.highlight .sx{color:#005a6a;color:var(--wai-green)}.highlight .sr{color:#c0272d;color:var(--faded-red)}.highlight .s1,.highlight .ss{color:#005a6a;color:var(--wai-green)}.highlight .bp,.highlight .vc,.highlight .vg,.highlight .vi{color:#005a9c;color:var(--w3c-classic)}.highlight .il{color:#005a6a;color:var(--wai-green)}:not(.highlight) code{-webkit-font-feature-settings:"liga","clig off";font-feature-settings:"liga","clig off";-webkit-font-variant-ligatures:no-common-ligatures;font-variant-ligatures:no-common-ligatures;color:#036;color:var(--w3c-blue)}
2
2
  /*# sourceMappingURL=style.css.map */
@@ -1 +1 @@
1
- {"version":3,"sources":["colors.css","base.css","style.css","../components/atoms/button.css","../components/atoms/images.css","../components/atoms/mark.css","../components/atoms/p.css","../components/atoms/showhidebutton.css","../components/blockquote-in-box/blockquote-in-box.css","../components/box/box.css","../components/breadcrumb.css","../components/content.css","../components/decision-tree/decision-tree.css","../components/document-notes/document-notes-archived.css","../components/document-notes/document-notes-draft.css","../components/document-notes/document-notes-translation.css","../components/document-notes/document-notes.css","../components/excol/excol.css","../components/figure/figure.css","../components/footer/footers.css","../components/footnotes/footnotes.css","../components/form/form-elements.css","../components/form/form-search.css","../components/header/header.css","../components/headings/headings.css","../components/icons/icons.css","../components/lists/description-list.css","../components/lists/lists.css","../components/misc/warning.css","../components/navigations/controls.css","../components/navigations/mainnav.css","../components/navigations/metanav.css","../components/navigations/navigations.css","../components/news/news.css","../components/notes/notes.css","../components/pager/pager.css","../components/pagination/pagination.css","../components/quote/quote.css","../components/related-content/related-content.css","../components/sidenav/sidenav.css","../components/tables/tables.css","../components/teaser/audiences-inline.css","../components/teaser/making-web-accessible.css","../components/teaser/media-inline.css","../components/teaser/news.css","../components/teaser/resource-inline.css","../components/teaser/teaser.css","../components/video-links/video-links.css","../components/video/video.css","code.css"],"names":[],"mappings":"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","file":"style.css","sourcesContent":[":root {\n --w3c-classic: #005A9C;\n --w3c-blue: #003366;\n --wai-green: #005A6A;\n --off-black: #1d1d1d;\n --dk-grey: #3b3b3b;\n --faded-red: #c0272d;\n --light-blue: #196cac;\n --dk-blue: #091832;\n --gold: #eed009;\n --ocean: #00818d;\n --cloudy: #bccbd3;\n --grey: #686868;\n --line-grey: #ddd;\n --trans-line-grey: rgba(221, 221, 221, 0.32);\n --off-white: #f2f2f2;\n --body-bg: #FAFAFC;\n --lt-off-white: #fafafa;\n --pure-white: #ffffff;\n --white-transparent: rgba(255, 255, 255, 0.92);;\n --visited-link: #660066;\n --footer-grey: #efefef;\n}\n","@custom-selector :--hovcus :hover, :focus;\n\n@custom-media --small (width >= 23em);\n@custom-media --medium (width >= 35em);\n@custom-media --medlarge (width >= 47.5em);\n@custom-media --large (width >= 60em);\n\n.visuallyhidden, .no-display {\n border: 0;\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n white-space: nowrap;\n &.focusable {\n &:active, &:focus {\n clip: auto;\n clip-path: none;\n height: auto;\n margin: 0;\n overflow: visible;\n position: static;\n width: auto;\n white-space: inherit;\n }\n }\n}\n\n@font-face {\n font-family: 'Noto Sans';\n src: url('../fonts/notosans/notosans-regular.woff2') format('woff2'),\n url('../fonts/notosans/notosans-regular.woff') format('woff');\n font-weight: 400;\n font-style: normal;\n}\n@font-face {\n font-family: 'Noto Sans';\n src: url('../fonts/notosans/notosans-italic.woff2') format('woff2'),\n url('../fonts/notosans/notosans-italic.woff') format('woff');\n font-weight: 400;\n font-style: italic;\n}\n@font-face {\n font-family: 'Noto Sans';\n src: url('../fonts/notosans/notosans-bold.woff2') format('woff2'),\n url('../fonts/notosans/notosans-bold.woff') format('woff');\n font-weight: 600;\n font-style: normal;\n}\n@font-face {\n font-family: 'Noto Sans';\n src: url('../fonts/notosans/notosans-bolditalic.woff2') format('woff2'),\n url('../fonts/notosans/notosans-bolditalic.woff') format('woff');\n font-weight: 600;\n font-style: italic;\n}\n\n@font-face {\n font-family: 'Noto Sans Mono';\n src: url('../fonts/notosansmono/notosansmono-semicondensed.woff2') format('woff2'),\n url('../fonts/notosansmono/notosansmono-semicondensed.woff') format('woff');\n font-weight: 400;\n font-style: normal;\n}\n\n@font-face {\n font-family: 'Noto Sans Mono';\n src: url('../fonts/notosansmono/notosansmono-semicondensedbold.woff2') format('woff2'),\n url('../fonts/notosansmono/notosansmono-semicondensedbold.woff') format('woff');\n font-weight: 600;\n font-style: normal;\n}\n\n@font-face {\n font-family: 'Noto Naskh Arabic Minimal';\n src: url('../fonts/notonaskh/regular-minimal.woff2') format('woff2'),\n url('../fonts/notonaskh/regular-minimal.woff') format('woff');\n font-weight: normal;\n font-style: normal;\n}\n\n@font-face {\n font-family: 'Noto Naskh Arabic Minimal';\n src: url('../fonts/notonaskh/bold-minimal.woff2') format('woff2'),\n url('../fonts/notonaskh/bold-minimal.woff') format('woff');\n font-weight: bold;\n font-style: normal;\n}\n\n@font-face {\n font-family: 'Noto Naskh Arabic';\n src: url('../fonts/notonaskh/regular.woff2') format('woff2'),\n url('../fonts/notonaskh/regular.woff') format('woff');\n font-weight: normal;\n font-style: normal;\n}\n\n@font-face {\n font-family: 'Noto Naskh Arabic';\n src: url('../fonts/notonaskh/bold.woff2') format('woff2'),\n url('../fonts/notonaskh/bold.woff') format('woff');\n font-weight: bold;\n font-style: normal;\n}\n\nhtml {\n background-color: var(--off-white);\n @media print {\n background-color: #fff;\n }\n}\n\nbody {\n font-family: \"Noto Sans\", \"Trebuchet MS\", \"Helvetica Neue\", Arial, sans-serif;\n line-height: 1.5;\n font-size: 1rem;\n text-decoration-skip-ink: none;\n background-color: var(--body-bg);\n color: var(--off-black);\n padding: 0;\n padding: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);\n margin: 0 auto;\n max-width: 1250px;\n @supports (display: grid) {\n max-width: none;\n margin: 0;\n }\n @media print {\n color: #000;\n background-color: #fff;\n font-size: 10pt;\n text-decoration-skip-ink: none;\n }\n}\n\nbody:lang(ar) {\n font-family: \"Noto Naskh Arabic\", \"Noto Sans\", \"Trebuchet MS\", \"Helvetica Neue\", Arial, sans-serif;\n}\n\nbody:not(:lang(ar)) *:lang(ar) {\n font-family: \"Noto Naskh Arabic Minimal\", \"Noto Sans\", \"Trebuchet MS\", \"Helvetica Neue\", Arial, sans-serif;\n}\n\ncode {\n font-size: 1em;\n font-family: 'Noto Sans Mono', monospace;\n}\n\na {\n color: var(--w3c-blue);\n &:--hovcus {\n color: var(--wai-green);\n }\n &:visited {\n color: var(--visited-link);\n }\n &.stealthy-link {\n text-decoration: none;\n &:--hovcus {\n color: inherit;\n }\n &:visited {\n color: inherit;\n }\n }\n @media print {\n & {\n color: #000;\n }\n &[href^=\"#\"]:after {\n content: '(⇘ ' attr(href) ')';\n }\n &[href^=\"http\"]:after {\n content: ' (' attr(href) ')';\n }\n &[href^=\"/WAI/\"]:after {\n content: ' (https://www.w3.org' attr(href) ')';\n }\n }\n}\n\na, button, input, select, submit, textarea, [tabindex]:not([tabindex=\"-1\"]) {\n outline: 2px solid transparent;\n outline-offset: 5px;\n transition: outline-offset .2s linear;\n}\n\na:focus, button:focus, input:focus, select:focus, submit:focus, textarea:focus, [tabindex]:not([tabindex=\"-1\"]):focus {\n outline-color: currentColor;\n outline-offset: 2px;\n}\n\n.default-container, .default-grid {\n padding: 0 32px;\n @media (--medium) {\n padding:0;\n }\n}\n\n.default-grid {\n padding: 0 16px;\n @media (--large) {\n padding:0;\n display: flex;\n padding-inline-start: 32px;\n padding-inline-end: 32px;\n @supports (display: grid) {\n display: grid;\n grid-column-gap: 32px;\n padding: 0;\n max-width: none;\n grid-template-columns: [complete-start] minmax(16px, 1fr) [navigation-start] repeat(2, minmax(0, 130px)) [navigation-end content-start] repeat(6, minmax(0, 130px)) [content-end] minmax(16px, 1fr) [complete-end];\n }\n & .inner {\n grid-column-start: navigation-start;\n grid-column-end: content-end;\n }\n }\n @media print {\n display: block;\n }\n}\n\n.grid-3 {\n @media (--large) {\n display: flex;\n padding-inline-start: 32px;\n padding-inline-end: 32px;\n @supports (display: grid) {\n display: grid;\n grid-column-gap: 32px;\n padding: 0;\n max-width: none;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n &.nogap { grid-column-gap: 0; }\n }\n & .col1, & .from-col1 { grid-column-start: 1; }\n & .col1, & .to-col1 { grid-column-end: 2; }\n\n & .col2, & .from-col2 { grid-column-start: 2; }\n & .col2, & .to-col2 { grid-column-end: 3; }\n\n & .col3, & .from-col3 { grid-column-start: 3; }\n & .col3, & .to-col3 { grid-column-end: 4; }\n\n}\n\n.grid-4 {\n @media (--large) {\n display: flex;\n padding-inline-start: 32px;\n padding-inline-end: 32px;\n @supports (display: grid) {\n display: grid;\n grid-column-gap: 32px;\n padding: 0;\n max-width: none;\n grid-template-columns: repeat(4, minmax(0, 1fr));\n }\n &.nogap { grid-column-gap: 0; }\n }\n & .col1, & .from-col1 { grid-column-start: 1; }\n & .col1, & .to-col1 { grid-column-end: 2; }\n\n & .col2, & .from-col2 { grid-column-start: 2; }\n & .col2, & .to-col2 { grid-column-end: 3; }\n\n & .col3, & .from-col3 { grid-column-start: 3; }\n & .col3, & .to-col3 { grid-column-end: 4; }\n\n & .col4, & .from-col4 { grid-column-start: 4; }\n & .col4, & .to-col4 { grid-column-end: 5; }\n\n}\n\n.grid-6 {\n @media (--large) {\n display: flex;\n padding-inline-start: 32px;\n padding-inline-end: 32px;\n @supports (display: grid) {\n display: grid;\n grid-column-gap: 32px;\n padding: 0;\n max-width: none;\n grid-template-columns: repeat(6, minmax(0, 1fr));\n }\n }\n\n & .col1, & .from-col1 { grid-column-start: 1; }\n & .col1, & .to-col1 { grid-column-end: 2; }\n\n & .col2, & .from-col2 { grid-column-start: 2; }\n & .col2, & .to-col2 { grid-column-end: 3; }\n\n & .col3, & .from-col3 { grid-column-start: 3; }\n & .col3, & .to-col3 { grid-column-end: 4; }\n\n & .col4, & .from-col4 { grid-column-start: 4; }\n & .col4, & .to-col4 { grid-column-end: 5; }\n\n & .col5, & .from-col5 { grid-column-start: 5; }\n & .col5, & .to-col5 { grid-column-end: 6; }\n\n & .col6, & .from-col6 { grid-column-start: 6; }\n & .col6, & .to-col6 { grid-column-end: 7; }\n\n /* IE fixes: */\n & .col1, & .col2, & .col3, & .col4, & .col5, & .col6, &.from-col1, & .from-col2, & .from-col3, & .from-col4, & .from-col5, & .from-col6 {flex-basis: 25%; flex-grow: 1;}\n & .col2, & .col3, & .col4, & .col5, & .col6, & .from-col2, & .from-col3, & .from-col4, & .from-col5, & .from-col6 {margin-inline-start: 32px;}\n @supports (display: grid) {\n & .col2, & .col3, & .col4, & .col5, & .col6, & .from-col2, & .from-col3, & .from-col4, & .from-col5, & .from-col6 {margin-inline-start: 0;}\n }\n &.from-col1.to-col6 {\n width: 100%;\n }\n}\n\n.grid-three-five {\n & .col1, & .col2 { padding-inline-start: 16px; padding-inline-end: 16px; }\n @media (--medium) {\n display: flex;\n padding-inline-start: 32px;\n padding-inline-end: 32px;\n @supports (display: grid) {\n display: grid;\n grid-column-gap: 32px;\n padding: 0;\n max-width: none;\n grid-template-columns: [complete-start] 0 [three-start five-start] 1fr [three-end five-end] 0 [complete-end];\n @media (--medium) {\n grid-template-columns: [complete-start] minmax(16px, 1fr) [three-start] repeat(3, minmax(0, 130px)) [three-end five-start] repeat(5, minmax(0, 130px)) [five-end] minmax(16px, 1fr) [complete-end];\n }\n }\n & .col1, & .col2 { padding: 0; }\n }\n & .col1, & .col2 { flex-shrink: 1; }\n & .col1 {\n flex-basis: 35%;\n grid-column-start: three-start;\n grid-column-end: three-end;\n margin-inline-end: 32px;\n @supports (display: grid) {\n margin-inline-end: 0;\n }\n }\n & .col2 {\n flex-basis: 61%;\n grid-column-start: five-start;\n grid-column-end: five-end;\n }\n & .col12 {\n flex-basis: 100%;\n grid-column-start: three-start;\n grid-column-end: five-end;\n }\n}\n\n.grid-five-three {\n & .col1, & .col2 { padding-inline-start: 16px; padding-inline-end: 16px; }\n @media (--medium) {\n display: flex;\n padding-inline-start: 32px;\n padding-inline-end: 32px;\n @supports (display: grid) {\n display: grid;\n grid-column-gap: 32px;\n padding: 0;\n max-width: none;\n grid-template-columns: [complete-start] 0 [three-start five-start] 1fr [three-end five-end] 0 [complete-end];\n @media (--medium) {\n grid-template-columns: [complete-start] minmax(16px, 1fr) [five-start] repeat(5, minmax(0, 130px)) [five-end three-start] repeat(3, minmax(0, 130px)) [three-end] minmax(16px, 1fr) [complete-end];\n }\n }\n & .col1, & .col2 { padding: 0; }\n }\n & .col1, & .col2 { flex-shrink: 1; }\n & .col1 {\n flex: 1 1 62%;\n grid-column-start: five-start;\n grid-column-end: five-end;\n margin-inline-end: 32px;\n @supports (display: grid) {\n margin-inline-end: 0;\n }\n }\n & .col2 {\n flex: 1 1 37%;\n grid-column-start: three-start;\n grid-column-end: three-end;\n }\n & .col12 {\n flex-basis: 100%;\n grid-column-start: five-start;\n grid-column-end: three-end;\n }\n}\n\n.grid-4q {\n display: flex;\n padding-inline-start: 32px;\n padding-inline-end: 32px;\n @supports (display: grid) {\n display: grid;\n grid-column-gap: 32px;\n padding: 0;\n max-width: none;\n grid-template-columns: [complete-start] 0 [q1-start q2-start q3-start q4-start] 1fr [q1-end q2-end q3-end q4-end] 0 [complete-end];\n @media (--large) {\n grid-template-columns: [complete-start] minmax(16px, 1fr) [content-start q1-start] repeat(2, minmax(0, 130px)) [q1-end q2-start] repeat(2, minmax(0, 130px)) [q2-end q3-start] repeat(2, minmax(0, 130px)) [q3-end q4-start] repeat(2, minmax(0, 130px)) [q4-end content-end] minmax(16px, 1fr) [complete-end];\n }\n }\n &.nogap {\n grid-template-columns: [complete-start] 0 [q1-start q2-start q3-start q4-start] 1fr [q1-end q2-end q3-end q4-end] 0 [complete-end];\n @media (--large) {\n grid-template-columns: [complete-start] minmax(16px, 1fr) [content-start q1-start] repeat(2, minmax(0, 158px)) [q1-end q2-start] repeat(2, minmax(0, 158px)) [q2-end q3-start] repeat(2, minmax(0, 158px)) [q3-end q4-start] repeat(2, minmax(0, 158px)) [q4-end content-end] minmax(16px, 1fr) [complete-end];\n }\n grid-column-gap: 0;\n }\n\n & .q1-start {\n flex-basis:25%;\n flex-shrink: 1;\n margin-inline-end: 32px;\n grid-column-start: q1-start;\n }\n & .q2-start {\n flex-basis:25%;\n flex-shrink: 1;\n margin-inline-end: 32px;\n grid-column-start: q2-start;\n }\n & .q3-start {\n flex-basis:25%;\n flex-shrink: 1;\n margin-inline-end: 32px;\n grid-column-start: q3-start;\n }\n & .q4-start {\n flex-basis:25%;\n flex-shrink: 1;\n margin-inline-end: 32px;\n grid-column-start: q4-start;\n }\n & .q1-end {\n grid-column-end: q1-end;\n }\n & .q2-end {\n grid-column-end: q2-end;\n }\n & .q3-end {\n grid-column-end: q3-end;\n }\n & .q4-end {\n grid-column-end: q4-end;\n margin-inline-end: 0;\n }\n & .q1-start.q2-end,\n & .q2-start.q3-end,\n & .q3-start.q4-end {\n flex-basis: 50%;\n }\n & .q1-start.q3-end,\n & .q2-start.q4-end {\n flex-basis: 75%;\n }\n\n &.nogap {\n & .q1-start,\n & .q2-start,\n & .q3-start,\n & .q4-start {\n margin-inline-end: 0;\n }\n }\n\n @supports(display: grid) {\n & .q1-start,\n & .q2-start,\n & .q3-start,\n & .q4-start {\n margin-inline-end: 0;\n }\n }\n}\n\n.leftcol {\n & nav {\n flex-basis: 24.25%;\n flex-shrink: 0;\n }\n & main {\n grid-area: content;\n flex: 1;\n margin-inline-start: 32px;\n @supports (display: grid) {\n margin-inline-start: 0;\n }\n }\n}\n\n.grid-line-right {\n @media (--medium) {\n border-inline-end: 1px solid var(--line-grey);\n margin-inline-end: -17px !important;\n padding-inline-end: 17px !important;\n }\n}\n\n.grid-line-left {\n @media (--medium) {\n border-inline-start: 1px solid var(--line-grey);\n margin-inline-start: -16px !important;\n padding-inline-start: 16px !important;\n }\n}\n\n.media-wrapper, .able-media-container {\n position: relative;\n padding-top: 56.25%;\n & iframe, & video, & .img {\n position: absolute;\n top:0;\n right: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: none;\n }\n}\n\n.contentarea {\n position: relative;\n}\n\nimg.symbol {\n float: inline-end;\n margin-inline-start: 1em;\n margin-block-end: 1em;\n}\n\nmain img { max-width: 100%; }\n\nfigure { margin: 0 0 1em; }\nfigcaption { font-weight: bold; border-block-end: 1px solid var(--line-grey); margin-block-end: .5em;}",":root {\n --w3c-classic: #005A9C;\n --w3c-blue: #003366;\n --wai-green: #005A6A;\n --off-black: #1d1d1d;\n --dk-grey: #3b3b3b;\n --faded-red: #c0272d;\n --light-blue: #196cac;\n --dk-blue: #091832;\n --gold: #eed009;\n --ocean: #00818d;\n --cloudy: #bccbd3;\n --grey: #686868;\n --line-grey: #ddd;\n --trans-line-grey: rgba(221, 221, 221, 0.32);\n --off-white: #f2f2f2;\n --body-bg: #FAFAFC;\n --lt-off-white: #fafafa;\n --pure-white: #ffffff;\n --white-transparent: rgba(255, 255, 255, 0.92);;\n --visited-link: #660066;\n --footer-grey: #efefef;\n}\n.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.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@font-face {\n font-family: 'Noto Sans';\n src: url('../fonts/notosans/notosans-regular.woff2') format('woff2'),\n url('../fonts/notosans/notosans-regular.woff') format('woff');\n font-weight: 400;\n font-style: normal;\n}\n@font-face {\n font-family: 'Noto Sans';\n src: url('../fonts/notosans/notosans-italic.woff2') format('woff2'),\n url('../fonts/notosans/notosans-italic.woff') format('woff');\n font-weight: 400;\n font-style: italic;\n}\n@font-face {\n font-family: 'Noto Sans';\n src: url('../fonts/notosans/notosans-bold.woff2') format('woff2'),\n url('../fonts/notosans/notosans-bold.woff') format('woff');\n font-weight: 600;\n font-style: normal;\n}\n@font-face {\n font-family: 'Noto Sans';\n src: url('../fonts/notosans/notosans-bolditalic.woff2') format('woff2'),\n url('../fonts/notosans/notosans-bolditalic.woff') format('woff');\n font-weight: 600;\n font-style: italic;\n}\n@font-face {\n font-family: 'Noto Sans Mono';\n src: url('../fonts/notosansmono/notosansmono-semicondensed.woff2') format('woff2'),\n url('../fonts/notosansmono/notosansmono-semicondensed.woff') format('woff');\n font-weight: 400;\n font-style: normal;\n}\n@font-face {\n font-family: 'Noto Sans Mono';\n src: url('../fonts/notosansmono/notosansmono-semicondensedbold.woff2') format('woff2'),\n url('../fonts/notosansmono/notosansmono-semicondensedbold.woff') format('woff');\n font-weight: 600;\n font-style: normal;\n}\n@font-face {\n font-family: 'Noto Naskh Arabic Minimal';\n src: url('../fonts/notonaskh/regular-minimal.woff2') format('woff2'),\n url('../fonts/notonaskh/regular-minimal.woff') format('woff');\n font-weight: normal;\n font-style: normal;\n}\n@font-face {\n font-family: 'Noto Naskh Arabic Minimal';\n src: url('../fonts/notonaskh/bold-minimal.woff2') format('woff2'),\n url('../fonts/notonaskh/bold-minimal.woff') format('woff');\n font-weight: bold;\n font-style: normal;\n}\n@font-face {\n font-family: 'Noto Naskh Arabic';\n src: url('../fonts/notonaskh/regular.woff2') format('woff2'),\n url('../fonts/notonaskh/regular.woff') format('woff');\n font-weight: normal;\n font-style: normal;\n}\n@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}\nhtml {\n background-color: #f2f2f2;\n background-color: var(--off-white)\n}\n@media print {\nhtml {\n background-color: #fff\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@supports (display: grid) {\nbody {\n max-width: none;\n margin: 0\n}\n }\n@media print {\nbody {\n color: #000;\n background-color: #fff;\n font-size: 10pt;\n -webkit-text-decoration-skip-ink: none;\n text-decoration-skip-ink: none\n}\n }\nbody:lang(ar) {\n font-family: \"Noto Naskh Arabic\", \"Noto Sans\", \"Trebuchet MS\", \"Helvetica Neue\", Arial, sans-serif;\n}\nbody:not(:lang(ar)) *:lang(ar) {\n font-family: \"Noto Naskh Arabic Minimal\", \"Noto Sans\", \"Trebuchet MS\", \"Helvetica Neue\", Arial, sans-serif;\n}\ncode {\n font-size: 1em;\n font-family: 'Noto Sans Mono', monospace;\n}\na {\n color: #003366;\n color: var(--w3c-blue)\n}\na:hover,a:focus {\n color: #005A6A;\n color: var(--wai-green);\n }\na:visited {\n color: #660066;\n color: var(--visited-link);\n }\na.stealthy-link {\n text-decoration: none\n }\na.stealthy-link:hover,a.stealthy-link:focus {\n color: inherit;\n }\na.stealthy-link:visited {\n color: inherit;\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 }\na, button, input, select, submit, textarea, [tabindex]:not([tabindex=\"-1\"]) {\n outline: 2px solid transparent;\n outline-offset: 5px;\n -webkit-transition: outline-offset .2s linear;\n transition: outline-offset .2s linear;\n}\na:focus, button:focus, input:focus, select:focus, submit:focus, textarea:focus, [tabindex]:not([tabindex=\"-1\"]):focus {\n outline-color: currentColor;\n outline-offset: 2px;\n}\n.default-container, .default-grid {\n padding: 0 32px\n}\n@media (min-width: 35em) {\n.default-container, .default-grid {\n padding:0\n}\n }\n.default-grid {\n padding: 0 16px\n}\n@media (min-width: 60em) {\n[dir=\"ltr\"] .default-grid {\n padding-left: 32px;\n }\n[dir=\"rtl\"] .default-grid {\n padding-right: 32px;\n }\n[dir=\"ltr\"] .default-grid {\n padding-right: 32px;\n }\n[dir=\"rtl\"] .default-grid {\n padding-left: 32px;\n }\n.default-grid {\n padding:0;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex\n}\n @supports (display: grid) {\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@media print {\n.default-grid {\n display: block\n}\n }\n@media (min-width: 60em) {\n[dir=\"ltr\"] .grid-3 {\n padding-left: 32px;\n }\n[dir=\"rtl\"] .grid-3 {\n padding-right: 32px;\n }\n[dir=\"ltr\"] .grid-3 {\n padding-right: 32px;\n }\n[dir=\"rtl\"] .grid-3 {\n padding-left: 32px;\n }\n.grid-3 {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex\n\n}\n @supports (display: grid) {\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.grid-3 .col1, .grid-3 .from-col1 { grid-column-start: 1; }\n.grid-3 .col1, .grid-3 .to-col1 { grid-column-end: 2; }\n.grid-3 .col2, .grid-3 .from-col2 { grid-column-start: 2; }\n.grid-3 .col2, .grid-3 .to-col2 { grid-column-end: 3; }\n.grid-3 .col3, .grid-3 .from-col3 { grid-column-start: 3; }\n.grid-3 .col3, .grid-3 .to-col3 { grid-column-end: 4; }\n@media (min-width: 60em) {\n[dir=\"ltr\"] .grid-4 {\n padding-left: 32px;\n }\n[dir=\"rtl\"] .grid-4 {\n padding-right: 32px;\n }\n[dir=\"ltr\"] .grid-4 {\n padding-right: 32px;\n }\n[dir=\"rtl\"] .grid-4 {\n padding-left: 32px;\n }\n.grid-4 {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex\n\n}\n @supports (display: grid) {\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.grid-4 .col1, .grid-4 .from-col1 { grid-column-start: 1; }\n.grid-4 .col1, .grid-4 .to-col1 { grid-column-end: 2; }\n.grid-4 .col2, .grid-4 .from-col2 { grid-column-start: 2; }\n.grid-4 .col2, .grid-4 .to-col2 { grid-column-end: 3; }\n.grid-4 .col3, .grid-4 .from-col3 { grid-column-start: 3; }\n.grid-4 .col3, .grid-4 .to-col3 { grid-column-end: 4; }\n.grid-4 .col4, .grid-4 .from-col4 { grid-column-start: 4; }\n.grid-4 .col4, .grid-4 .to-col4 { grid-column-end: 5; }\n@media (min-width: 60em) {\n[dir=\"ltr\"] .grid-6 {\n padding-left: 32px;\n }\n[dir=\"rtl\"] .grid-6 {\n padding-right: 32px;\n }\n[dir=\"ltr\"] .grid-6 {\n padding-right: 32px;\n }\n[dir=\"rtl\"] .grid-6 {\n padding-left: 32px;\n }\n.grid-6 {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex\n}\n @supports (display: grid) {\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.grid-6 .col1, .grid-6 .from-col1 { grid-column-start: 1; }\n.grid-6 .col1, .grid-6 .to-col1 { grid-column-end: 2; }\n.grid-6 .col2, .grid-6 .from-col2 { grid-column-start: 2; }\n.grid-6 .col2, .grid-6 .to-col2 { grid-column-end: 3; }\n.grid-6 .col3, .grid-6 .from-col3 { grid-column-start: 3; }\n.grid-6 .col3, .grid-6 .to-col3 { grid-column-end: 4; }\n.grid-6 .col4, .grid-6 .from-col4 { grid-column-start: 4; }\n.grid-6 .col4, .grid-6 .to-col4 { grid-column-end: 5; }\n.grid-6 .col5, .grid-6 .from-col5 { grid-column-start: 5; }\n.grid-6 .col5, .grid-6 .to-col5 { grid-column-end: 6; }\n.grid-6 .col6, .grid-6 .from-col6 { grid-column-start: 6; }\n.grid-6 .col6, .grid-6 .to-col6 { grid-column-end: 7; }\n.grid-6 {\n\n /* IE fixes: */\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[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[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@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.grid-6.from-col1.to-col6 {\n width: 100%;\n }\n[dir=\"ltr\"] .grid-three-five .col1,[dir=\"ltr\"] .grid-three-five .col2 { padding-left: 16px;\n}\n[dir=\"rtl\"] .grid-three-five .col1,[dir=\"rtl\"] .grid-three-five .col2 { padding-right: 16px;\n}\n[dir=\"ltr\"] .grid-three-five .col1,[dir=\"ltr\"] .grid-three-five .col2 { padding-right: 16px;\n}\n[dir=\"rtl\"] .grid-three-five .col1,[dir=\"rtl\"] .grid-three-five .col2 { padding-left: 16px;\n}\n@media (min-width: 35em) {\n[dir=\"ltr\"] .grid-three-five {\n padding-left: 32px;\n }\n[dir=\"rtl\"] .grid-three-five {\n padding-right: 32px;\n }\n[dir=\"ltr\"] .grid-three-five {\n padding-right: 32px;\n }\n[dir=\"rtl\"] .grid-three-five {\n padding-left: 32px;\n }\n.grid-three-five {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex\n}\n @supports (display: grid) {\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.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.grid-three-five .col1, .grid-three-five .col2 { -ms-flex-negative: 1; flex-shrink: 1; }\n[dir=\"ltr\"] .grid-three-five .col1 {\n margin-right: 32px;\n}\n[dir=\"rtl\"] .grid-three-five .col1 {\n margin-left: 32px;\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@supports (display: grid) {\n[dir=\"ltr\"] .grid-three-five .col1 {\n margin-right: 0;\n }\n[dir=\"rtl\"] .grid-three-five .col1 {\n margin-left: 0;\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.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[dir=\"ltr\"] .grid-five-three .col1,[dir=\"ltr\"] .grid-five-three .col2 { padding-left: 16px;\n}\n[dir=\"rtl\"] .grid-five-three .col1,[dir=\"rtl\"] .grid-five-three .col2 { padding-right: 16px;\n}\n[dir=\"ltr\"] .grid-five-three .col1,[dir=\"ltr\"] .grid-five-three .col2 { padding-right: 16px;\n}\n[dir=\"rtl\"] .grid-five-three .col1,[dir=\"rtl\"] .grid-five-three .col2 { padding-left: 16px;\n}\n@media (min-width: 35em) {\n[dir=\"ltr\"] .grid-five-three {\n padding-left: 32px;\n }\n[dir=\"rtl\"] .grid-five-three {\n padding-right: 32px;\n }\n[dir=\"ltr\"] .grid-five-three {\n padding-right: 32px;\n }\n[dir=\"rtl\"] .grid-five-three {\n padding-left: 32px;\n }\n.grid-five-three {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex\n}\n @supports (display: grid) {\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.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.grid-five-three .col1, .grid-five-three .col2 { -ms-flex-negative: 1; flex-shrink: 1; }\n[dir=\"ltr\"] .grid-five-three .col1 {\n margin-right: 32px;\n}\n[dir=\"rtl\"] .grid-five-three .col1 {\n margin-left: 32px;\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@supports (display: grid) {\n[dir=\"ltr\"] .grid-five-three .col1 {\n margin-right: 0;\n }\n[dir=\"rtl\"] .grid-five-three .col1 {\n margin-left: 0;\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.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[dir=\"ltr\"] .grid-4q {\n padding-left: 32px;\n}\n[dir=\"rtl\"] .grid-4q {\n padding-right: 32px;\n}\n[dir=\"ltr\"] .grid-4q {\n padding-right: 32px;\n}\n[dir=\"rtl\"] .grid-4q {\n padding-left: 32px;\n}\n.grid-4q {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex\n}\n@supports (display: grid) {\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.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.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@media (min-width: 60em) {\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.grid-4q.nogap {\n grid-column-gap: 0;\n }\n[dir=\"ltr\"] .grid-4q .q1-start {\n margin-right: 32px;\n}\n[dir=\"rtl\"] .grid-4q .q1-start {\n margin-left: 32px;\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[dir=\"ltr\"] .grid-4q .q2-start {\n margin-right: 32px;\n}\n[dir=\"rtl\"] .grid-4q .q2-start {\n margin-left: 32px;\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[dir=\"ltr\"] .grid-4q .q3-start {\n margin-right: 32px;\n}\n[dir=\"rtl\"] .grid-4q .q3-start {\n margin-left: 32px;\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[dir=\"ltr\"] .grid-4q .q4-start {\n margin-right: 32px;\n}\n[dir=\"rtl\"] .grid-4q .q4-start {\n margin-left: 32px;\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.grid-4q .q1-end {\n grid-column-end: q1-end;\n }\n.grid-4q .q2-end {\n grid-column-end: q2-end;\n }\n.grid-4q .q3-end {\n grid-column-end: q3-end;\n }\n[dir=\"ltr\"] .grid-4q .q4-end {\n margin-right: 0;\n}\n[dir=\"rtl\"] .grid-4q .q4-end {\n margin-left: 0;\n}\n.grid-4q .q4-end {\n grid-column-end: q4-end;\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.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[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[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@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.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[dir=\"ltr\"] .leftcol main {\n margin-left: 32px;\n}\n[dir=\"rtl\"] .leftcol main {\n margin-right: 32px;\n}\n.leftcol main {\n grid-area: content;\n -webkit-box-flex: 1;\n -ms-flex: 1;\n flex: 1\n }\n@supports (display: grid) {\n[dir=\"ltr\"] .leftcol main {\n margin-left: 0;\n }\n[dir=\"rtl\"] .leftcol main {\n margin-right: 0;\n }\n }\n@media (min-width: 35em) {\n[dir=\"ltr\"] .grid-line-right {\n border-right: 1px solid #ddd;\n }\n[dir=\"rtl\"] .grid-line-right {\n border-left: 1px solid #ddd;\n }\n[dir=\"ltr\"] .grid-line-right {\n border-right: 1px solid var(--line-grey);\n }\n[dir=\"rtl\"] .grid-line-right {\n border-left: 1px solid var(--line-grey);\n }\n[dir=\"ltr\"] .grid-line-right {\n margin-right: -17px !important;\n }\n[dir=\"rtl\"] .grid-line-right {\n margin-left: -17px !important;\n }\n[dir=\"ltr\"] .grid-line-right {\n padding-right: 17px !important;\n }\n[dir=\"rtl\"] .grid-line-right {\n padding-left: 17px !important;\n }\n }\n@media (min-width: 35em) {\n[dir=\"ltr\"] .grid-line-left {\n border-left: 1px solid #ddd;\n }\n[dir=\"rtl\"] .grid-line-left {\n border-right: 1px solid #ddd;\n }\n[dir=\"ltr\"] .grid-line-left {\n border-left: 1px solid var(--line-grey);\n }\n[dir=\"rtl\"] .grid-line-left {\n border-right: 1px solid var(--line-grey);\n }\n[dir=\"ltr\"] .grid-line-left {\n margin-left: -16px !important;\n }\n[dir=\"rtl\"] .grid-line-left {\n margin-right: -16px !important;\n }\n[dir=\"ltr\"] .grid-line-left {\n padding-left: 16px !important;\n }\n[dir=\"rtl\"] .grid-line-left {\n padding-right: 16px !important;\n }\n }\n.media-wrapper, .able-media-container {\n position: relative;\n padding-top: 56.25%\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.contentarea {\n position: relative;\n}\n[dir=\"ltr\"] img.symbol {\n float: right;\n}\n[dir=\"rtl\"] img.symbol {\n float: left;\n}\n[dir=\"ltr\"] img.symbol {\n margin-left: 1em;\n}\n[dir=\"rtl\"] img.symbol {\n margin-right: 1em;\n}\nimg.symbol {\n margin-bottom: 1em;\n}\nmain img { max-width: 100%; }\nfigure { margin: 0 0 1em; }\nfigcaption { font-weight: bold; border-bottom: 1px solid #ddd; border-bottom: 1px solid var(--line-grey); margin-bottom: .5em;}\nbutton, .button {\n cursor: pointer;\n border-radius: 5px;\n display: inline-block;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n padding: 8px 12px;\n border: 2px solid #005A6A;\n border: 2px solid var(--wai-green);;\n font-size: 13px;;\n font-size: .8125rem;\n line-height: 1.4;\n color: #ffffff;\n color: var(--pure-white);\n background-color: #005A6A;\n background-color: var(--wai-green);\n text-decoration: none;\n font-weight: bold\n}\nbutton:visited, .button:visited {\n color: #ffffff;\n color: var(--pure-white);\n }\nbutton.button-nobg, .button.button-nobg {\n background: transparent\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 }\nbutton.button-noborder, .button.button-noborder {\n border-color: transparent\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 }\nbutton.button-small, .button.button-small {\n padding: 2px 4px;\n }\nbutton.button-inline, .button.button-inline {\n padding: 0;\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 }\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 }\nbutton:focus, .button:focus {\n outline-color: #003366;\n outline-color: var(--w3c-blue);\n }\nbutton:disabled, .button:disabled {\n opacity: .75;\n text-decoration: line-through;\n }\n.button-secondary {\n background-color: #ffffff;\n background-color: var(--pure-white);\n color: #005A6A;\n color: var(--wai-green)\n}\n.button-secondary:visited {\n color: #003366;\n color: var(--w3c-blue)\n }\n.button-secondary:visited:hover,.button-secondary:visited:focus {\n color: #ffffff;\n color: var(--pure-white);\n }\n.button-backtotop {\n position: fixed;\n cursor: pointer;\n bottom: 16px;\n right: 16px;\n left: auto\n}\n[dir=\"rtl\"] .button-backtotop {\n right: auto;\n left: 16px;\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.button-backtotop:focus,.button-backtotop.active {\n opacity: 1;\n }\n.button-backtotop svg {\n vertical-align: -1px;\n }\n[dir=\"ltr\"] .button-backtotop.inline {\n float: right;\n}\n[dir=\"rtl\"] .button-backtotop.inline {\n float: left;\n}\n.button-backtotop.inline {\n position:static;\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: #eed009;\n border-color: var(--gold)\n}\n.button-menu:hover,.button-menu:focus {\n border-color: #ffffff;\n border-color: var(--pure-white);\n background-color: #eed009;\n background-color: var(--gold);\n color: #1d1d1d;\n color: var(--off-black);\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.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[dir=\"ltr\"] img.left {\n float: left;\n}\n[dir=\"rtl\"] img.left {\n float: right;\n}\n[dir=\"ltr\"] img.left {\n margin-right: 1em;\n}\n[dir=\"rtl\"] img.left {\n margin-left: 1em;\n}\n[dir=\"ltr\"] img.right {\n clear: right;\n}\n[dir=\"rtl\"] img.right {\n clear: left;\n}\n[dir=\"ltr\"] img.right {\n float: right;\n}\n[dir=\"rtl\"] img.right {\n float: left;\n}\n[dir=\"ltr\"] img.right {\n margin-left: 1em;\n}\n[dir=\"rtl\"] img.right {\n margin-right: 1em;\n}\nmark {\n background-color: color-mod(#eed009 alpha(35%));\n background-color: color-mod(var(--gold) alpha(35%));\n}\np {\n margin: 1em 0;\n}\n.showhidebutton {\n display: inline;\n background: transparent;\n color: inherit;\n border-color: transparent;\n font-weight: normal\n}\n[dir=\"ltr\"] .showhidebutton:after {\n margin-left: .5em;\n}\n[dir=\"rtl\"] .showhidebutton:after {\n margin-right: .5em;\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.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.showhidebutton[aria-expanded=false]:after {\n content: \"+\";\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}\nblockquote {\n font-style: italic;\n margin-bottom: 1em\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[dir=\"ltr\"] blockquote cite:before {\n margin-left: -32px;\n margin-left: -2rem;\n}\n[dir=\"rtl\"] blockquote cite:before {\n margin-right: -32px;\n margin-right: -2rem;\n}\nblockquote cite:before {\n content: \"— \";\n font-weight: bold;\n width: 32px;\n width: 2rem;\n display: inline-block;\n }\n[dir=\"ltr\"] blockquote p:first-of-type::before {\n margin-left: -.75ch;\n}\n[dir=\"rtl\"] blockquote p:first-of-type::before {\n margin-right: -.75ch;\n}\nblockquote p:first-of-type::before {\n content: '“';\n }\nblockquote p:last-of-type {\n margin-bottom: 0;\n }\nblockquote p:last-of-type::after {\n content: '”';\n }\nblockquote.special {\n text-align: center;\n }\n[dir=\"ltr\"] blockquote.pull {\n margin-left: 64px;\n margin-left: 4rem;\n}\n[dir=\"rtl\"] blockquote.pull {\n margin-right: 64px;\n margin-right: 4rem;\n}\n[dir=\"ltr\"] blockquote.pull {\n border-left: 2px solid #ddd;\n}\n[dir=\"rtl\"] blockquote.pull {\n border-right: 2px solid #ddd;\n}\n[dir=\"ltr\"] blockquote.pull {\n border-left: 2px solid var(--line-grey);\n}\n[dir=\"rtl\"] blockquote.pull {\n border-right: 2px solid var(--line-grey);\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}\nblockquote.pull.right, blockquote.pull.left {\n max-width: 256px;\n max-width: 16rem;\n }\n[dir=\"ltr\"] blockquote.pull.right {\n float: right;\n}\n[dir=\"rtl\"] blockquote.pull.right {\n float: left;\n}\n[dir=\"ltr\"] blockquote.pull.left {\n float: left;\n}\n[dir=\"rtl\"] blockquote.pull.left {\n float: right;\n}\n[dir=\"ltr\"] blockquote.pull.left {\n margin-right: 32px;\n margin-right: 2rem;\n}\n[dir=\"rtl\"] blockquote.pull.left {\n margin-left: 32px;\n margin-left: 2rem;\n}\n[dir=\"ltr\"] blockquote.pull p:first-of-type::before {\n margin-left: -1.25ch;\n}\n[dir=\"rtl\"] blockquote.pull p:first-of-type::before {\n margin-right: -1.25ch;\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 }\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 }\nblockquote.pull.alt-1 {\n color: #005A9C;\n color: var(--w3c-classic);\n }\nblockquote.pull.alt-2 {\n color: #005A6A;\n color: var(--wai-green);\n }\nblockquote.pull.alt-3 {\n color: #1d1d1d;\n color: var(--off-black);\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.box + .box#toc {\n margin-top: 0;\n border-top: 0;\n}\n.box.box-space-above {\n margin-top: 90px;\n}\n.box-h {\n padding: 8px 16px;\n color: #005A6A;\n color: var(--wai-green)\n}\n@media print {\n.box-h {\n color: #000\n}\n }\n.box-h {\n font-weight: bold;\n background-color: #f2f2f2;\n background-color: var(--off-white)\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@supports (all: unset) {\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.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[dir=\"ltr\"] .box-h-icon svg {\n margin-right: 4px;\n}\n[dir=\"rtl\"] .box-h-icon svg {\n margin-left: 4px;\n}\n.box-i:before, .box-i:after {\n content: \" \";\n display: table;\n }\n.box-i:after {\n clear: both;\n }\n.box-i {\n padding: 8px 16px;\n font-size: 14/16 * 16px;\n font-size: 14/16 * 1rem\n}\n.box-i > :first-child {\n margin-top: 0;\n }\n.box-i > :last-child {\n margin-bottom: 0;\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.box.box-linklist .box-i {\n padding: 0;\n }\n.box.box-simple .box-i {\n padding: 2px 8px 8px;\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.box.box-simple.box-aside .box-i {\n font-size: 14px;\n font-size: .875rem;\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.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.breadcrumb ul {\n margin: 0;\n padding: 0;\n grid-column: 2/10\n }\n.breadcrumb ul li {\n display: inline-block;\n margin: 0;\n padding: 0\n }\n.breadcrumb ul li:after {\n content: \" / \";\n color: #005A6A;\n color: var(--wai-green);\n white-space: pre-wrap;\n }\n.breadcrumb ul li:last-child:after {\n content: \"\";\n display:none;\n }\n.breadcrumb a {\n color: #003366;\n color: var(--w3c-blue)\n }\n@media print { .breadcrumb a:after { content: ''; } }\n.breadcrumb [aria-current=page] {\n font-weight: bold;\n text-decoration: none;\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.content > * {\n grid-column: 1/5;\n grid-auto-flow: dense;\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.content.wide {\n grid-template-columns: repeat(8, minmax(0, 120px));\n grid-column-start: navigation;\n grid-column-end: content\n }\n.content.wide > * {\n grid-column: 3/9;\n }\n.content.wide .sn-contents {\n grid-column:1/3;\n grid-row:1/99;\n }\n[dir=\"ltr\"] .example-bar {\n padding-left: 32px;\n}\n[dir=\"rtl\"] .example-bar {\n padding-right: 32px;\n}\n[dir=\"ltr\"] .example-bar {\n padding-right: 32px;\n}\n[dir=\"rtl\"] .example-bar {\n padding-left: 32px;\n}\n.example-bar {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex\n}\n@supports (display: grid) {\n.example-bar {\n display: grid;\n grid-column-gap: 32px;\n padding: 0;\n max-width: none\n}\n }\n.example-bar {\n grid-template-columns: repeat(6, minmax(0, 1fr))\n}\n.example-bar > * {\n grid-column: 2/7;\n }\n[dir=\"ltr\"] .example-bar .eg {\n border-right: 2px solid #005A6A;\n}\n[dir=\"rtl\"] .example-bar .eg {\n border-left: 2px solid #005A6A;\n}\n[dir=\"ltr\"] .example-bar .eg {\n border-right: 2px solid var(--wai-green);\n}\n[dir=\"rtl\"] .example-bar .eg {\n border-left: 2px solid var(--wai-green);\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[dir=\"ltr\"] .example-sheet {\n padding-right: 32px;\n}\n[dir=\"rtl\"] .example-sheet {\n padding-left: 32px;\n}\n.example-sheet {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n padding-inlne-start: 32px\n}\n@supports (display: grid) {\n.example-sheet {\n display: grid;\n grid-column-gap: 32px;\n padding: 0;\n max-width: none\n}\n }\n.example-sheet {\n grid-template-columns: repeat(6, minmax(0, 1fr))\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.decision-tree {\n list-style: none;\n margin: 1em 0;\n padding:0\n}\n.decision-tree > li {\n /*border: 2px solid #999;\n border-block-start:none;*/\n }\n.decision-tree > li > strong {\n display: block;\n padding: 1em .5em;\n }\n.decision-tree > li:first-child {\n /*border-block-start:2px solid #999;*/\n }\n.decision-tree > li > ul {\n padding:0;\n list-style: none\n /*border-block-start: 1px dotted #aaa;*/\n }\n@supports (display: flex) {\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.decision-tree > li > ul > li {\n text-indent: 0;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n font-weight: normal\n }\n@supports (display: flex) {\n.decision-tree > li > ul > li {\n -ms-flex-preferred-size: 25%;\n flex-basis: 25%\n }\n }\n.decision-tree > li > ul > li {\n padding: .5em;\n // border: 1px solid #aaa\n }\n@supports (display: flex) {\n.decision-tree > li > ul > li:nth-child(odd) {\n -ms-flex-preferred-size: 75%;\n flex-basis: 75%\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.decision-tree > li > ul > li ul {\n padding:0;\n margin:0;\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.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[dir=\"ltr\"] .decision-tree > li > ul > li li > em:before {\n margin-left: -1.5em;\n}\n[dir=\"rtl\"] .decision-tree > li > ul > li li > em:before {\n margin-right: -1.5em;\n}\n.decision-tree > li > ul > li li > em:before {\n position:absolute;\n content: '';\n top:.2em;\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.decision-tree .yes {\n background-color: color(#003366 lightness(95%));\n background-color: color(var(--w3c-blue) lightness(95%));\n border-bottom: none\n }\n[dir=\"ltr\"] .decision-tree .yes li {\n margin-left: 1em;\n}\n[dir=\"rtl\"] .decision-tree .yes li {\n margin-right: 1em;\n}\n.decision-tree .yes li {\n list-style: disc\n }\n.decision-tree .yes li:only-child {\n list-style: none;\n }\n.decision-tree .no {\n /*border-inline-end:1px dotted #aaa;*/\n background-color: color(#c0272d lightness(85%));\n background-color: color(var(--faded-red) lightness(85%));\n border-bottom: none;\n position: relative\n }\n[dir=\"ltr\"] .decision-tree .no:after { margin-left: -8px; margin-left: -.5rem;\n}\n[dir=\"rtl\"] .decision-tree .no:after { margin-right: -8px; margin-right: -.5rem;\n}\n.decision-tree .no:after { top: 100%; left: 50%; border: solid transparent; content: \" \"; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(119, 119, 119, 0); border-top-color: color(#c0272d lightness(85%)); border-top-color: color(var(--faded-red) lightness(85%)); border-width: 16px; border-width: 1rem; z-index: 500; }\n.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.doc-archived h1::before {\n content: \"Archived\";\n }\n.doc-draft h1::before {\n content: \"Draft\";\n }\n.doc-note-translation {\n font-size: 13px;\n font-size: .8125rem\n}\n.doc-note-translation p {\n margin-top: 5px;\n margin-bottom: 5px\n }\n.doc-note-translation p:first-of-type {\n margin-top: 0;\n }\n.doc-note-translation p:last-child {\n margin-bottom: 0;\n }\n[dir=\"ltr\"] .doc-note h1::before {\n margin-right: 8px;\n}\n[dir=\"rtl\"] .doc-note h1::before {\n margin-left: 8px;\n}\n.doc-note h1::before{\n background-color: #eed009;\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.doc-note-box {\n border: 2px solid #eed009;\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.doc-note-box p:first-child {\n margin-top: 0;\n }\n.doc-note-box p:last-child {\n margin-bottom: 0;\n }\n.doc-note-translations {\n\n}\ndetails {\n padding-left: 32px;\n padding-left: 2rem;\n}\n[dir=\"ltr\"] summary {\n margin-left: -32px;\n margin-left: -2rem;\n}\n[dir=\"rtl\"] summary {\n margin-right: -32px;\n margin-right: -2rem;\n}\nsummary {\n cursor: pointer;\n display: block;\n}\nsummary::-webkit-details-marker {\n display: none;\n}\n[dir=\"ltr\"] summary > *:first-child::before {\n margin-right: 8px;\n margin-right: 0.5rem;\n}\n[dir=\"rtl\"] summary > *:first-child::before {\n margin-left: 8px;\n margin-left: 0.5rem;\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 }\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 }\ndetails[open] > summary > *:first-child::before {\n content: '–';\n}\ndetails > div::after {\n content: \"\";\n display: block;\n clear: both;\n}\n.excol-all {\n margin: 16px 0;\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@media (min-width: 47.5em) {\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 }\nfigure.shrink-wrap img {\n border: 1px solid #ddd;\n border: 1px solid var(--line-grey);\n max-width: none !important;\n }\nfigure.shrink-wrap figcaption {\n font-weight: normal;\n border: none;\n margin: 0;\n }\n.page-footer, .site-footer {\n font-size: 14px;\n font-size: .875rem\n}\n@media print {\n.page-footer, .site-footer {\n font-size: 8pt\n}\n }\n.page-footer, .site-footer {\n padding-top: 16px;\n padding-bottom: 16px\n}\n.page-footer p:first-of-type, .site-footer p:first-of-type {\n margin-top: 0;\n }\n.page-footer p:last-of-type, .site-footer p:last-of-type {\n margin-bottom: 0;\n }\n.page-footer {\n margin-top: 32px;\n background-color: #efefef;\n background-color: var(--footer-grey)\n}\n.page-footer .inner {\n grid-area: content;\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@media print {\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.site-footer a {\n color: #ffffff;\n color: var(--pure-white);\n }\n.site-footer a.largelink {\n color: #eed009;\n color: var(--gold);\n font-size: 20px;\n font-size: 1.25rem;\n text-decoration: none\n }\n@media print {\n.site-footer a.largelink {\n color: #3b3b3b;\n color: var(--dk-grey);\n font-size: 12pt\n }\n }\n.site-footer a.largelink:hover, .site-footer a.largelink:focus {\n text-decoration: underline;\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.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@media print {\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@media print {\n.site-footer>:not(.about) {\n display: none\n }\n }\n.page-footer + .site-footer {\n margin-top: 0;\n}\n.site-footer ul {\n margin: 0;\n padding: 0;\n}\n.site-footer ul li {\n list-style:none;\n}\n.footnotes {\n margin-top: 60px;\n}\n.footnotes ol {\n font-size: 13.6px;\n font-size: .85rem;\n}\ninput, select, textarea {\n font-size: 1em;\n font-family: inherit;\n}\ninput[type=\"search\"] {\n -webkit-appearance: none;\n}\nfieldset {\n border: none;\n margin: 0 0 32px;\n margin: 0 0 2rem;\n padding: 0;\n}\nlegend {\n font-size: 20px;\n font-size: 1.25rem;\n font-weight: bold;\n}\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]),textarea {\n border: 1px solid #686868;\n border: 1px solid var(--grey)\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& ::-webkit-input-placeholder {\n color: #767676;\n font-style: italic;\n opacity: 1;\n}\n& :-moz-placeholder { /* Firefox 18- */\n color: #767676;\n font-style: italic;\n opacity: 1;\n}\n& ::-moz-placeholder { /* Firefox 19+ */\n color: #767676;\n font-style: italic;\n opacity: 1;\n}\n& :-ms-input-placeholder {\n color: #767676;\n font-style: italic;\n opacity: 1;\n}\n.field {\n padding: 4px;\n margin: 0 0 32px;\n margin: 0 0 2rem\n}\n.field label {\n display: block;\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.field input:not([type=\"checkbox\"]):not([type=\"radio\"]):focus,.field textarea:focus {\n outline: none;\n border-color: #005A9C;\n border-color: var(--w3c-classic);\n background-color: #EDF4FA\n }\n.field input:not([type=\"checkbox\"]):not([type=\"radio\"]):focus ::-webkit-input-placeholder,.field textarea:focus ::-webkit-input-placeholder {\n color: #545554;\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.field input:not([type=\"checkbox\"]):not([type=\"radio\"]):focus ::-moz-placeholder,.field textarea:focus ::-moz-placeholder { /* Firefox 19+ */\n color: #545554;\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.field[focus-within] {\n background-color: #EDF4FA;\n }\n.field:focus-within {\n background-color: #EDF4FA;\n }\n.field[focus-within] input:focus {\n background-color: #ffffff !important;\n background-color: var(--pure-white) !important;\n }\n.field:focus-within input:focus {\n background-color: #ffffff !important;\n background-color: var(--pure-white) !important;\n }\n[dir=\"ltr\"] .group > .field {\n margin-left: 32px;\n margin-left: 2rem;\n}\n[dir=\"rtl\"] .group > .field {\n margin-right: 32px;\n margin-right: 2rem;\n}\n.group > .field {\n margin-bottom: 8px;\n margin-bottom: .5rem;\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[dir=\"ltr\"] .radio-field input {\n margin-right: .5em;\n}\n[dir=\"rtl\"] .radio-field input {\n margin-left: .5em;\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.radio-field input:checked + label {\n font-weight: bold;\n color: #091832;\n color: var(--dk-blue);\n }\n.radio-field:hover,.radio-field:focus {\n background-color: #196cac;\n background-color: var(--light-blue);\n color: #fff\n }\n.radio-field:hover :checked + label,.radio-field:focus :checked + label {\n color: inherit;\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 }\nfieldset {\n border: none;\n}\nlegend {\n font-size: 20px;\n font-size: 1.25rem;\n font-weight: bold;\n}\n@media (min-width: 35em) {\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[dir=\"ltr\"] .searchform label {\n text-align: right;\n}\n[dir=\"rtl\"] .searchform label {\n text-align: left;\n}\n.searchform label {\n -webkit-box-flex: 1;\n -ms-flex: 1;\n flex: 1;\n }\n[dir=\"ltr\"] .searchform input {\n margin-left: 10px;\n}\n[dir=\"rtl\"] .searchform input {\n margin-right: 10px;\n}\n.searchform input {\n -webkit-box-flex: 4;\n -ms-flex: 4;\n flex: 4;\n }\n[dir=\"ltr\"] .searchform button {\n margin-left: 10px;\n}\n[dir=\"rtl\"] .searchform button {\n margin-right: 10px;\n}\n.searchform button {\n -webkit-box-flex: 1;\n -ms-flex: 1;\n flex: 1;\n }\n#site-header {\n background-color: #005A9C;\n background-color: var(--w3c-classic);\n color: #ffffff;\n color: var(--pure-white)\n}\n@media print {\n#site-header {\n background-color: #f2f2f2;\n background-color: var(--off-white);\n color: #000\n}\n }\n#site-header {\n padding-top: 3px\n}\n@supports (display: grid) {\n[dir=\"ltr\"] #site-header {\n padding-left: 8px;\n }\n[dir=\"rtl\"] #site-header {\n padding-right: 8px;\n }\n[dir=\"ltr\"] #site-header {\n padding-right: 8px;\n }\n[dir=\"rtl\"] #site-header {\n padding-left: 8px;\n }\n }\n#site-header a {\n color: #ffffff;\n color: var(--pure-white)\n }\n@media print {\n#site-header a {\n color: #005A9C;\n color: var(--w3c-classic)\n }\n }\n@media print {\n #site-header a:after {\n content: '';\n }\n }\n.wai {\n line-height: 1.2\n}\n@media (min-width: 35em) {\n.wai {\n vertical-align: middle;\n /*display: block;*/\n font-size: 1.5625rem\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@supports (display: grid) {\n.logos {\n width: auto\n}\n }\n.logos .claim {\n font-size: 14px;\n font-size: .875rem;\n font-style: italic\n }\n.logos .claim:lang(ar) {\n font-style: normal;\n }\n[dir=\"ltr\"] .logos .claim {\n margin-left: 16px;\n}\n[dir=\"rtl\"] .logos .claim {\n margin-right: 16px;\n}\n[dir=\"ltr\"] .logos .claim {\n padding-left: 16px;\n}\n[dir=\"rtl\"] .logos .claim {\n padding-right: 16px;\n}\n[dir=\"ltr\"] .logos .claim {\n border-left: 1px solid #eed009;\n}\n[dir=\"rtl\"] .logos .claim {\n border-right: 1px solid #eed009;\n}\n[dir=\"ltr\"] .logos .claim {\n border-left: 1px solid var(--gold);\n}\n[dir=\"rtl\"] .logos .claim {\n border-right: 1px solid var(--gold);\n}\n.logos .claim {\n color: #ffffff;\n color: var(--pure-white)\n }\n@media print {\n.logos .claim {\n color: #005A9C;\n color: var(--w3c-classic)\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@media (min-width: 35em) {\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@media (min-width: 23em) {\n[dir=\"ltr\"] .home {\n margin-right: 32px;\n }\n[dir=\"rtl\"] .home {\n margin-left: 32px;\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@supports (display: grid) {\n.home {\n -webkit-box-flex:0;\n -ms-flex:0;\n flex:0\n}\n }\n@media (min-width: 60em) {\n[dir=\"ltr\"] .home {\n margin-right: 8px;\n }\n[dir=\"rtl\"] .home {\n margin-left: 8px;\n }\n }\n.home svg, .home img {\n vertical-align:middle;\n color: inherit;\n fill: currentColor;\n height: 30px\n }\n@media (min-width: 35em) {\n.home svg, .home img {\n height: 46px\n }\n }\n.home {\n [dir=\"ltr\"] img {\n padding-right: 8px;\n }\n [dir=\"rtl\"] img {\n padding-left: 8px;\n }\n}\n.home.w3c {\n border-bottom: 2px solid transparent\n }\n.home.w3c:hover {\n border-bottom-color: currentColor;\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@media (min-width: 35em) {\n.home .wai {\n font-size: 1.25rem\n }\n }\n.home .wai .wa {\n padding-bottom: 2px;\n }\n.home .wai .i {\n border-top: 1px solid #eed009;\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.home:hover,.home:focus {\n text-decoration: underline;\n color: #eed009 !important;\n color: var(--gold) !important;\n }\nh1, h2, h3, h4, h5, h6 {\n padding: 0;\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: #005A6A;\n color: var(--wai-green)\n}\n@media print {\nh1, h2, h3, h4 {\n color: #000\n}\n }\nh1 {\n font-size: 24px;\n font-size: 1.5rem\n}\n@media (min-width: 35em) {\nh1 {\n font-size: 2rem\n}\n }\n@media (min-width: 60em) {\nh1 {\n font-size: 2.375rem\n}\n }\nh1 {\n line-height: 1.2;\n font-weight: normal;\n margin-top: 0\n}\nh1 + h2 {\n margin-top: 0;\n }\nh2 {\n font-size: 22px;\n font-size: 1.375rem;\n line-height: 1.2;\n font-weight: bold;\n border-bottom: 1px solid #ddd;\n border-bottom: 1px solid var(--line-grey)\n}\nh2 + h3 {\n margin-top: 0;\n }\nh3, h4 {\n font-size: 18px;\n font-size: 1.125rem;\n line-height: 1.4;\n}\nh3 + h4 {\n margin-top: 0;\n}\nh4 {\n font-weight: normal\n}\nh4 + h5 {\n margin-top: 0;\n }\nh5 {\n font-weight: bold;\n line-height: 1.6\n}\nh5 + h6 {\n margin-top: 0;\n }\nh6 {\n font-size: 14px;\n font-size:.875rem;\n line-height: 1.8;\n}\nh1.ex:before, h1.ap:before, h1 b, h2.ex:before, h2.ap:before, h2 b, h3.ex:before, h3.ap:before, h3 b, h4.ex:before, h4.ap:before, h4 b, h5.ex:before, h5.ap:before, h5 b, h6.ex:before, h6.ap:before, h6 b {\n color: #003366 !important;\n color: var(--w3c-blue) !important;\n font-weight: bold;\n }\n.no-js .ex {\n counter-increment: examples;\n counter-reset: approaches\n }\n.no-js .ex:before {\n content: 'Example ' counter(examples) ': ';\n }\n.no-js .ex.inap {\n counter-reset: none;\n }\n.no-js .newap {\n counter-reset: approaches;\n }\n.no-js .newex {\n counter-reset: examples;\n }\n.no-js h2.first, .no-js h3.first, .no-js .newexap {\n counter-reset: examples approaches;\n }\n.no-js .ap {\n counter-increment: approaches\n }\n.no-js .ap:before {\n content: 'Approach ' counter(approaches) ': ';\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/* ==========================================\nSingle-colored icons can be modified like so:\n.icon-name {\n font-size: 32px;\n color: red;\n}\n========================================== */\n.icon-default {\n width: 0.9285714285714285em;\n}\n.icon-info {\n width: 0.8571428571428571em;\n}\n.icon-audio-description {\n width: 3.5em;\n height: 1.75em;\n margin: -.25em;\n}\n.icon-search {\n width: 0.9287109375em;\n}\n.icon-arrow-left {\n width: 0.8928571428571428em;\n}\n.icon-arrow-right {\n width: 0.8214285714285714em;\n}\n.icon-arrow-up {\n width: 0.9285714285714285em;\n}\n.icon-arrow-down {\n width: 0.9285714285714285em;\n}\n.icon-ex-circle {\n width: 0.8571428571428571em;\n}\n.icon-check-circle {\n width: 0.8571428571428571em;\n}\n.icon-external-link {\n width: 0.8571428571428571em;\n}\n.icon-readmore {\n width: 0.7142857142857142em;\n}\n.icon-desktop {\n width: 1.0714285714285714em;\n}\n.icon-laptop {\n width: 1.0714285714285714em;\n}\n.icon-tablet {\n width: 0.6428571428571428em;\n}\n.icon-mobile {\n width: 0.42857142857142855em;\n}\n.icon-code {\n width: 1.0714285714285714em;\n}\n.icon-fork {\n width: 0.5714285714285714em;\n}\n.icon-code-file {\n width: 0.8571428571428571em;\n}\n.icon-cart-plus {\n width: 0.9285714285714285em;\n}\n.icon-languages {\n height: 1em;\n width: 2.75em;\n vertical-align: -8%;\n}\n.icon-translations {\n height: 1.6em;\n vertical-align: middle\n}\ndl {\n margin: 16px 0;\n}\ndt {\n font-weight: bold;\n}\n.notbold dt {\n font-weight: normal;\n}\n[dir=\"ltr\"] dd {\n margin-left: 32px;\n}\n[dir=\"rtl\"] dd {\n margin-right: 32px;\n}\ndd+dt {\n margin-top: 8px;\n}\ndl.paragraph-like dd+dt {\n margin-top: 1em;\n}\nul li, ol li {\n margin-bottom: 8px;\n}\n.linklist, .linklist li {\n margin: 0;\n padding: 0;\n list-style:none;\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.linklist a svg {\n height: .65em;\n }\n.linklist a:hover svg, .linklist a:focus svg {\n color: #c0272d;\n color: var(--faded-red);\n }\n.linklist a:hover .visual-a, .linklist a:focus .visual-a {\n text-decoration: underline;\n }\n.linklist li:last-child a {\n border-bottom: none;\n }\n.nolist {\n margin: 0;\n padding: 0\n}\n.nolist li {\n list-style: none;\n margin: 0;\n padding: 0;\n }\np+ul, p+ol {\n margin-top: -8px;\n}\n.columns {\n padding: 0\n}\n[dir=\"ltr\"] .columns > * {\n margin-left: 32px;\n}\n[dir=\"rtl\"] .columns > * {\n margin-right: 32px;\n}\n.two.columns, .four.columns {\n grid-column-gap: 32px;\n -webkit-column-gap: 32px;\n column-gap: 32px\n}\n@media (min-width: 35em) {\n.two.columns, .four.columns {\n -webkit-columns: 2;\n columns: 2\n}\n }\n.four.columns {\n padding: 0 8px\n}\n@media (min-width: 60em) {\n.four.columns {\n -webkit-columns: 4;\n columns: 4\n}\n }\n.two.small.columns {\n grid-column-gap: 32px;\n -webkit-column-gap: 32px;\n column-gap: 32px\n}\n@media (min-width: 35em) {\n.two.small.columns {\n -webkit-columns: 1;\n columns: 1\n}\n }\n@media (min-width: 60em) {\n.two.small.columns {\n -webkit-columns: 2;\n columns: 2\n}\n }\n.info {\n background-color: #eed009;\n background-color: var(--gold);\n background-image: -webkit-gradient(linear, left top, left bottom, from(#eed009), to(color(#eed009 blackness(15%))));\n background-image: linear-gradient(to bottom, #eed009, color(#eed009 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[dir=\"ltr\"] .info svg {\n margin-right: 8px;\n}\n[dir=\"rtl\"] .info svg {\n margin-left: 8px;\n}\n.info svg {\n font-size: 2em;\n vertical-align: middle;\n margin-top: -.14em;\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@media (min-width: 35em) {\n[dir=\"ltr\"] #controls {\n text-align: right;\n }\n[dir=\"rtl\"] #controls {\n text-align: left;\n }\n }\n#controls {\n font-size: .8125em\n}\n#controls > ul {\n padding: 0;\n margin: 0\n }\n@media (min-width: 35em) {\n#controls > ul {\n grid-column-start: navigation;\n grid-column-end: content\n }\n }\n[dir=\"ltr\"] #controls > ul > li {\n margin-left: 4px;\n}\n[dir=\"rtl\"] #controls > ul > li {\n margin-right: 4px;\n}\n[dir=\"ltr\"] #controls > ul > li {\n padding-left: 4px;\n}\n[dir=\"rtl\"] #controls > ul > li {\n padding-right: 4px;\n}\n#controls > ul > li {\n display: inline;\n list-style: none;\n margin: 0;\n padding: 0\n }\n@media (min-width: 35em) {\n[dir=\"ltr\"] #controls > ul > li {\n margin-left: 8px;\n }\n[dir=\"rtl\"] #controls > ul > li {\n margin-right: 8px;\n }\n[dir=\"ltr\"] #controls > ul > li {\n padding-left: 8px;\n }\n[dir=\"rtl\"] #controls > ul > li {\n padding-right: 8px;\n }\n#controls > ul > li {\n margin: 0;\n padding: 0\n }\n }\n[dir=\"ltr\"] #controls > ul > li {\n border-left: 1px solid #003366;\n}\n[dir=\"rtl\"] #controls > ul > li {\n border-right: 1px solid #003366;\n}\n[dir=\"ltr\"] #controls > ul > li {\n border-left: 1px solid var(--w3c-blue);\n}\n[dir=\"rtl\"] #controls > ul > li {\n border-right: 1px solid var(--w3c-blue);\n}\n#controls > ul > li:first-child {\n border-left: 0;\n border-right: 0;\n margin: 0;\n padding: 0;\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#controls a:hover,#controls a:focus {\n border-bottom: none;\n text-decoration: underline;\n }\n@media print {\n#controls {\n display: none\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}\n[dir=\"ltr\"] .languagelist>ul>li:first-child {\n margin-right: 4px;\n}\n[dir=\"rtl\"] .languagelist>ul>li:first-child {\n margin-left: 4px;\n}\n.languagelist>ul>li:first-child:before {\n display:none;\n margin: 0;\n}\n[dir=\"ltr\"] .languagelist>ul>li:before {\n margin-right: 4px;\n}\n[dir=\"rtl\"] .languagelist>ul>li:before {\n margin-left: 4px;\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#showoptions {\n display: inline;\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.mainnav.open { display: block; }\n@media (min-width: 35em) {\n.mainnav {\n display: block\n}\n }\n@media print {\n.mainnav {\n display: none\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@media (min-width: 35em) {\n.mainnav > ul {\n -ms-flex-wrap: nowrap;\n flex-wrap: nowrap\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.mainnav > ul > li.active {\n background: #003366;\n background: var(--w3c-blue)\n }\n.mainnav > ul > li.active > a > span {\n border-bottom: 2px solid #eed009 !important;\n border-bottom: 2px solid var(--gold) !important;\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.mainnav > ul > li > a > span {\n display: block;\n border-bottom: 2px solid transparent;\n }\n.mainnav > ul > li > a:hover,.mainnav > ul > li > a:focus {\n background-color: #091832;\n background-color: var(--dk-blue);\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 #eed009;\n border-bottom: 2px solid var(--gold);\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[dir=\"ltr\"] .mainnav > ul > li + li > a {\n border-left: 1px solid #235A97;\n}\n[dir=\"rtl\"] .mainnav > ul > li + li > a {\n border-right: 1px solid #235A97;\n}\n@media (min-width: 60em) {\n#openmenu {\n display: none\n}\n }\n@media print {\n#openmenu {\n display: none\n}\n }\n@media (min-width: 35em) {\n.page-home #openmenu {\n display: none\n}\n }\n[dir=\"ltr\"] .metanav {\n text-align: right;\n}\n[dir=\"rtl\"] .metanav {\n text-align: left;\n}\n.metanav {\n width: 100%;\n display: none;\n font-size: .85em\n}\n.metanav.open {display: block;}\n@media (min-width: 35em) {\n.metanav {\n display: block\n}\n }\n@media print {\n.metanav {\n display: none\n}\n }\n.metanav a {\n text-decoration: none\n }\n.metanav a:hover,.metanav a:focus, .metanav a[aria-current=\"page\"] {\n text-decoration: underline;\n }\n.metanav a[aria-current=\"page\"] {\n text-decoration: underline;\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.metanav > ul li {\n display: inline-block;\n padding-left: 8px;\n padding-right: 8px\n }\n@media (min-width: 35em) {\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.metanav > ul li:first-child {\n border: 0;\n }\n.metanav > ul li:last-child {\n margin-bottom: 0;\n padding:0;\n border: 0;\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.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: #eed009;\n background-color: var(--gold);\n }\n[dir=\"ltr\"] .metanav > ul li a:before {\n content: '';\n }\n[dir=\"rtl\"] .metanav > ul li a:after {\n content: '';\n }\n@media (min-width: 35em) {\n[dir=\"ltr\"] .metanav > ul li a {\n text-align: right;\n }\n[dir=\"rtl\"] .metanav > ul li a {\n text-align: left;\n }\n.metanav > ul li a {\n width: 100%\n }\n }\n[dir=\"ltr\"] .metanav > ul li:first-child a:before {\n display: none;\n }\n[dir=\"rtl\"] .metanav > ul li:nth-last-child(2) a:after {\n display: none;\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.metanav form[role=search] > div {\n display:-webkit-box;\n display:-ms-flexbox;\n display:flex;\n }\n.metanav form[role=search] label {\n text-transform: none;\n font-weight: normal;\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.metanav form[role=search] input:focus {\n color: #ffffff;\n color: var(--pure-white);\n }\n.metanav form[role=search] input::-webkit-search-decoration {\n display: none;\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.metanav form[role=search] button {\n display: block;\n margin: 0;\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.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.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.metanav form[role=search] :-ms-input-placeholder {\n color: #ffffff;\n color: var(--pure-white);\n font-style: italic;\n opacity: 1;\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.navigations .nava11y {\n display: block;\n }\n.mainnav > ul, .metanav > ul {\n margin: 0;\n padding: 0\n }\n.mainnav > ul > li, .metanav > ul > li {\n list-style: none;\n margin: 0;\n }\n.teaser.news {\n background-color: #ffffff;\n background-color: var(--pure-white);\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.announce-box+.announce-box {\n border-top:0;\n }\n.announce-box>:first-child {\n margin-top: 0;\n }\n.announce-box>:last-child {\n margin-bottom: 0;\n }\n.notes {\n font-size: .85em\n}\n.notes strong:first-child {\n font-weight: bold;\n color: #005A6A;\n color: var(--wai-green);\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.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.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.pager--item:only-child {\n -ms-flex-preferred-size: 100%;\n flex-basis: 100%;\n }\n.pager--item {\n list-style: none;\n margin:0;\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.pager--item a:visited {\n color: #660066;\n color: var(--visited-link);\n}\n.pager--item a:hover,\n.pager--item a:focus {\n color: #003366;\n color: var(--w3c-blue);\n}\n.pager--item a:active {\n color: #005A6A;\n color: var(--wai-green);\n}\n[dir=\"ltr\"] .pager--item.next a {\n text-align: right;\n}\n[dir=\"rtl\"] .pager--item.next a {\n text-align: left;\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.pager--item-icon {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n font-size: 33px;\n}\n[dir=\"ltr\"] .pager--item-text {\n margin-right: 8px;\n}\n[dir=\"rtl\"] .pager--item-text {\n margin-left: 8px;\n}\n[dir=\"ltr\"] .pager--item-text {\n margin-left: 8px;\n}\n[dir=\"rtl\"] .pager--item-text {\n margin-right: 8px;\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.pager--item-text-direction {\n color: #1d1d1d;\n color: var(--off-black);\n font-size: 12px;\n font-size: .75rem;\n}\n.pager--item-text-target {\n font-size: 16px;\n font-size: 1rem;\n line-height: 1;\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.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[dir=\"ltr\"] .pagination li {\n margin-left: 8px;\n}\n[dir=\"rtl\"] .pagination li {\n margin-right: 8px;\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.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.pagination a:hover,.pagination a:focus {\n background-color: #ddd;\n background-color: var(--line-grey);\n }\n.quote {\n background-color: #005A6A;\n background-color: var(--wai-green);\n border-radius: 5px;\n color: #ffffff;\n color: var(--pure-white);\n padding: 22px;\n}\n.quote--block {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n margin: 0;\n padding: 0;\n}\n.quote--block-text {\n font-size: 20px;\n font-style: italic;\n line-height: 1.25;\n margin: 0;\n padding: 0;\n}\n.quote--block-text::before {\n content: open-quote;\n}\n.quote--block-text::after {\n content: close-quote;\n}\n.quote--block-cite {\n font-size: 15px;\n font-weight: 500;\n margin: 0;\n margin-top: 9px;\n}\n.quote--block-cite a {\n color: #FAFAFC;\n color: var(--body-bg);\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.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[dir=\"ltr\"] .related-content--head-icon {\n margin-right: 10px;\n}\n[dir=\"rtl\"] .related-content--head-icon {\n margin-left: 10px;\n}\n[dir=\"ltr\"] .related-content--head-icon {\n margin-left: 19px;\n}\n[dir=\"rtl\"] .related-content--head-icon {\n margin-right: 19px;\n}\n.related-content--head-icon {\n height: 22px;\n width: 22px;\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.related-content--content {\n margin: 0;\n padding: 0;\n}\n.related-content--content-list {\n list-style: none;\n margin: 22px;\n padding: 0;\n}\n.related-content--content-list li {\n font-size: 14px;\n line-height: 2.2em;\n}\n.sidenav {\n grid-area: navigation;\n margin-bottom: 24px;\n display: none\n}\n.sidenav.open {\n display: block;\n margin-top: 16px;\n }\n@media (min-width: 60em) {\n.sidenav {\n display: block\n}\n }\n@media print {\n.sidenav {\n display: none\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[dir=\"ltr\"] .sidenav--head-icon {\n margin-left: -16px;\n}\n[dir=\"rtl\"] .sidenav--head-icon {\n margin-right: -16px;\n}\n.sidenav--head-icon {\n padding-bottom: .3em;\n}\n[dir=\"ltr\"] .sidenav--head-icon--inner {\n float: left;\n}\n[dir=\"rtl\"] .sidenav--head-icon--inner {\n float: right;\n}\n[dir=\"ltr\"] .sidenav--head-icon--inner {\n margin-right: 8px;\n}\n[dir=\"rtl\"] .sidenav--head-icon--inner {\n margin-left: 8px;\n}\n.sidenav--head-icon--inner {\n width: 47px;\n height: 48px;\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.sidenav--head-subsection {\n color: #ffffff;\n color: var(--pure-white);\n font-size: 22px;\n font-size: 1.375rem;\n}\n[dir=\"ltr\"] .sidenav--list {\n border-left-width: 5px;\n}\n[dir=\"rtl\"] .sidenav--list {\n border-right-width: 5px;\n}\n[dir=\"ltr\"] .sidenav--list {\n border-right-width: 0;\n}\n[dir=\"rtl\"] .sidenav--list {\n border-left-width: 0;\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.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.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.sidenav--list a:focus {\n outline-color: #eed009;\n outline-color: var(--gold);\n }\n.sidenav--list a span.lang {\n font-weight: normal;\n }\n.sidenav--list li a {\n border-top: 1px solid #005A9C;\n border-top: 1px solid var(--w3c-classic);\n }\n.sidenav--list {\n .sidenav-head + & {\n border-top: none;\n }\n}\n[dir=\"ltr\"] .sidenav--list ul {\n padding-left: 24px;\n}\n[dir=\"rtl\"] .sidenav--list ul {\n padding-right: 24px;\n}\n.sidenav--list ul {\n padding: 0;\n margin: 0;\n }\n.sidenav--list a + ul { display:none; }\n.sidenav--list a[aria-current] + ul { display:block; }\n.sidenav--list li {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n.sidenav--list ul li:first-child a {\n border-top-color:transparent;\n }\n.sidenav--list a[aria-current] {\n /*color: var(--w3c-blue);\n background-color: var(--body-bg);*/\n }\n.sidenav--list a[aria-current=location] {\n padding-bottom: 4px;\n font-weight: bold;\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.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[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.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.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[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.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[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.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 #eed009;\n border: 2px solid var(--gold);\n background-color: #ffffff;\n background-color: var(--pure-white)\n}\n.sidenav-languages header {\n border-bottom: 2px solid #eed009;\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[dir=\"ltr\"] .sidenav-languages .langlist {\n padding-left: 27px;\n}\n[dir=\"rtl\"] .sidenav-languages .langlist {\n padding-right: 27px;\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.sidenav-languages .langlist li {\n margin-bottom: 2px;\n }\n[dir=\"ltr\"] .sidenav-languages p {\n padding-left: 27px;\n}\n[dir=\"rtl\"] .sidenav-languages p {\n padding-right: 27px;\n}\n[dir=\"ltr\"] .sidenav-languages p {\n padding-right: 0;\n}\n[dir=\"rtl\"] .sidenav-languages p {\n padding-left: 0;\n}\n.sidenav-languages p {\n padding-top: 4px;\n padding-bottom: 4px;\n margin:0;\n border-top: 1px solid #eed009;\n }\n[dir=\"ltr\"] table,[dir=\"ltr\"] caption {\n text-align: left;\n}\n[dir=\"rtl\"] table,[dir=\"rtl\"] caption {\n text-align: right;\n}\ntable {\n border: 1px solid #ddd;\n border: 1px solid var(--line-grey);\n border-collapse: collapse;\n margin-bottom: 2em;\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}\nth, td {\n padding-top: 12px;\n padding-bottom: 12px;\n padding-left: 18px;\n padding-right: 18px;\n border: 1px solid #ddd;\n border: 1px solid var(--line-grey);\n vertical-align: top;\n}\n.dense td, .dense th {\n padding-top: 2px;\n padding-bottom: 2px;\n padding-left: 4px;\n padding-right: 4px;\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}\nth a {\n color: inherit\n }\nth a:hover,th a:focus {\n color: #eed009;\n color: var(--gold);\n }\nth a:visited {\n color: inherit;\n }\nth > :first-child, td > :first-child {\n margin-top: 0;\n }\nth > :last-child, td > :last-child {\n margin-top: 0;\n }\n.hyphenated {\n -webkit-hyphens: auto;\n -ms-hyphens: auto;\n hyphens: auto;\n}\n.teaser.audiences-inline .subtitle {\n /*font-weight:normal;*/\n }\n.teaser.audiences-inline .title {\n display: block;\n font-size: 36px;\n font-size: 2.25rem;\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.making-web-accessible [hidden] {\n display: none !important;\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[dir=\"ltr\"] .making-web-accessible .making-web-accessible-box {\n text-align: left;\n}\n[dir=\"rtl\"] .making-web-accessible .making-web-accessible-box {\n text-align: right;\n}\n[dir=\"ltr\"] .making-web-accessible .making-web-accessible-box {\n padding-right: 20px;\n}\n[dir=\"rtl\"] .making-web-accessible .making-web-accessible-box {\n padding-left: 20px;\n}\n[dir=\"ltr\"] .making-web-accessible .making-web-accessible-box {\n padding-left: 105px;\n}\n[dir=\"rtl\"] .making-web-accessible .making-web-accessible-box {\n padding-right: 105px;\n}\n.making-web-accessible .making-web-accessible-box {\n padding-top: 32px;\n padding-bottom: 0;\n }\n[dir=\"ltr\"] .making-web-accessible .mwa-icon {\n margin-left: -85px;\n}\n[dir=\"rtl\"] .making-web-accessible .mwa-icon {\n margin-right: -85px;\n}\n.making-web-accessible .mwa-icon {\n width: 65px;\n height: 65px;\n float:left;\n }\n.making-web-accessible .title {\n display: block;\n font-size: 36px;\n font-size: 2.25rem;\n }\n.making-web-accessible .teaser-h h2 {\n margin:0;\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.making-web-accessible p {\n margin-bottom:0;\n }\n[dir=\"ltr\"] .making-web-accessible .showhidebutton {\n float: right;\n}\n[dir=\"rtl\"] .making-web-accessible .showhidebutton {\n float: left;\n}\n.making-web-accessible .showhidebutton {\n position: absolute;\n top: -1.35em;\n right: 0;\n }\n.teaser.media-inline .subtitle {\n /*font-weight:normal;*/\n }\n.teaser.media-inline .title {\n display: block;\n font-size: 36px;\n font-size: 2.25rem;\n }\n.white-bg {\n background-color: #ffffff;\n background-color: var(--pure-white);\n}\n.bordered {\n border: 1px 0;\n border-color: #ddd;\n border-color: var(--line-grey);\n}\n.teaser.news-teaser .title {\n display: block;\n font-size: 36px;\n font-size: 2.25rem;\n }\n.teaser.resource-inline .subtitle {\n /*font-weight:normal;*/\n }\n.teaser.resource-inline .title {\n display: block;\n font-size: 36px;\n font-size: 2.25rem;\n }\n.teaser {\n padding-top: 32px;\n padding-bottom: 32px;\n}\n.teaser.featured {\n background-size: cover;\n background-position: center\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.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.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@media (min-width: 35em) {\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@media (min-width: 60em) {\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.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[dir=\"ltr\"] .teaser-h-icon {\n margin-right: 10px;\n}\n[dir=\"rtl\"] .teaser-h-icon {\n margin-left: 10px;\n}\n.teaser-h-icon {\n height:1em;\n width: 1em;\n vertical-align: middle\n}\n.teaser-h-icon.full {\n display: block;\n height: 1.8em;\n width: 1.8em;\n }\n.teaser-tip {\n text-align: center\n}\n.teaser-tip .teaser-h h2 {\n font-size: 28px;\n font-size: 1.75rem\n }\n.teaser-tip .teaser-h svg {\n display: block;\n margin: 0 auto;\n height: 1.75em;\n width: 1.75em;\n }\n.teaser-tip .fakelink {\n margin: 0 auto;\n }\n.fakelink {\n text-decoration: underline;\n position: relative\n}\n[dir=\"ltr\"] .fakelink svg {\n margin-left: 5px;\n}\n[dir=\"rtl\"] .fakelink svg {\n margin-right: 5px;\n}\n.fakelink svg {\n width: .75em;\n height: .75em;\n }\n@media (min-width: 35em) {\n.teaser-about p {\n font-size: 1.25rem;\n }\n }\n@media (min-width: 60em) {\n.teaser-about p {\n font-size: 1.5rem;\n }\n }\n.teaser-about p {\n color: #686868;\n color: var(--grey);\n }\n.teaser-about .teaser-h h2 {\n font-weight: bold;\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.teaser-sponsors {\n border-top: 1px solid #ddd;\n border-top: 1px solid var(--line-grey);\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@media (min-width: 35em) {\n.area-teaser {\n padding-top: 40px;\n padding-bottom: 40px;\n padding-left: 40px;\n padding-right: 40px\n}\n }\n@media (min-width: 60em) {\n.area-teaser {\n padding-top: 60px;\n padding-bottom: 60px;\n padding-left: 40px;\n padding-right: 40px\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.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.area-teaser .teaser-h-icon {\n margin-bottom: 10px;\n }\n.area-teaser:hover .teaser-h > :not(svg), .area-teaser:focus .teaser-h > :not(svg) {\n text-decoration: underline;\n }\n.teaser.audiences-inline {\n\n}\n.video-link {\n display: inline-block;\n text-decoration: none;\n margin: 10px 0\n}\n.video-link img {\n -webkit-mask: url(\"../images/video-mask-16-9.svg\");\n mask: url(\"../images/video-mask-16-9.svg\");\n -webkit-mask-size: contain;\n mask-size: contain;\n width: 240px;\n }\n.video-link.ratio-43 img {\n -webkit-mask: url(\"../images/video-mask-4-3.svg\");\n mask: url(\"../images/video-mask-4-3.svg\");\n }\n.video-link span {\n display: block;\n text-align: center;\n text-decoration: underline;\n }\n.video-link-small img {\n width: 120px;\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[dir=\"ltr\"] .video-link-inline img {\n margin-right: 1em;\n}\n[dir=\"rtl\"] .video-link-inline img {\n margin-left: 1em;\n}\n.video-link-inline img {\n width: auto;\n height: 2em;\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 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\t#able-vts-alert = 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 -webkit-box-sizing: content-box !important;\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[dir=\"ltr\"] .able-column-left {\n float: left;\n}\n[dir=\"rtl\"] .able-column-left {\n float: right;\n}\n[dir=\"ltr\"] .able-column-right {\n float: left;\n}\n[dir=\"rtl\"] .able-column-right {\n float: right;\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}\n[dir=\"rtl\"] .able-offscreen {\n right: -10000px;\n left: auto;\n }\n.able-offscreen {\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-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.able-poster {\n position: absolute;\n top: 0;\n left: 0;\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[dir=\"ltr\"] .able-left-controls {\n float: left;\n}\n[dir=\"rtl\"] .able-left-controls {\n float: right;\n}\n[dir=\"ltr\"] .able-right-controls {\n float: right;\n}\n[dir=\"rtl\"] .able-right-controls {\n float: left;\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 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 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/*\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 Status Bar\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[dir=\"ltr\"] .able-status-bar span.able-timer {\n text-align: left;\n}\n[dir=\"rtl\"] .able-status-bar span.able-timer {\n text-align: right;\n}\n[dir=\"ltr\"] .able-status-bar span.able-timer {\n float: left;\n}\n[dir=\"rtl\"] .able-status-bar span.able-timer {\n float: right;\n}\n.able-status-bar span.able-timer {\n /* contains both span.elapsedTime and span.duration */\n width: 32%;\n}\n[dir=\"ltr\"] .able-status-bar span.able-speed {\n float: left;\n}\n[dir=\"rtl\"] .able-status-bar span.able-speed {\n float: right;\n}\n.able-status-bar span.able-speed {\n width: 33%;\n text-align: center;\n}\n[dir=\"ltr\"] .able-status {\n float: right;\n}\n[dir=\"rtl\"] .able-status {\n float: left;\n}\n.able-status {\n font-style: italic;\n width: 32%;\n text-align :right;\n}\n/*\n Captions and Descriptions\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-top: 1px solid #666;\n margin: 0;\n padding: 3%;\n width: 94%;\n text-align: center;\n}\n/*\n Now Playing\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 Modal Dialogs\n*/\n[dir=\"ltr\"] div.able-modal-dialog {\n margin-left: auto;\n}\n[dir=\"rtl\"] div.able-modal-dialog {\n margin-right: auto;\n}\n[dir=\"ltr\"] div.able-modal-dialog {\n margin-right: auto;\n}\n[dir=\"rtl\"] div.able-modal-dialog {\n margin-left: auto;\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}\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}\n[dir=\"ltr\"] button.modal-button {\n margin-right: 5px;\n}\n[dir=\"rtl\"] button.modal-button {\n margin-left: 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 Preferences Form\n*/\n[dir=\"ltr\"] .able-prefs-form fieldset {\n margin-left: 0;\n}\n[dir=\"rtl\"] .able-prefs-form fieldset {\n margin-right: 0;\n}\n.able-prefs-form fieldset {\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[dir=\"ltr\"] .able-prefs-form fieldset div {\n margin-left: 1em;\n}\n[dir=\"rtl\"] .able-prefs-form fieldset div {\n margin-right: 1em;\n}\n.able-prefs-form fieldset div {\n display: table;\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}\n[dir=\"ltr\"] fieldset.able-prefs-keys div {\n float: left;\n}\n[dir=\"rtl\"] fieldset.able-prefs-keys div {\n float: right;\n}\n[dir=\"ltr\"] fieldset.able-prefs-keys div {\n margin-right: 1em;\n}\n[dir=\"rtl\"] fieldset.able-prefs-keys div {\n margin-left: 1em;\n}\n[dir=\"ltr\"] div.able-desc-pref-prompt {\n margin-left: 1em !important;\n}\n[dir=\"rtl\"] div.able-desc-pref-prompt {\n margin-right: 1em !important;\n}\ndiv.able-desc-pref-prompt {\n font-weight: bold;\n font-style: italic;\n}\n[dir=\"ltr\"] div.able-prefDescFormat > div {\n margin-left: 1.5em;\n}\n[dir=\"rtl\"] div.able-prefDescFormat > div {\n margin-right: 1.5em;\n}\n[dir=\"ltr\"] .able-prefs-captions label,[dir=\"ltr\"] \n.able-prefs-captions select {\n float: left;\n}\n[dir=\"rtl\"] .able-prefs-captions label,[dir=\"rtl\"] \n.able-prefs-captions select {\n float: right;\n}\n.able-prefs-captions label,\n.able-prefs-captions select {\n display: block;\n margin-bottom: 0.25em;\n}\n[dir=\"ltr\"] fieldset.able-prefs-captions label {\n text-align: right;\n}\n[dir=\"rtl\"] fieldset.able-prefs-captions label {\n text-align: left;\n}\nfieldset.able-prefs-captions label {\n width: 6em;\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-top: 0;\n margin-bottom: 0.5em;\n font-size: 1.1em;\n}\n.able-prefs-form ul {\n margin-top: 0;\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 Resize Window Dialog\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 Drag & Drop\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 Sign Language Window\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 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}\n[dir=\"ltr\"] div.able-chapters-div button {\n text-align: left;\n}\n[dir=\"rtl\"] div.able-chapters-div button {\n text-align: right;\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}\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 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 Tooltips & Alerts\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.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.able-popup {\n z-index: 9200;\n}\n.able-tooltip {\n z-index: 9000;\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 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 Transcript\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[dir=\"ltr\"] .able-window-toolbar label {\n margin-right: 10px;\n}\n[dir=\"rtl\"] .able-window-toolbar label {\n margin-left: 10px;\n}\n.able-window-toolbar label {\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[dir=\"ltr\"] .able-window-toolbar .transcript-language-select-wrapper {\n float: right;\n}\n[dir=\"rtl\"] .able-window-toolbar .transcript-language-select-wrapper {\n float: left;\n}\n.able-window-toolbar .transcript-language-select-wrapper {\n padding-right: 30px;\n}\n/*\n Playlist - Embedded\n*/\n.able-player .able-playlist {\n font-size: 0.9em;\n list-style-type: none;\n margin: 0;\n background-color: #FFFFFF;\n padding: 5px 0;\n}\n.able-player .able-playlist li {\n background-color: #DDDDDD; /* default background color of each item in playlist */\n margin: 5px;\n padding: 5px 10px;\n border-radius: 15px;\n -moz-border-radius: 15px;\n}\n.able-player .able-playlist li:hover,\n.able-player .able-playlist li:focus,\n.able-player .able-playlist li:active { /* playlist items when they have mouse or keyboard focus */\n color: #FFFFFF;\n background-color: #340449;\n text-decoration: none;\n}\n.able-player .able-playlist li.able-current { /* currently selected playlist item */\n color: #000000;\n background-color: #FFEEB3;\n font-weight: bold;\n outline: none;\n text-decoration: none;\n}\n.able-player .able-playlist li.able-current:after {\n content: ' *';\n}\n/*\n Playlist - External\n*/\n.able-playlist {\n}\n.able-playlist li {\n}\n.able-playlist li:hover,\n.able-playlist li:focus,\n.able-playlist li:active { /* playlist items when they have mouse or keyboard focus */\n text-decoration: none;\n color: white;\n background-color: black;\n}\n.able-playlist li.able-current { /* currently selected playlist item */\n font-weight: bold;\n text-decoration: underline;\n}\n.able-playlist li.able-current:after {\n content: ' *';\n}\n/*\n Search\n*/\n.able-search-results ul li {\n font-size: 1.1em;\n margin-bottom: 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 Video Transcript Sorter (VTS)\n*/\n#able-vts-instructions {\n\tmargin-bottom: 1.5em;\n\tpadding: 1em;\n\tborder: 1px solid #999;\n\twidth: 720px;\n\tmax-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[dir=\"ltr\"] #able-vts fieldset div {\n float: left;\n}\n[dir=\"rtl\"] #able-vts fieldset div {\n float: right;\n}\n#able-vts fieldset div {\n padding-right: 1em;\n}\n[dir=\"ltr\"] #able-vts table {\n clear: left;\n}\n[dir=\"rtl\"] #able-vts table {\n clear: right;\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\tfont-size: 1em;\n\tpadding: 0.25em;\n\tborder-radius: 5px;\n\tmargin-bottom: 1em;\n\tfont-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\twidth: 720px;\n\tmax-width: 90%;\n}\n#able-vts textarea {\n\theight: 200px;\n\twidth: 720px;\n\tmax-width: 90%;\n}\n/*\n Misc\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-bottom: 1em;\n max-width: 500px;\n width: 95%;\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[dir=\"rtl\"] .able-fallback div,[dir=\"rtl\"] \n.able-fallback ul,[dir=\"rtl\"] \n.able-fallback p {\n text-align: right;\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 SVG Icons\n*/\nbutton svg {\n display: inline-block;\n width: 1em;\n height: 1em;\n fill: currentColor;\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[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.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*/\npre {\n white-space: pre-wrap;\n}\n.highlight {\n font-size: 14px;\n color: #003366;\n color: var(--w3c-blue);\n -moz-tab-size: 2;\n -o-tab-size: 2;\n tab-size: 2;\n -webkit-font-feature-settings: \"liga\", \"clig off\";\n font-feature-settings: \"liga\", \"clig off\";\n -webkit-font-variant-ligatures: no-common-ligatures;\n font-variant-ligatures: no-common-ligatures;\n}\n.highlight .c { color: #3b3b3b; color: var(--dk-grey) }\n/* Comment */\n.highlight .err { color: #003366; color: var(--w3c-blue) }\n/* Error */\n.highlight .g { color: #003366; color: var(--w3c-blue) }\n/* Generic */\n.highlight .k { color: #005A6A; color: var(--wai-green) }\n/* Keyword */\n.highlight .l { color: #003366; color: var(--w3c-blue) }\n/* Literal */\n.highlight .n { color: #003366; color: var(--w3c-blue) }\n/* Name */\n.highlight .o { color: #005A6A; color: var(--wai-green) }\n/* Operator */\n.highlight .x { color: #c0272d; color: var(--faded-red) }\n/* Other */\n.highlight .p { color: #003366; color: var(--w3c-blue) }\n/* Punctuation */\n.highlight .cm { color: #3b3b3b; color: var(--dk-grey) }\n/* Comment.Multiline */\n.highlight .cp { color: #005A6A; color: var(--wai-green) }\n/* Comment.Preproc */\n.highlight .c1 { color: #3b3b3b; color: var(--dk-grey) }\n/* Comment.Single */\n.highlight .cs { color: #005A6A; color: var(--wai-green) }\n/* Comment.Special */\n.highlight .gd { color: #005A6A; color: var(--wai-green) }\n/* Generic.Deleted */\n.highlight .ge { color: #003366; color: var(--w3c-blue); font-weight: bold }\n/* Generic.Emph */\n.highlight .gr { color: #c0272d; color: var(--faded-red) }\n/* Generic.Error */\n.highlight .gh { color: #c0272d; color: var(--faded-red) }\n/* Generic.Heading */\n.highlight .gi { color: #005A6A; color: var(--wai-green) }\n/* Generic.Inserted */\n.highlight .go { color: #003366; color: var(--w3c-blue) }\n/* Generic.Output */\n.highlight .gp { color: #003366; color: var(--w3c-blue) }\n/* Generic.Prompt */\n.highlight .gs { color: #003366; color: var(--w3c-blue); font-weight: bold }\n/* Generic.Strong */\n.highlight .gu { color: #c0272d; color: var(--faded-red) }\n/* Generic.Subheading */\n.highlight .gt { color: #003366; color: var(--w3c-blue) }\n/* Generic.Traceback */\n.highlight .kc { color: #c0272d; color: var(--faded-red) }\n/* Keyword.Constant */\n.highlight .kd { color: #005A9C; color: var(--w3c-classic) }\n/* Keyword.Declaration */\n.highlight .kn { color: #005A6A; color: var(--wai-green) }\n/* Keyword.Namespace */\n.highlight .kp { color: #005A6A; color: var(--wai-green) }\n/* Keyword.Pseudo */\n.highlight .kr { color: #005A9C; color: var(--w3c-classic) }\n/* Keyword.Reserved */\n.highlight .kt { color: #c0272d; color: var(--faded-red) }\n/* Keyword.Type */\n.highlight .ld { color: #003366; color: var(--w3c-blue) }\n/* Literal.Date */\n.highlight .m { color: #005A6A; color: var(--wai-green) }\n/* Literal.Number */\n.highlight .s { color: #005A6A; color: var(--wai-green) }\n/* Literal.String */\n.highlight .na { color: #003366; color: var(--w3c-blue) }\n/* Name.Attribute */\n.highlight .nb { color: #c0272d; color: var(--faded-red) }\n/* Name.Builtin */\n.highlight .nc { color: #005A9C; color: var(--w3c-classic) }\n/* Name.Class */\n.highlight .no { color: #c0272d; color: var(--faded-red) }\n/* Name.Constant */\n.highlight .nd { color: #005A9C; color: var(--w3c-classic) }\n/* Name.Decorator */\n.highlight .ni { color: #c0272d; color: var(--faded-red) }\n/* Name.Entity */\n.highlight .ne { color: #c0272d; color: var(--faded-red) }\n/* Name.Exception */\n.highlight .nf { color: #005A9C; color: var(--w3c-classic) }\n/* Name.Function */\n.highlight .nl { color: #003366; color: var(--w3c-blue) }\n/* Name.Label */\n.highlight .nn { color: #003366; color: var(--w3c-blue) }\n/* Name.Namespace */\n.highlight .nx { color: #003366; color: var(--w3c-blue) }\n/* Name.Other */\n.highlight .py { color: #003366; color: var(--w3c-blue) }\n/* Name.Property */\n.highlight .nt { color: #005A9C; color: var(--w3c-classic) }\n/* Name.Tag */\n.highlight .nv { color: #005A9C; color: var(--w3c-classic) }\n/* Name.Variable */\n.highlight .ow { color: #005A6A; color: var(--wai-green) }\n/* Operator.Word */\n.highlight .w { color: #003366; color: var(--w3c-blue) }\n/* Text.Whitespace */\n.highlight .mf { color: #005A6A; color: var(--wai-green) }\n/* Literal.Number.Float */\n.highlight .mh { color: #005A6A; color: var(--wai-green) }\n/* Literal.Number.Hex */\n.highlight .mi { color: #005A6A; color: var(--wai-green) }\n/* Literal.Number.Integer */\n.highlight .mo { color: #005A6A; color: var(--wai-green) }\n/* Literal.Number.Oct */\n.highlight .sb { color: #3b3b3b; color: var(--dk-grey) }\n/* Literal.String.Backtick */\n.highlight .sc { color: #005A6A; color: var(--wai-green) }\n/* Literal.String.Char */\n.highlight .sd { color: #003366; color: var(--w3c-blue) }\n/* Literal.String.Doc */\n.highlight .s2 { color: #005A6A; color: var(--wai-green) }\n/* Literal.String.Double */\n.highlight .se { color: #c0272d; color: var(--faded-red) }\n/* Literal.String.Escape */\n.highlight .sh { color: #003366; color: var(--w3c-blue) }\n/* Literal.String.Heredoc */\n.highlight .si { color: #005A6A; color: var(--wai-green) }\n/* Literal.String.Interpol */\n.highlight .sx { color: #005A6A; color: var(--wai-green) }\n/* Literal.String.Other */\n.highlight .sr { color: #c0272d; color: var(--faded-red) }\n/* Literal.String.Regex */\n.highlight .s1 { color: #005A6A; color: var(--wai-green) }\n/* Literal.String.Single */\n.highlight .ss { color: #005A6A; color: var(--wai-green) }\n/* Literal.String.Symbol */\n.highlight .bp { color: #005A9C; color: var(--w3c-classic) }\n/* Name.Builtin.Pseudo */\n.highlight .vc { color: #005A9C; color: var(--w3c-classic) }\n/* Name.Variable.Class */\n.highlight .vg { color: #005A9C; color: var(--w3c-classic) }\n/* Name.Variable.Global */\n.highlight .vi { color: #005A9C; color: var(--w3c-classic) }\n/* Name.Variable.Instance */\n.highlight .il { color: #005A6A; color: var(--wai-green) }\n/* Literal.Number.Integer.Long */\n:not(.highlight) code {\n -webkit-font-feature-settings: \"liga\", \"clig off\";\n font-feature-settings: \"liga\", \"clig off\";\n -webkit-font-variant-ligatures: no-common-ligatures;\n font-variant-ligatures: no-common-ligatures;\n color: #003366;\n color: var(--w3c-blue);\n}","button, .button {\n cursor: pointer;\n border-radius: 5px;\n display: inline-block;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 8px 12px;\n border: 2px solid var(--wai-green);;\n font-size: .8125rem;\n line-height: 1.4;\n color: var(--pure-white);\n background-color: var(--wai-green);\n text-decoration: none;\n font-weight: bold;\n &:visited {\n color: var(--pure-white);\n }\n &.button-nobg {\n background: transparent;\n &:--hovcus {\n background-color: transparent;\n border-color: var(--pure-white)\n }\n }\n &.button-noborder {\n border-color: transparent;\n &:--hovcus {\n border-color: var(--pure-white)\n }\n }\n &.button-small {\n padding: 2px 4px;\n }\n &.button-inline {\n padding: 0;\n }\n}\n\n.stealthy-link:--hovcus {\n & span.button {\n background-color: var(--w3c-blue);\n color: var(--pure-white);\n }\n}\n\nbutton, .button {\n &:--hovcus {\n border-color: var(--w3c-blue);\n background-color: var(--w3c-blue);\n color: var(--pure-white);\n }\n &:focus {\n outline-color: var(--w3c-blue);\n }\n &:disabled {\n opacity: .75;\n text-decoration: line-through;\n }\n}\n\n.button-secondary {\n background-color: var(--pure-white);\n color: var(--wai-green);\n &:visited {\n color: var(--w3c-blue);\n &:--hovcus {\n color: var(--pure-white);\n }\n }\n}\n\n.button-backtotop {\n position: fixed;\n cursor: pointer;\n bottom: 16px;\n right: 16px;\n left: auto;\n &:dir(rtl) {\n right: auto;\n left: 16px;\n }\n opacity: 0.85;\n border-radius: 100px;\n background-color: var(--w3c-blue);\n border-color: var(--w3c-blue);\n box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);\n opacity: 0;\n transition: opacity .5s linear;\n &:focus,&.active {\n opacity: 1;\n }\n & svg {\n vertical-align: -1px;\n }\n &.inline {\n position:static;\n float: inline-end;\n }\n}\n\n.button-menu {\n text-transform: uppercase;\n background-color: var(--pure-white);\n color: var(--w3c-blue);\n border-color: var(--gold);\n &:--hovcus {\n border-color: var(--pure-white);\n background-color: var(--gold);\n color: var(--off-black);\n }\n}\n\n.button-group {\n display: flex;\n flex-wrap: wrap;\n margin: 0 -8px;\n & button, & .button {\n min-width: 7em;\n flex: 1;\n text-align: center;\n margin: 8px;\n }\n}","img {\n &.left {\n float: inline-start;\n margin-inline-end: 1em;\n }\n &.right {\n clear: inline-end;\n float: inline-end;\n margin-inline-start: 1em;\n }\n}","mark {\n background-color: color-mod(var(--gold) alpha(35%));\n}","p {\n margin: 1em 0;\n}",".showhidebutton {\n display: inline;\n background: transparent;\n color: inherit;\n border-color: transparent;\n font-weight: normal;\n &:after {\n display: inline-block;\n background-color: var(--w3c-blue);\n color: var(--pure-white);\n content: \"–\";\n font-weight: bold;\n margin-inline-start: .5em;\n padding: .3em;\n border-radius: 3px;\n width: 1em;\n height: 1em;\n line-height: 1em;\n }\n &:--hovcus {\n &:after {\n color: var(--w3c-blue);\n background-color: var(--pure-white) !important;\n }\n }\n &[aria-expanded=false]:after {\n content: \"+\";\n }\n /* &.button-inline:after {\n margin-inline-start: .2em;\n padding: .15em;\n border-radius: 3px;\n width: .85em;\n height: .85em;\n line-height: .85em;\n }*/\n}","blockquote {\n font-style: italic;\n margin-block-end: 1em;\n & cite {\n display: block;\n font-style: normal;\n /*color: var(--w3c-blue);*/\n padding-left: 2rem;\n &:before {\n content: \"— \";\n font-weight: bold;\n margin-inline-start: -2rem;\n width: 2rem;\n display: inline-block;\n }\n }\n & p:first-of-type::before {\n content: '“';\n margin-inline-start: -.75ch;\n }\n\n & p:last-of-type {\n margin-block-end: 0;\n }\n\n & p:last-of-type::after {\n content: '”';\n }\n\n\n &.special {\n text-align: center;\n }\n}\n\nblockquote.pull {\n position: relative;\n font-size: 1.25rem;\n padding-left: 1ch;\n margin-inline-start: 4rem;\n border: 1px solid transparent;\n color: var(--w3c-blue);\n font-weight: bold;\n border-inline-start: 2px solid var(--line-grey);\n &.right, &.left {\n max-width: 16rem;\n }\n &.right {\n float: inline-end;\n }\n &.left {\n float: inline-start;\n margin-inline-end: 2rem;\n }\n & p:first-of-type::before {\n font-size: 5rem;\n position: absolute;\n left: 0;\n margin-inline-start: -1.25ch;\n top:-.25ch;\n }\n & cite {\n margin-block-start: .5rem;\n font-size: 1rem;\n font-weight: normal;\n color: var(--off-black);\n }\n &.alt-1 {\n color: var(--w3c-classic);\n }\n &.alt-2 {\n color: var(--wai-green);\n }\n &.alt-3 {\n color: var(--off-black);\n }\n}",".box {\n border: solid 1px var(--line-grey);\n margin-block-start: 16px;\n background-color: var(--pure-white);\n}\n\n.box + .box#toc {\n margin-block-start: 0;\n border-block-start: 0;\n}\n\n.box.box-space-above {\n margin-block-start: 90px;\n}\n\n.box-h {\n padding: 8px 16px;\n color: var(--wai-green);\n @media print {\n color: #000;\n }\n font-weight: bold;\n background-color: var(--off-white);\n & h1, & h2, & h3, & h4, & h5, & h6 {\n border: none;\n font-size: inherit;\n color: inherit;\n margin: 0;\n padding: 0;\n font-weight: inherit;\n display: inline-block;\n @supports (all: unset) {\n all: unset;\n }\n }\n}\n\n.box-h-large {\n font-size: 1.25rem;\n color: var(--w3c-blue);\n padding-bottom: 7px;\n font-weight: normal;\n border-block-end: solid 1px var(--line-grey);\n}\n\n.box-h-icon {\n & svg {\n margin-inline-end: 4px;\n }\n}\n\n.box-i {\n &:before, &:after {\n content: \" \";\n display: table;\n }\n\n &:after {\n clear: both;\n }\n padding: 8px 16px;\n font-size: 14/16 * 1rem;\n & > :first-child {\n margin-block-start: 0;\n }\n & > :last-child {\n margin-block-end: 0;\n }\n}\n\n.box.box-list {\n & .box-i {\n & ul, & ol {\n margin:0;\n padding: 0;\n list-style: none;\n }\n }\n}\n\n.box.box-linklist {\n & .box-i {\n padding: 0;\n }\n}\n\n.box.box-simple {\n & .box-i {\n padding: 2px 8px 8px;\n }\n & .box-h-simple {\n padding: 8px 8px 2px;\n background-color: transparent;\n font-size: .875rem;\n line-height: 1.57;\n }\n}\n\n.box.box-simple.box-aside .box-i {\n font-size: .875rem;\n}\n\n@media (--medium) {\n .box {\n &.box-left, &.box-right {\n width: 33%;\n margin-block-start: -9px;\n &.box-simple { margin-block-start:-3px; }\n }\n &.box-left {\n clear: inline-start;\n float: inline-start;\n margin-inline-end: 1em;\n }\n &.box-right {\n clear: inline-end;\n float: inline-end;\n margin-inline-start: 1em;\n }\n }\n}\n",".breadcrumb {\n font-size: .8125rem;\n background-color: var(--pure-white);\n border-block-end: 1px solid var(--line-grey);\n padding-block-start: 16px;\n padding-block-end: 16px;\n margin-block-end: 32px;\n & ul {\n margin: 0;\n padding: 0;\n grid-column: 2/10;\n & li {\n display: inline-block;\n margin: 0;\n padding: 0;\n &:after {\n content: \" / \";\n color: var(--wai-green);\n white-space: pre-wrap;\n }\n &:last-child:after {\n content: \"\";\n display:none;\n }\n }\n }\n & a {\n color: var(--w3c-blue);\n @media print { &:after { content: ''; } }\n }\n & [aria-current=page] {\n font-weight: bold;\n text-decoration: none;\n }\n}\n",".content {\n display: grid;\n grid-area: content;\n grid-template-columns: repeat(6, minmax(0, 120px));\n grid-column-gap: 32px;\n & > * {\n grid-column: 1/5;\n grid-auto-flow: dense;\n }\n & > .ref-side, > & .demo-side, > & .aside {\n grid-column: 5/7;\n font-size: .875rem;\n line-height: 1.2;\n & p:first-of-type {\n margin-top: 0;\n }\n }\n &.wide {\n grid-template-columns: repeat(8, minmax(0, 120px));\n grid-column-start: navigation;\n grid-column-end: content;\n & > * {\n grid-column: 3/9;\n }\n & .sn-contents {\n grid-column:1/3;\n grid-row:1/99;\n }\n }\n}\n\n.example-bar {\n display: flex;\n padding-inline-start: 32px;\n padding-inline-end: 32px;\n @supports (display: grid) {\n display: grid;\n grid-column-gap: 32px;\n padding: 0;\n max-width: none;\n }\n grid-template-columns: repeat(6, minmax(0, 1fr));\n & > * {\n grid-column: 2/7;\n }\n & .eg {\n grid-column: 1/2;\n grid-row: 1/99;\n text-align: right;\n border-inline-end: 2px solid var(--wai-green);\n padding-block: 0;\n padding-inline: 8px;\n font-weight: bold;\n font-style: italic;\n color: var(--wai-green);\n }\n}\n\n.example-sheet {\n display: flex;\n padding-inlne-start: 32px;\n padding-inline-end: 32px;\n @supports (display: grid) {\n display: grid;\n grid-column-gap: 32px;\n padding: 0;\n max-width: none;\n }\n grid-template-columns: repeat(6, minmax(0, 1fr));\n & .example-sheet-inner {\n grid-column: 2/6;\n background-color: var(--pure-white);\n padding-block: 16px;\n padding-inline: 32px;\n }\n}",".decision-tree {\n list-style: none;\n margin: 1em 0;\n padding:0;\n & > li {\n /*border: 2px solid #999;\n border-block-start:none;*/\n & > strong {\n display: block;\n padding: 1em .5em;\n }\n &:first-child {\n /*border-block-start:2px solid #999;*/\n }\n & > ul {\n padding:0;\n list-style: none;\n /*border-block-start: 1px dotted #aaa;*/\n @supports (display: flex) {\n display:flex;\n flex-direction: row-reverse;\n flex-wrap: wrap;\n align-items: stretch;\n }\n & > li {\n text-indent: 0;\n box-sizing: border-box;\n font-weight: normal;\n @supports (display: flex) {\n flex-basis: 25%;\n }\n padding: .5em;\n // border: 1px solid #aaa;\n &:nth-child(odd) {\n @supports (display: flex) {\n flex-basis: 75%;\n }\n }\n &:nth-child(odd):last-child {\n display:block;\n flex-basis:100%;\n }\n & ul {\n padding:0;\n margin:0;\n }\n & li {\n padding: 0;\n padding-bottom: 0.5em;\n margin-block-end: 0.5em;\n border-block-end: 1px solid var(--dk-grey);\n list-style: none;\n & > em {\n display: block;\n padding-left: 1.5em;\n position: relative;\n margin-block-start: .25em;\n font-style: normal;\n &:before {\n position:absolute;\n content: '';\n top:.2em;\n margin-inline-start: -1.5em;\n }\n }\n &:last-child {\n border-bottom-style: none;\n padding-bottom: 0;\n margin-block-end: 0;\n }\n }\n }\n }\n }\n & .yes {\n background-color: color(var(--w3c-blue) lightness(95%));\n border-block-end: none;\n & li {\n list-style: disc;\n margin-inline-start: 1em;\n &:only-child {\n list-style: none;\n }\n }\n }\n & .no {\n /*border-inline-end:1px dotted #aaa;*/\n background-color: color(var(--faded-red) lightness(85%));\n border-block-end: none;\n position: relative;\n &:after { top: 100%; left: 50%; border: solid transparent; content: \" \"; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(119, 119, 119, 0); border-top-color: color(var(--faded-red) lightness(85%)); border-width: 1rem; margin-inline-start: -.5rem; z-index: 500; }\n /*&:before { top: 100%; left: 50%; border: solid transparent; content: \" \"; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(119, 119, 119, 0); border-top-color: #999; border-width: 1.1rem; margin-inline-start: -.6rem; z-index: 400; }*/\n }\n}",".doc-archived {\n & h1::before {\n content: \"Archived\";\n }\n}",".doc-draft {\n & h1::before {\n content: \"Draft\";\n }\n}",".doc-note-translation {\n font-size: .8125rem;\n & p {\n margin-block-start: 5px;\n margin-block-end: 5px;\n &:first-of-type {\n margin-block-start: 0;\n }\n &:last-child {\n margin-block-end: 0;\n }\n }\n}",".doc-note {\n & h1 {\n &::before{\n background-color: var(--gold);\n color: var(--dk-blue);\n display: inline-block;\n padding: 4px 8px;\n margin-block-start: -8px;\n margin-inline-end: 8px;\n font-size: .875rem;\n text-transform: uppercase;\n letter-spacing: 1px;\n font-weight: bold;\n vertical-align: middle;\n border-radius: 3px;\n }\n }\n}\n\n.doc-note-box {\n border: 2px solid var(--gold);\n padding: 8px;\n background-color: var(--pure-white);\n margin-block-end: 20px;\n & p:first-child {\n margin-block-start: 0;\n }\n & p:last-child {\n margin-block-end: 0;\n }\n}\n\n.doc-note-translations {\n\n}","details {\n padding-left: 2rem;\n}\nsummary {\n cursor: pointer;\n display: block;\n margin-inline-start: -2rem;\n}\n\nsummary::-webkit-details-marker {\n display: none;\n}\n\nsummary {\n & > *:first-child::before {\n content: '+';\n margin-inline-end: 0.5rem;\n display: inline-block;\n border-radius: 5px;\n width: 1.3rem;\n height: 1.3rem;\n line-height: .9;\n background: var(--pure-white);\n color: var(--wai-green);\n border: 2px solid var(--wai-green);\n text-align: center;\n font-weight: bold;\n }\n &:--hovcus > *:first-child::before {\n background: var(--w3c-blue);\n border-color: var(--w3c-blue);\n color: var(--pure-white);\n }\n}\n\ndetails[open] > summary > *:first-child::before {\n content: '–';\n}\n\ndetails > div::after {\n content: \"\";\n display: block;\n clear: both;\n}\n\n.excol-all {\n margin: 16px 0;\n}","figure.shrink-wrap {\n box-sizing: border-box;\n background-color: var(--pure-white);\n width: min-content;\n max-width: 100%;\n border: 1px solid var(--line-grey);\n border-radius: 3px;\n padding: 10px;\n & .figcontent {\n @media (--medlarge) {\n display: flex;\n & > * {\n flex: 1;\n }\n }\n }\n & img {\n border: 1px solid var(--line-grey);\n max-width: none !important;\n }\n & figcaption {\n font-weight: normal;\n border: none;\n margin: 0;\n }\n}",".page-footer, .site-footer {\n font-size: .875rem;\n @media print {\n font-size: 8pt;\n }\n padding-top: 16px;\n padding-bottom: 16px;\n & p:first-of-type {\n margin-block-start: 0;\n }\n & p:last-of-type {\n margin-block-end: 0;\n }\n}\n\n.page-footer {\n margin-block-start: 32px;\n background-color: var(--footer-grey);\n & .inner {\n grid-area: content;\n }\n}\n\n.site-footer {\n margin-block-start: 32px;\n padding-top: 16px;\n padding-bottom: 16px;\n background-color: var(--dk-grey);\n color: var(--pure-white);\n @media print {\n background-color: var(--footer-grey);\n color: var(--dk-grey);\n border-block-start: 1px solid var(--dk-grey);\n }\n & a {\n color: var(--pure-white);\n }\n & a.largelink {\n color: var(--gold);\n font-size: 1.25rem;\n text-decoration: none;\n @media print {\n color: var(--dk-grey);\n font-size: 12pt;\n }\n &:hover, &:focus {\n text-decoration: underline;\n }\n }\n & .footer-list-header {\n font-weight: bold;\n border-block-end: 1px solid var(--trans-line-grey);\n padding: 4px 0;\n }\n & .about {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n @media print {\n grid-column-end: q4-end;\n flex-direction: row;\n align-items: flex-end;\n & p {\n margin: 0;\n }\n }\n }\n &>:not(.about) {\n @media print {\n display: none;\n }\n }\n}\n.page-footer + .site-footer {\n margin-block-start: 0;\n}\n\n.site-footer ul {\n margin: 0;\n padding: 0;\n}\n\n.site-footer ul li {\n list-style:none;\n}\n",".footnotes {\n margin-block-start: 60px;\n}\n.footnotes ol {\n font-size: .85rem;\n}","@custom-selector :--forminputs input:not([type=\"checkbox\"]):not([type=\"radio\"]), textarea;\n\ninput, select, textarea {\n font-size: 1em;\n font-family: inherit;\n}\n\ninput[type=\"search\"] {\n -webkit-appearance: none;\n}\n\n\nfieldset {\n border: none;\n margin: 0 0 2rem;\n padding: 0;\n}\n\nlegend {\n font-size: 1.25rem;\n font-weight: bold;\n}\n\n:--forminputs {\n border: 1px solid var(--grey);\n &:--hovcus {\n border: 1px solid var(--w3c-blue);\n }\n}\n\n& ::-webkit-input-placeholder {\n color: #767676;\n font-style: italic;\n opacity: 1;\n}\n\n& :-moz-placeholder { /* Firefox 18- */\n color: #767676;\n font-style: italic;\n opacity: 1;\n}\n\n& ::-moz-placeholder { /* Firefox 19+ */\n color: #767676;\n font-style: italic;\n opacity: 1;\n}\n\n& :-ms-input-placeholder {\n color: #767676;\n font-style: italic;\n opacity: 1;\n}\n\n.field {\n padding: 4px;\n margin: 0 0 2rem;\n & label {\n display: block;\n }\n & :--forminputs {\n display: block;\n box-sizing: border-box;\n width: 100%;\n padding: 8px;\n &:focus {\n outline: none;\n border-color: var(--w3c-classic);\n background-color: #EDF4FA;\n & ::-webkit-input-placeholder {\n color: #545554;\n }\n\n & :-moz-placeholder { /* Firefox 18- */\n color: #545554;\n }\n\n & ::-moz-placeholder { /* Firefox 19+ */\n color: #545554;\n }\n\n & :-ms-input-placeholder {\n color: #545554;\n }\n }\n }\n &:focus-within {\n background-color: #EDF4FA;\n }\n\n &:focus-within input:focus {\n background-color: var(--pure-white) !important;\n }\n}\n\n\n.group > .field {\n margin-block-end: .5rem;\n margin-inline-start: 2rem;\n}\n\n.radio-field {\n display: flex;\n padding: 4px;\n margin: 0 0 8px;\n border-radius: 3px;\n & input {\n flex: 0 0 1em;\n width: 1em;\n height: 1em;\n margin-inline-end: .5em;\n &:checked + label {\n font-weight: bold;\n color: var(--dk-blue);\n }\n }\n &:--hovcus {\n background-color: var(--light-blue);\n color: #fff;\n & :checked + label {\n color: inherit;\n }\n }\n & label {\n flex: 1 1 100%;\n cursor: pointer;\n }\n}\n\nfieldset {\n border: none;\n}\n\nlegend {\n font-size: 1.25rem;\n font-weight: bold;\n}",".searchform {\n @media (--medium) {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n & label {\n flex: 1;\n text-align: end;\n }\n & input {\n flex: 4;\n margin-inline-start: 10px;\n }\n & button {\n flex: 1;\n margin-inline-start: 10px;\n }\n}","#site-header {\n background-color: var(--w3c-classic);\n color: var(--pure-white);\n @media print {\n background-color: var(--off-white);\n color: #000;\n }\n padding-top: 3px;\n @supports (display: grid) {\n padding-inline-start: 8px;\n padding-inline-end: 8px;\n }\n & a {\n color: var(--pure-white);\n @media print {\n color: var(--w3c-classic);\n }\n @media print {\n &:after {\n content: '';\n }\n }\n }\n}\n\n.wai {\n line-height: 1.2;\n @media (--medium) {\n vertical-align: middle;\n /*display: block;*/\n font-size: 1.5625rem;\n }\n}\n\n.logos {\n grid-column-start: 2;\n grid-column-end: 6;\n grid-row-start: 1;\n padding-block: 16px;\n padding-inline: 0;\n display: flex;\n align-items: center;\n width: 60%;\n @supports (display: grid) {\n width: auto;\n }\n & .claim {\n font-size: .875rem;\n font-style: italic;\n &:lang(ar) {\n font-style: normal;\n }\n margin-inline-start: 16px;\n padding-inline-start: 16px;\n border-inline-start: 1px solid var(--gold);\n color: var(--pure-white);\n @media print {\n color: var(--w3c-classic);\n }\n flex:1 0 0;\n display: none;\n @media (--medium) {\n display: flex;\n align-items: center;\n }\n }\n}\n\n.home {\n @media (--small) {\n margin-inline-end: 32px;\n }\n text-decoration: none;\n transition: color .25s ease-in .1s;\n display: flex;\n align-items: center;\n @supports (display: grid) {\n flex:0;\n }\n @media (--large) {\n margin-inline-end: 8px;\n }\n & svg, & img {\n vertical-align:middle;\n color: inherit;\n fill: currentColor;\n height: 30px;\n @media (--medium) {\n height: 46px;\n }\n }\n img {\n padding-inline-end: 8px;\n }\n &.w3c {\n border-block-end: 2px solid transparent;\n &:hover {\n border-bottom-color: currentColor;\n }\n }\n & .wai {\n display: flex;\n flex-direction: column;\n justify-content: center;\n @media (--medium) {\n font-size: 1.25rem;\n }\n & .wa {\n padding-block-end: 2px;\n }\n & .i {\n border-block-start: 1px solid var(--gold);\n padding-top: 2px;\n display: flex;\n justify-content: space-between;\n }\n }\n &:--hovcus {\n text-decoration: underline;\n color: var(--gold) !important;\n }\n}\n","h1, h2, h3, h4, h5, h6 {\n padding: 0;\n}\n\nh1, h2 { margin: 60px 0 20px; }\nh3 { margin: 40px 0 20px; }\nh4, h5, h6 { margin: 20px 0 10px; }\nh1, h2, h3, h4 {\n color: var(--wai-green);\n @media print {\n color: #000;\n }\n}\n\nh1 {\n font-size: 1.5rem;\n @media (--medium) {\n font-size: 2rem;\n }\n @media (--large) {\n font-size: 2.375rem;\n }\n line-height: 1.2;\n font-weight: normal;\n margin-block-start: 0;\n & + h2 {\n margin-block-start: 0;\n }\n}\n\nh2 {\n font-size: 1.375rem;\n line-height: 1.2;\n font-weight: bold;\n border-block-end: 1px solid var(--line-grey);\n & + h3 {\n margin-block-start: 0;\n }\n}\n\nh3, h4 {\n font-size: 1.125rem;\n line-height: 1.4;\n}\n\nh3 + h4 {\n margin-block-start: 0;\n}\n\nh4 {\n font-weight: normal;\n & + h5 {\n margin-block-start: 0;\n }\n}\n\nh5 {\n font-weight: bold;\n line-height: 1.6;\n & + h6 {\n margin-block-start: 0;\n }\n}\n\nh6 {\n font-size:.875rem;\n line-height: 1.8;\n}\n\nh1, h2, h3, h4, h5, h6 {\n &.ex:before, &.ap:before, & b {\n color: var(--w3c-blue) !important;\n font-weight: bold;\n }\n}\n\n.no-js {\n & .ex {\n counter-increment: examples;\n counter-reset: approaches;\n &:before {\n content: 'Example ' counter(examples) ': ';\n }\n &.inap {\n counter-reset: none;\n }\n }\n\n & .newap {\n counter-reset: approaches;\n }\n\n & .newex {\n counter-reset: examples;\n }\n\n\n & h2.first, & h3.first, & .newexap {\n counter-reset: examples approaches;\n }\n\n & .ap {\n counter-increment: approaches;\n &:before {\n content: 'Approach ' counter(approaches) ': ';\n }\n }\n}\n","[class^=\"icon-\"], [class*=\" icon-\"] {\n display: inline-block;\n width: 1em;\n height: 1em;\n stroke-width: 0;\n stroke: currentColor;\n fill: currentColor;\n}\n\n/* ==========================================\nSingle-colored icons can be modified like so:\n.icon-name {\n font-size: 32px;\n color: red;\n}\n========================================== */\n\n.icon-default {\n width: 0.9285714285714285em;\n}\n\n.icon-info {\n width: 0.8571428571428571em;\n}\n\n.icon-audio-description {\n width: 3.5em;\n height: 1.75em;\n margin: -.25em;\n}\n\n.icon-search {\n width: 0.9287109375em;\n}\n\n.icon-arrow-left {\n width: 0.8928571428571428em;\n}\n\n.icon-arrow-right {\n width: 0.8214285714285714em;\n}\n\n.icon-arrow-up {\n width: 0.9285714285714285em;\n}\n\n.icon-arrow-down {\n width: 0.9285714285714285em;\n}\n\n.icon-ex-circle {\n width: 0.8571428571428571em;\n}\n\n.icon-check-circle {\n width: 0.8571428571428571em;\n}\n\n.icon-external-link {\n width: 0.8571428571428571em;\n}\n\n.icon-readmore {\n width: 0.7142857142857142em;\n}\n\n.icon-desktop {\n width: 1.0714285714285714em;\n}\n\n.icon-laptop {\n width: 1.0714285714285714em;\n}\n\n.icon-tablet {\n width: 0.6428571428571428em;\n}\n\n.icon-mobile {\n width: 0.42857142857142855em;\n}\n\n.icon-code {\n width: 1.0714285714285714em;\n}\n\n.icon-fork {\n width: 0.5714285714285714em;\n}\n\n.icon-code-file {\n width: 0.8571428571428571em;\n}\n\n.icon-cart-plus {\n width: 0.9285714285714285em;\n}\n\n.icon-languages {\n height: 1em;\n width: 2.75em;\n vertical-align: -8%;\n}\n\n.icon-translations {\n height: 1.6em;\n vertical-align: middle\n}","dl {\n margin: 16px 0;\n}\n\ndt {\n font-weight: bold;\n}\n\n.notbold dt {\n font-weight: normal;\n}\n\ndd {\n margin-inline-start: 32px;\n}\n\ndd+dt {\n margin-block-start: 8px;\n}\n\ndl.paragraph-like dd+dt {\n margin-block-start: 1em;\n}","ul li, ol li {\n margin-block-end: 8px;\n}\n\n.linklist {\n &, & li {\n margin: 0;\n padding: 0;\n list-style:none;\n }\n & a {\n display: block;\n padding: 4px 16px;\n border-block-end: 1px solid var(--line-grey);\n text-decoration: none;\n & svg {\n height: .65em;\n }\n &:hover, &:focus {\n & svg {\n color: var(--faded-red);\n }\n & .visual-a {\n text-decoration: underline;\n }\n }\n }\n & li:last-child a {\n border-block-end: none;\n }\n}\n\n.nolist {\n margin: 0;\n padding: 0;\n & li {\n list-style: none;\n margin: 0;\n padding: 0;\n }\n}\n\np+ul, p+ol {\n margin-block-start: -8px;\n}\n\n.columns {\n padding: 0;\n & > * {\n margin-inline-start: 32px;\n }\n}\n\n.two.columns, .four.columns {\n column-gap: 32px;\n @media (--medium) {\n columns: 2;\n }\n}\n\n.four.columns {\n padding: 0 8px;\n @media (--large) {\n columns: 4;\n }\n}\n\n.two.small.columns {\n column-gap: 32px;\n @media (--medium) {\n columns: 1;\n }\n @media (--large) {\n columns: 2;\n }\n}",".info {\n background-color: var(--gold);\n background-image: linear-gradient(to bottom, var(--gold), color(var(--gold) blackness(15%)));\n background-size: 100% 20%;\n background-repeat: no-repeat;\n background-position: bottom;\n font-weight: bold;\n text-align: center;\n & svg {\n margin-inline-end: 8px;\n font-size: 2em;\n vertical-align: middle;\n margin-block-start: -.14em;\n }\n}","#controls {\n background-color: var(--off-white);\n padding-inline: 8px;\n padding-block: 0;\n @media (--medium) {\n text-align: end;\n }\n font-size: .8125em;\n & > ul {\n padding: 0;\n margin: 0;\n @media (--medium) {\n grid-column-start: navigation;\n grid-column-end: content;\n }\n & > li {\n display: inline;\n list-style: none;\n margin: 0;\n margin-inline-start: 4px;\n padding: 0;\n padding-inline-start: 4px;\n @media (--medium) {\n margin: 0;\n margin-inline-start: 8px;\n padding: 0;\n padding-inline-start: 8px;\n }\n border-inline-start: 1px solid var(--w3c-blue);\n &:first-child {\n border-inline: 0;\n margin: 0;\n padding: 0;\n }\n }\n }\n & a {\n color: var(--w3c-blue);\n text-decoration: none;\n padding-block: 2px;\n padding-inline: 0;\n &:--hovcus {\n border-block-end: none;\n text-decoration: underline;\n }\n }\n @media print {\n display: none;\n }\n}\n\n#controls [hidden] {\n display: none !important;\n}\n.languagelist>ul {\n display: inline;\n margin: 0;\n padding: 0;\n}\n.languagelist>ul>li {\n border: none;\n padding: 0;\n margin:0;\n display: inline-block;\n &:first-child {\n margin-inline-end: 4px;\n }\n}\n.languagelist>ul>li:first-child:before {\n display:none;\n margin: 0;\n}\n.languagelist>ul>li:before {\n content: \"\";\n display: inline-block;\n background-color: #005A9C;\n width: 4px;\n height: 4px;\n margin:0;\n margin-block-start: -4px;\n margin-inline-end: 4px;\n vertical-align: middle;\n}\n\n#showoptions {\n display: inline;\n}",".mainnav {\n position: relative;\n font-size: .875rem;\n border-block-start: 1px solid var(--w3c-classic);\n border-block-end: 1px solid var(--w3c-classic);\n background-color: var(--w3c-blue);\n display: none;\n &.open { display: block; }\n @media (--medium) {\n display: block;\n }\n @media print {\n display: none;\n }\n & > ul {\n width: 100%;\n max-width: 1268px;\n padding: 0;\n margin: 0 auto !important;\n position: relative;\n display: flex;\n align-items: stretch;\n flex-wrap: wrap;\n @media (--medium) {\n flex-wrap: nowrap;\n }\n & > li {\n display:block;\n position: relative;\n flex-basis: 50%;\n flex-grow: 1;\n flex-shrink: 1;\n &.active {\n background: var(--w3c-blue);\n & > a > span {\n border-block-end: 2px solid var(--gold) !important;\n }\n }\n & > a {\n text-decoration: none;\n display:block;\n width: 100%;\n height: 100%;\n color: var(--pure-white);\n text-align: center;\n /*padding: 15px;*/\n min-height: 44px;\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: center;\n border-block-end: var(--w3c-classic);\n & > span {\n display: block;\n border-block-end: 2px solid transparent;\n }\n &:--hovcus {\n background-color: var(--dk-blue);\n }\n &:--hovcus, &[aria-current=\"page\"], &[aria-current=\"location\"] {\n & > span {\n border-block-end: 2px solid var(--gold);\n }\n }\n &[aria-current=\"page\"], &[aria-current=\"location\"] {\n &:--hovcus > span {\n border-block-end: 2px solid var(--pure-white);\n }\n }\n }\n & + li > a {\n border-inline-start: 1px solid #235A97;\n }\n }\n }\n}\n\n#openmenu {\n @media (--large) {\n display: none;\n }\n @media print {\n display: none;\n }\n}\n.page-home #openmenu {\n @media (--medium) {\n display: none;\n }\n}",".metanav {\n text-align: end;\n width: 100%;\n display: none;\n font-size: .85em;\n &.open {display: block;}\n @media (--medium) {\n display: block;\n }\n @media print {\n display: none;\n }\n & a {\n text-decoration: none;\n &:--hovcus, &[aria-current=\"page\"] {\n text-decoration: underline;\n }\n &[aria-current=\"page\"] {\n text-decoration: underline;\n }\n }\n & > ul {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n & li {\n display: inline-block;\n padding-inline: 8px;\n @media (--medium) {\n display: flex;\n align-items: center;\n }\n &:first-child {\n border: 0;\n }\n &:last-child {\n margin-block-end: 0;\n padding:0;\n border: 0;\n }\n & a {\n position: relative;\n min-height: 24px;\n padding-block: 10px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n &:before, &:after {\n position: absolute;\n top: 12px;\n left: -8px;\n bottom: 12px;\n width: 1px;\n background-color: var(--gold);\n }\n &:dir(ltr):before {\n content: '';\n }\n &:dir(rtl):after {\n content: '';\n }\n @media (--medium) {\n width: 100%;\n text-align: end;\n }\n }\n }\n &:dir(ltr) li:first-child a:before {\n display: none;\n }\n &:dir(rtl) li:nth-last-child(2) a:after {\n display: none;\n }\n }\n & form[role=search] {\n background-color: var(--w3c-blue);\n border: 1px solid var(--pure-white);\n & > div {\n display:flex;\n }\n & label {\n text-transform: none;\n font-weight: normal;\n }\n & input {\n box-sizing: border-box;\n -webkit-appearance: none;\n background-color: transparent;\n border: 0;\n border-radius: 0;\n color: var(--off-white);\n height: 100%;\n padding: 5px;\n margin: 0;\n width: 10em;\n &:focus {\n color: var(--pure-white);\n }\n &::-webkit-search-decoration {\n display: none;\n }\n &::-webkit-search-cancel-button,\n &::-webkit-search-results-button {\n filter: invert(100%);\n }\n }\n & button {\n display: block;\n margin: 0;\n }\n & ::-webkit-input-placeholder {\n color: var(--pure-white);\n font-style: italic;\n opacity: 1;\n }\n\n & :-moz-placeholder { /* Firefox 18- */\n color: var(--pure-white);\n font-style: italic;\n opacity: 1;\n }\n\n & ::-moz-placeholder { /* Firefox 19+ */\n color: var(--pure-white);\n font-style: italic;\n opacity: 1;\n }\n\n & :-ms-input-placeholder {\n color: var(--pure-white);\n font-style: italic;\n opacity: 1;\n }\n }\n}",".navigations {\n position: relative;\n grid-column-start: 6;\n grid-column-end: -2;\n flex-grow: 1;\n display: flex;\n align-items: center ;\n & .nava11y {\n display: block;\n }\n}\n.mainnav, .metanav {\n & > ul {\n margin: 0;\n padding: 0;\n & > li {\n list-style: none;\n margin: 0;\n }\n }\n}",".teaser.news {\n background-color: var(--pure-white);\n}\n\n.announce-box {\n background-color: var(--lt-off-white);\n border: 1px solid var(--line-grey);\n border-block: 1px;\n border-inline: 0;\n padding-block: 10px !important;\n padding-inline: 25px !important;\n &+.announce-box {\n border-block-start-width:0;\n }\n &>:first-child {\n margin-block-start: 0;\n }\n &>:last-child {\n margin-block-end: 0;\n }\n}",".notes {\n font-size: .85em;\n & strong:first-child {\n font-weight: bold;\n color: var(--wai-green);\n }\n}",".pager {\n background-color: var(--pure-white);\n border: 1px solid var(--line-grey);\n margin-block-start: 32px;\n}\n\n.pager > ul {\n box-sizing: border-box;\n align-content: center;\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n margin: 0;\n padding: 8px;\n}\n\n.pager--item {\n display: flex;\n flex: 0 1 50%;\n &:only-child {\n flex-basis: 100%;\n }\n list-style: none;\n margin:0;\n}\n\n.pager--item a:link {\n color: var(--wai-green);\n display: flex;\n flex-direction: row;\n flex: 1 100%;\n text-decoration: none;\n align-items: center;\n}\n\n.pager--item a:visited {\n color: var(--visited-link);\n}\n\n.pager--item a:hover,\n.pager--item a:focus {\n color: var(--w3c-blue);\n}\n\n.pager--item a:active {\n color: var(--wai-green);\n}\n\n.pager--item.next a {\n flex-direction: row-reverse;\n justify-content: flex-end;\n text-align: end;\n}\n\n.pager--item-icon {\n display: flex;\n font-size: 33px;\n}\n\n.pager--item-text {\n display: flex;\n flex: 1 auto;\n width: 100%;\n flex-direction: column;\n margin-inline-end: 8px;\n margin-inline-start: 8px;\n}\n\n.pager--item-text-direction {\n color: var(--off-black);\n font-size: .75rem;\n}\n\n.pager--item-text-target {\n font-size: 1rem;\n line-height: 1;\n}",".pagination {\n margin: 0;\n margin-block: 16px;\n padding-block-start: 16px;\n border-block-start: 2px solid var(--line-grey);\n & ul {\n width: 100%;\n display: flex;\n margin: 0;\n padding: 0;\n list-style: none;\n justify-content: flex-end\n }\n & li {\n margin-inline-start: 8px;\n }\n & a, & .like-a {\n padding-block: 8px;\n padding-inline: 16px;\n border-radius: 4px;\n border: 2px solid var(--line-grey);\n }\n & .is-active .like-a {\n background-color: var(--w3c-blue);\n border-color: var(--w3c-blue);\n color: var(--pure-white);\n }\n & a:--hovcus {\n background-color: var(--line-grey);\n }\n}",".quote {\n background-color: var(--wai-green);\n border-radius: 5px;\n color: var(--pure-white);\n padding: 22px;\n}\n\n.quote--block {\n display: flex;\n flex-direction: column;\n margin: 0;\n padding: 0;\n}\n\n.quote--block-text {\n font-size: 20px;\n font-style: italic;\n line-height: 1.25;\n margin: 0;\n padding: 0;\n}\n\n.quote--block-text::before {\n content: open-quote;\n}\n\n.quote--block-text::after {\n content: close-quote;\n}\n\n.quote--block-cite {\n font-size: 15px;\n font-weight: 500;\n margin: 0;\n margin-block-start: 9px;\n}\n\n.quote--block-cite a {\n color: var(--body-bg);\n}",".related-content {\n background-color: var(--pure-white);\n border: 1px solid var(--line-grey);\n display: flex;\n flex: 1 100%;\n flex-direction: column;\n margin: 50px;\n}\n\n.related-content--head {\n align-items: center;\n background-color: var(--off-white);\n border-box-end: 1px solid var(--line-grey);\n display: flex;\n flex-direction: row;\n block-size: 48px;\n}\n\n.related-content--head-icon {\n block-size: 22px;\n margin-inline-end: 10px;\n margin-inline-start: 19px;\n inline-size: 22px;\n}\n\n.related-content--head-heading {\n border: none;\n color: var(--w3c-blue);\n flex: 1 100%;\n font-size: 20px;\n margin: 0;\n padding: 0;\n}\n\n\n.related-content--content {\n margin: 0;\n padding: 0;\n}\n\n.related-content--content-list {\n list-style: none;\n margin: 22px;\n padding: 0;\n}\n\n.related-content--content-list li {\n font-size: 14px;\n line-height: 2.2em;\n}",".sidenav {\n grid-area: navigation;\n margin-block-end: 24px;\n display: none;\n &.open {\n display: block;\n margin-block-start: 16px;\n }\n @media (--large) {\n display: block;\n }\n @media print {\n display: none;\n }\n}\n\n.sidenav--head {\n background-color: var(--w3c-blue);\n border: 2px solid var(--w3c-blue);\n border-width: 0 5px;\n padding: 16px 24px;\n display:flex;\n align-items: flex-end;\n border-block-end: none;\n font-weight: bold;\n}\n\n.sidenav--head-icon {\n padding-block-end: .3em;\n margin-inline-start: -16px;\n}\n\n.sidenav--head-icon--inner {\n width: 47px;\n height: 48px;\n float: inline-start;\n margin-inline-end: 8px;\n}\n\n.sidenav--head-section {\n color: var(--pure-white);\n text-transform: uppercase;\n letter-spacing: .7px;\n font-size: .6875rem;\n font-weight: bold;\n}\n\n.sidenav--head-subsection {\n color: var(--pure-white);\n font-size: 1.375rem;\n}\n\n.sidenav--list {\n background-color: var(--w3c-blue);\n border: 2px solid var(--w3c-blue);\n border-block-end-width: 5px;\n border-block-start-width: 0;\n border-inline-start-width: 5px;\n border-inline-end-width: 0;\n margin: 0;\n padding:0;\n font-size: .8125rem;\n & a {\n display: flex;\n box-sizing: border-box;\n padding-block: 8px;\n padding-inline: 24px;\n min-height: 44px;\n color: var(--pure-white);\n text-decoration: none;\n align-items: center;\n &:--hovcus {\n text-decoration: underline;\n background-color: var(--off-white);\n color: var(--wai-green);\n }\n &:focus {\n outline-color: var(--gold);\n }\n & span.lang {\n font-weight: normal;\n }\n }\n & li a {\n border-block-start: 1px solid var(--w3c-classic);\n }\n .sidenav-head + & {\n border-block-start: none;\n }\n & ul {\n padding: 0;\n margin: 0;\n padding-inline-start: 24px;\n }\n & a + ul { display:none; }\n & a[aria-current] + ul { display:block; }\n & li {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n & ul li:first-child a {\n border-top-color:transparent;\n }\n & a[aria-current] {\n /*color: var(--w3c-blue);\n background-color: var(--body-bg);*/\n }\n & a[aria-current=location] {\n padding-block-end: 4px;\n font-weight: bold;\n }\n & a[aria-current=page] {\n font-weight: bold;\n color: var(--wai-green);\n background-color: var(--body-bg);\n position:relative;\n &:before, &:after {\n position: absolute;\n content: \"\";\n width: 0;\n height: 0;\n left: auto;\n right: 0;\n &:dir(rtl) {\n left: 0;\n right: auto;\n }\n border: 1px solid var(--pure-white);\n opacity: .9;\n }\n &:before {\n top:-2px;\n border-color: transparent var(--pure-white) var(--pure-white) transparent;\n }\n &:dir(rtl):before {\n border-color: transparent transparent var(--pure-white) var(--pure-white);\n }\n &:after {\n bottom:-2px;\n border-color: var(--pure-white) var(--pure-white) transparent transparent;\n }\n &:dir(rtl):after {\n border-color: var(--pure-white) transparent transparent var(--pure-white);\n }\n }\n}\n\n.sidenav-languages {\n font-size: .8125rem;\n margin-block-start: 2rem;\n border-radius: 3px;\n border: 2px solid var(--gold);\n background-color: var(--pure-white);\n & header {\n border-block-end: 2px solid var(--gold);\n padding-block: 8px;\n padding-inline: 27px;\n font-weight: bold;\n }\n & .langlist {\n padding-inline-start: 27px;\n list-style-position: inside;\n list-style-type: square;\n color: var(--w3c-classic);\n & li {\n margin-block-end: 2px;\n }\n }\n & p {\n padding-block-start: 4px;\n padding-block-end: 4px;\n padding-inline-start: 27px;\n padding-inline-end: 0;\n margin:0;\n border-block-start: 1px solid #eed009;\n }\n}\n","table, caption {\n text-align: start;\n}\ntable {\n border: 1px solid var(--line-grey);\n border-collapse: collapse;\n margin-block-end: 2em;\n}\ncaption {\n font-weight: bold;\n font-size: 1.125rem;\n color: var(--wai-green);\n line-height: 1.4;\n margin-block-end: 8px;\n}\nth, td {\n padding-block: 12px;\n padding-inline: 18px;\n border: 1px solid var(--line-grey);\n vertical-align: top;\n}\n.dense td, .dense th {\n padding-block: 2px;\n padding-inline: 4px;\n}\nth {\n font-weight: bold;\n color: var(--pure-white);\n background-color: var(--wai-green);\n & a {\n color: inherit;\n &:--hovcus {\n color: var(--gold);\n }\n &:visited {\n color: inherit;\n }\n }\n}\nth, td {\n & > :first-child {\n margin-block-start: 0;\n }\n & > :last-child {\n margin-block-start: 0;\n }\n}\n\n.hyphenated {\n hyphens: auto;\n}",".teaser.audiences-inline {\n & .subtitle {\n /*font-weight:normal;*/\n }\n & .title {\n display: block;\n font-size: 2.25rem;\n }\n}",".making-web-accessible {\n text-align:center;\n border-block-end: 1px solid var(--line-grey);\n flex-direction: column;\n & [hidden] {\n display: none !important;\n }\n & .inner.hidesection {\n position: relative;\n order: -1;\n }\n & .making-web-accessible-box {\n text-align: start;\n padding-block-start: 32px;\n padding-inline-end: 20px;\n padding-block-end: 0;\n padding-inline-start: 105px;\n }\n & .mwa-icon {\n width: 65px;\n height: 65px;\n float:left;\n margin-inline-start: -85px;\n }\n & .title {\n display: block;\n font-size: 2.25rem;\n }\n & .teaser-h h2 {\n margin:0;\n }\n & h3 {\n margin-block-start: 10px;\n font-size: 1.5rem;\n margin-block-end:0;\n }\n & p {\n margin-block-end:0;\n }\n & .showhidebutton {\n float: inline-end;\n position: absolute;\n top: -1.35em;\n right: 0;\n }\n}",".teaser.media-inline {\n & .subtitle {\n /*font-weight:normal;*/\n }\n & .title {\n display: block;\n font-size: 2.25rem;\n }\n}",".white-bg {\n background-color: var(--pure-white);\n}\n\n.bordered {\n border: 1px 0;\n border-color: var(--line-grey);\n}\n\n.teaser.news-teaser {\n & .title {\n display: block;\n font-size: 2.25rem;\n }\n}",".teaser.resource-inline {\n & .subtitle {\n /*font-weight:normal;*/\n }\n & .title {\n display: block;\n font-size: 2.25rem;\n }\n}",".teaser {\n padding-block-start: 32px;\n padding-block-end: 32px;\n}\n\n.teaser.featured {\n background-size: cover;\n background-position: center;\n & .teaser-c {\n background-color: rgba(255, 255, 255, 0.9);\n border-block-start: 5px solid var(--faded-red);\n padding-block: 16px;\n padding-inline: 32px;\n display:block;\n }\n}\n\n.teaser-h {\n & h2, & h3, & h4, & h5, & h6 {\n margin: 0;\n margin-block-end: 16px;\n padding: 0;\n border:none;\n color: var(--wai-green);\n font-size: 1rem;\n line-height: 1.2;\n &.title {\n font-size: 1.5rem;\n margin: 0;\n margin-block-start: 10px;\n margin-block-end: 20px;\n @media (--medium) {\n font-size: 2rem;\n }\n @media (--large) {\n font-size: 2.375rem;\n }\n }\n }\n & .subtitle {\n font-weight: bold;\n margin: 0;\n font-size: .875rem;\n color: var(--off-black);\n }\n}\n\n.teaser-h-icon {\n height:1em;\n width: 1em;\n vertical-align: middle;\n margin-inline-end: 10px;\n &.full {\n display: block;\n height: 1.8em;\n width: 1.8em;\n }\n}\n\n.teaser-tip {\n text-align: center;\n & .teaser-h h2 {\n font-size: 1.75rem\n }\n & .teaser-h svg {\n display: block;\n margin: 0 auto;\n height: 1.75em;\n width: 1.75em;\n }\n & .fakelink {\n margin: 0 auto;\n }\n}\n\n.fakelink {\n text-decoration: underline;\n position: relative;\n & svg {\n margin-inline-start: 5px;\n width: .75em;\n height: .75em;\n }\n}\n\n.teaser-about {\n & p {\n @media (--medium) {\n font-size: 1.25rem;\n }\n @media (--large) {\n font-size: 1.5rem;\n }\n color: var(--grey);\n }\n & .teaser-h h2 {\n font-weight: bold;\n }\n}\n\n.teaser-media {\n align-items: center;\n background-color: var(--pure-white);\n}\n\n.teaser-sponsors {\n border-block-start: 1px solid var(--line-grey);\n}\n\n.area-teaser {\n display: block;\n background-color: var(--pure-white);\n border: 1px solid var(--line-grey);\n margin: -1px;\n padding-block: 20px;\n padding-inline: 32px;\n @media (--medium) {\n padding-block: 40px;\n padding-inline: 40px;\n }\n @media (--large) {\n padding-block: 60px;\n padding-inline: 40px;\n }\n & .teaser-h {\n display: flex;\n align-items: flex-end;\n & h2, & h3, & h4, & h5, & h6 {margin: 0; font-weight: normal;}\n }\n & .teaser-h-icon {\n margin-block-end: 10px;\n }\n &:hover, &:focus {\n & .teaser-h > :not(svg) {\n text-decoration: underline;\n }\n }\n}\n\n.teaser.audiences-inline {\n\n}",".video-link {\n display: inline-block;\n text-decoration: none;\n margin: 10px 0;\n & img {\n mask: url(\"../images/video-mask-16-9.svg\");\n mask-size: contain;\n width: 240px;\n }\n &.ratio-43 img {\n mask: url(\"../images/video-mask-4-3.svg\");\n }\n & span {\n display: block;\n text-align: center;\n text-decoration: underline;\n }\n}\n\n.video-link-small img {\n width: 120px;\n}\n\n.video-link-inline {\n display: inline-flex;\n align-items: center;\n & img {\n width: auto;\n height: 2em;\n margin-inline-end: 1em;\n }\n span {\n text-align: start;\n }\n}","/*\n Able Player core styles\n\n Default z-index map:\n\n * Modal dialog\n div.able-modal-dialog = 10000\n div.able-modal-overlay = 9500\n\n * Items that should always be on top (9000):\n\t#able-vts-alert = 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 - Embedded\n*/\n\n.able-player .able-playlist {\n font-size: 0.9em;\n list-style-type: none;\n margin: 0;\n background-color: #FFFFFF;\n padding: 5px 0;\n}\n.able-player .able-playlist li {\n background-color: #DDDDDD; /* default background color of each item in playlist */\n margin: 5px;\n padding: 5px 10px;\n border-radius: 15px;\n -moz-border-radius: 15px;\n}\n.able-player .able-playlist li:hover,\n.able-player .able-playlist li:focus,\n.able-player .able-playlist li:active { /* playlist items when they have mouse or keyboard focus */\n color: #FFFFFF;\n background-color: #340449;\n text-decoration: none;\n}\n.able-player .able-playlist li.able-current { /* currently selected playlist item */\n color: #000000;\n background-color: #FFEEB3;\n font-weight: bold;\n outline: none;\n text-decoration: none;\n}\n.able-player .able-playlist li.able-current:after {\n content: ' *';\n}\n\n/*\n Playlist - External\n*/\n\n.able-playlist {\n}\n.able-playlist li {\n}\n.able-playlist li:hover,\n.able-playlist li:focus,\n.able-playlist li:active { /* playlist items when they have mouse or keyboard focus */\n text-decoration: none;\n color: white;\n background-color: black;\n}\n.able-playlist li.able-current { /* currently selected playlist item */\n font-weight: bold;\n text-decoration: underline;\n}\n.able-playlist li.able-current:after {\n content: ' *';\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\tmargin-block-end: 1.5em;\n\tpadding: 1em;\n\tborder: 1px solid #999;\n\twidth: 720px;\n\tmax-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\tfont-size: 1em;\n\tpadding: 0.25em;\n\tborder-radius: 5px;\n\tmargin-block-end: 1em;\n\tfont-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\twidth: 720px;\n\tmax-width: 90%;\n}\n#able-vts textarea {\n\theight: 200px;\n\twidth: 720px;\n\tmax-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}\n\n\n","/* Solarized Light\n\nFor use with Jekyll and Pygments\n\nhttp://ethanschoonover.com/solarized\n\nSOLARIZED HEX ROLE\n--------- -------- ------------------------------------------\nbase01 var(--w3c-blue) body text / default code / primary content\nbase1 var(--dk-grey) comments / secondary content\nbase3 #fdf6e3 background\norange var(--faded-red) constants\nred var(--faded-red) regex, special keywords\nblue var(--w3c-classic) reserved keywords\ncyan var(--wai-green) strings, numbers\ngreen var(--wai-green) operators, other keywords\n\n*/\n\npre {\n white-space: pre-wrap;\n}\n\n.highlight {\n font-size: 14px;\n color: var(--w3c-blue);\n tab-size: 2;\n font-variant-ligatures: no-common-ligatures;\n}\n.highlight .c { color: var(--dk-grey) } /* Comment */\n.highlight .err { color: var(--w3c-blue) } /* Error */\n.highlight .g { color: var(--w3c-blue) } /* Generic */\n.highlight .k { color: var(--wai-green) } /* Keyword */\n.highlight .l { color: var(--w3c-blue) } /* Literal */\n.highlight .n { color: var(--w3c-blue) } /* Name */\n.highlight .o { color: var(--wai-green) } /* Operator */\n.highlight .x { color: var(--faded-red) } /* Other */\n.highlight .p { color: var(--w3c-blue) } /* Punctuation */\n.highlight .cm { color: var(--dk-grey) } /* Comment.Multiline */\n.highlight .cp { color: var(--wai-green) } /* Comment.Preproc */\n.highlight .c1 { color: var(--dk-grey) } /* Comment.Single */\n.highlight .cs { color: var(--wai-green) } /* Comment.Special */\n.highlight .gd { color: var(--wai-green) } /* Generic.Deleted */\n.highlight .ge { color: var(--w3c-blue); font-weight: bold } /* Generic.Emph */\n.highlight .gr { color: var(--faded-red) } /* Generic.Error */\n.highlight .gh { color: var(--faded-red) } /* Generic.Heading */\n.highlight .gi { color: var(--wai-green) } /* Generic.Inserted */\n.highlight .go { color: var(--w3c-blue) } /* Generic.Output */\n.highlight .gp { color: var(--w3c-blue) } /* Generic.Prompt */\n.highlight .gs { color: var(--w3c-blue); font-weight: bold } /* Generic.Strong */\n.highlight .gu { color: var(--faded-red) } /* Generic.Subheading */\n.highlight .gt { color: var(--w3c-blue) } /* Generic.Traceback */\n.highlight .kc { color: var(--faded-red) } /* Keyword.Constant */\n.highlight .kd { color: var(--w3c-classic) } /* Keyword.Declaration */\n.highlight .kn { color: var(--wai-green) } /* Keyword.Namespace */\n.highlight .kp { color: var(--wai-green) } /* Keyword.Pseudo */\n.highlight .kr { color: var(--w3c-classic) } /* Keyword.Reserved */\n.highlight .kt { color: var(--faded-red) } /* Keyword.Type */\n.highlight .ld { color: var(--w3c-blue) } /* Literal.Date */\n.highlight .m { color: var(--wai-green) } /* Literal.Number */\n.highlight .s { color: var(--wai-green) } /* Literal.String */\n.highlight .na { color: var(--w3c-blue) } /* Name.Attribute */\n.highlight .nb { color: var(--faded-red) } /* Name.Builtin */\n.highlight .nc { color: var(--w3c-classic) } /* Name.Class */\n.highlight .no { color: var(--faded-red) } /* Name.Constant */\n.highlight .nd { color: var(--w3c-classic) } /* Name.Decorator */\n.highlight .ni { color: var(--faded-red) } /* Name.Entity */\n.highlight .ne { color: var(--faded-red) } /* Name.Exception */\n.highlight .nf { color: var(--w3c-classic) } /* Name.Function */\n.highlight .nl { color: var(--w3c-blue) } /* Name.Label */\n.highlight .nn { color: var(--w3c-blue) } /* Name.Namespace */\n.highlight .nx { color: var(--w3c-blue) } /* Name.Other */\n.highlight .py { color: var(--w3c-blue) } /* Name.Property */\n.highlight .nt { color: var(--w3c-classic) } /* Name.Tag */\n.highlight .nv { color: var(--w3c-classic) } /* Name.Variable */\n.highlight .ow { color: var(--wai-green) } /* Operator.Word */\n.highlight .w { color: var(--w3c-blue) } /* Text.Whitespace */\n.highlight .mf { color: var(--wai-green) } /* Literal.Number.Float */\n.highlight .mh { color: var(--wai-green) } /* Literal.Number.Hex */\n.highlight .mi { color: var(--wai-green) } /* Literal.Number.Integer */\n.highlight .mo { color: var(--wai-green) } /* Literal.Number.Oct */\n.highlight .sb { color: var(--dk-grey) } /* Literal.String.Backtick */\n.highlight .sc { color: var(--wai-green) } /* Literal.String.Char */\n.highlight .sd { color: var(--w3c-blue) } /* Literal.String.Doc */\n.highlight .s2 { color: var(--wai-green) } /* Literal.String.Double */\n.highlight .se { color: var(--faded-red) } /* Literal.String.Escape */\n.highlight .sh { color: var(--w3c-blue) } /* Literal.String.Heredoc */\n.highlight .si { color: var(--wai-green) } /* Literal.String.Interpol */\n.highlight .sx { color: var(--wai-green) } /* Literal.String.Other */\n.highlight .sr { color: var(--faded-red) } /* Literal.String.Regex */\n.highlight .s1 { color: var(--wai-green) } /* Literal.String.Single */\n.highlight .ss { color: var(--wai-green) } /* Literal.String.Symbol */\n.highlight .bp { color: var(--w3c-classic) } /* Name.Builtin.Pseudo */\n.highlight .vc { color: var(--w3c-classic) } /* Name.Variable.Class */\n.highlight .vg { color: var(--w3c-classic) } /* Name.Variable.Global */\n.highlight .vi { color: var(--w3c-classic) } /* Name.Variable.Instance */\n.highlight .il { color: var(--wai-green) } /* Literal.Number.Integer.Long */\n\n:not(.highlight) code {\n font-variant-ligatures: no-common-ligatures;\n color: var(--w3c-blue);\n}"]}
1
+ {"version":3,"sources":["colors.css","base.css","style.css","../components/atoms/button.css","../components/atoms/images.css","../components/atoms/mark.css","../components/atoms/p.css","../components/atoms/showhidebutton.css","../components/blockquote-in-box/blockquote-in-box.css","../components/box/box.css","../components/breadcrumb.css","../components/content.css","../components/decision-tree/decision-tree.css","../components/document-notes/document-notes-draft.css","../components/document-notes/document-notes-translation.css","../components/document-notes/document-notes.css","../components/excol/excol.css","../components/figure/figure.css","../components/footer/footers.css","../components/footnotes/footnotes.css","../components/form/form-elements.css","../components/form/form-search.css","../components/header/header.css","../components/headings/headings.css","../components/icons/icons.css","../components/lists/description-list.css","../components/lists/lists.css","../components/misc/warning.css","../components/navigations/controls.css","../components/navigations/mainnav.css","../components/navigations/metanav.css","../components/navigations/navigations.css","../components/news/news.css","../components/notes/notes.css","../components/pager/pager.css","../components/pagination/pagination.css","../components/quote/quote.css","../components/related-content/related-content.css","../components/sidenav/sidenav.css","../components/tables/tables.css","../components/teaser/audiences-inline.css","../components/teaser/making-web-accessible.css","../components/teaser/media-inline.css","../components/teaser/news.css","../components/teaser/resource-inline.css","../components/teaser/teaser.css","../components/video-links/video-links.css","../components/video/video.css","code.css"],"names":[],"mappings":"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,gBAAA,A1BqwGA,S0BpwGE,A1BqwGF,S0BrwGE,C1BswGH,AAEL,wB0BlwGE,0BACE,eAAsB,C1BqwGvB,AAEH,0B0BrwGI,gBAAkB,C1BuwGnB,AAEH,0BACQ,gBAAkB,C0BxwGtB,A1B2wGJ,0B0BxwGI,iBAAA,C1B0wGD,AAEH,gB0BxzGA,SAAA,AA+CI,SAAA,CAEJ,CADE,AAGF,0BACE,0BAAwB,CAC1B,AACA,0BACE,2BAAe,C1B6wGhB,A0B1wGD,0B1B6wGM,qCAAuC,C0B5wG7C,A1B+wGA,0B0B5wGE,sCAAQ,C1B8wGT,AAED,4B0B9wGE,cAAA,AACE,eAAA,AACF,SAAA,A1BgxGM,SAAW,C0BlxGjB,AAEA,Y1BoxGE,WAAe,A0BlxGnB,sBAAA,AACE,qBAAY,A1BsxGV,aAAgB,C0B3wGlB,A1B+wGF,oC0BvxGA,mBAAA,AAQE,yBAAA,CAEF,AAVA,a1B8xGA,U0B3xGE,YAAA,C1B6xGD,C0B3xGC,A1B8xGF,mB0B1xGE,sBAAsB,CACxB,AAEA,iBACE,eAAe,AACjB,SAAA,A1B4xGE,SAAW,C2Bl3Gb,A3Bq3GA,oB2Bl3GE,YAAA,UAAA,AACA,SAAA,oBAAA,C3Bs3GD,AAED,0C2BjzGA,gBAAA,C3BmzGC,AAED,0C2Bx3GE,eAAA,C3B03GD,AAED,uC2BzzGA,aAAA,AAjEE,QAAA,C3B63GD,AAED,qC2Bz4GA,gBAAA,C3B24GC,AAED,qCACE,eAAiB,C2Bh4GjB,A3Bm4GF,2BACE,W2Bj4GY,A3Bk4GZ,qB2Bj4GE,A3Bk4GF,yB2Bj4GoB,A3Bk4GpB,U2Bj4GE,A3Bk4GF,W2Bl4GE,A3Bm4GF,S2Bn4GE,A3Bo4GF,gB2Bn4GE,A3Bo4GF,qB2Bp4GE,C3Bq4GH,AAED,a2Bl1GE,cAAA,C3Bo1GD,AAED,S2Bl5GE,kBAAA,A3Bo5GA,e2B14GI,A3B24GJ,kB2B34GI,AAkDJ,6BAAA,A3B21GA,wC2B54GE,A3B64GF,gCAAiC,A2B54G/B,2CAAA,A3B84GF,sB2B74GiB,A3B84GjB,iC2B74GsB,A3B84GtB,Y2B74GI,C3B84GL,AAED,c2B/4GM,aAAY,CAAA,A3Bi5GlB,wBAEA,SACI,aAAc,C2Bl5GZ,C3Bo5GH,AAEH,a2Bp5GQ,S3Bu5GJ,Y2Bt5GM,C3Bu5GT,CACE,A2Br5GG,Y3Bw5GF,W2Bv5GI,A3Bw5GJ,iB2Bv5GiB,A3Bw5GjB,U2Bv5GI,A3Bw5GJ,wB2Bv5GgB,A3Bw5GhB,kB2Bv5G4B,A3Bw5G5B,oB2Bx5GI,A3By5GJ,oB2Bx5GI,A3By5GJ,a2Bx5GI,A3By5GJ,0B2Bx5GoB,AAChB,uBAAA,A3By5GI,oB2Bz5GJ,A3B05GJ,mB2Bz5GI,cAAA,C3B25GL,AAEH,wBAEA,YACM,qB2B95GE,A3B+5GE,gB2B/5GF,C3Bg6GL,CACE,AAEL,e2Bj6GQ,cAAA,A3Bm6GF,kB2Bl6GkB,A3Bm6GlB,4B2Bl6GI,AACF,eAAA,A3Bm6GF,mBAAoB,A2Bl6GlB,oBAAA,AACE,YAAA,A3Bo6GJ,oB2Bp6GI,AACF,aAAA,C3Bq6GH,AAEL,sBACQ,gB2Br6GI,A3Bs6GJ,0B2Br6GE,C3Bs6GH,AAEP,6BACU,0C2Br6G+C,AAC/C,6CAAA,C3Bs6GD,AAET,iB2Bn6GM,qBAAA,A3Bq6GE,cAAc,A2Bv6GhB,WAAA,AACE,YAAA,AACF,WAAA,A3By6GE,wBAAyB,A2Bn6G/B,kBAAA,AADF,gBAAA,AAOA,sBAAA,AAJE,oBAAA,A3Bw6GM,oBAAqB,A2Bv6G3B,aAAA,A3By6GM,yBAA0B,A2B76GlC,sBAAA,AAKI,mBAAA,AAEJ,wBAAA,AADE,qBAAA,A3B46Gc,uBAAwB,A2Bz6GtC,sBAAA,A3B26GM,gCAAiC,C2B56GzC,AAIA,sBADE,cAAA,A3B86GQ,mCAAqC,C4BtgH/C,AAuIA,8C5Bm4GU,yBAA0B,A4B1gHpC,+BAAA,CACE,A5B6gHF,8I4B9gHA,gCAAA,AAEE,mCAAW,CACX,AAoIF,oM5B64GY,6BAAiC,A4B/gH3C,yCAAuB,C5BihHd,AAEX,8B4BxhHA,6BAAA,C5B0hHC,AAED,8BACQ,8BAAgC,C4BphHtC,AATF,wBAuIA,UA5HE,YAAA,C5ByhHD,C4BxhHC,A5B2hHF,a4BzhHI,U5B4hHA,Y4B3hHE,C5B4hHL,CACE,AAEH,wBAEA,qB4B3hHE,YAAA,C5B6hHD,CACE,AAEH,mBACE,gB4B9hHE,C5B+hHH,AAED,mBACE,e4BjiHE,C5BkiHH,AAED,S4BniHI,WAAA,A5BqiHF,a4BpiHI,A5BqiHJ,e4BpiHI,C5BqiHL,AAED,cAAe,aAAe,CAAC,AAE/B,wBAEA,SACI,a4B1iHI,C5B2iHP,CACE,AAEH,aAEA,SACI,YAAa,C4B9iHX,C5BgjHH,AAEH,W4B/iHM,oBAAA,C5BijHH,AAMH,gEACM,yB4BjjHkB,C5BkjHnB,AAEL,YACI,W4BnjHI,A5BojHJ,oB4BpjHI,A5BqjHJ,oB4BpjHI,A5BqjHJ,a4BrjHI,A5BsjHJ,yB4BtjHI,AACA,sBAAA,mBAAA,A5BwjHJ,qB4BxjHI,AAmBF,kBAAA,A5BuiHM,wBAAyB,C4BzjH7B,A5B4jHR,eACM,qB4B1jHc,A5B2jHd,iB4B1jHgB,A5B2jHhB,iB4B1jHc,C5B2jHf,AAEL,wB4B1jHQ,e5B6jHA,oB4B5jHa,AACb,oBAAA,A5B6jHA,aAAc,A4B5jHd,yBAAA,AACE,sBAAW,AACb,kBAAA,C5B8jHH,C4B7jHG,AArBF,2B5BslHE,Q4B/jHE,CAEJ,AAzBA,0B5B0lHE,gB4BnkHE,AAEJ,UAAA,A5BmkHE,QAAU,C4B5lHZ,A5B+lHN,iB4BvkHQ,kBAAA,A5BykHA,gBAAiB,A4BtkHrB,iBAAA,AACE,oBAAa,AACf,2BAAA,A5BwkHI,2BAA4B,A4BvkHhC,oBAAA,AACE,yBAAa,AACf,sBAAA,A5BykHY,mBAAoB,A4BvkHlC,wBAAA,AACE,qBAAiC,AAAjC,sBAAiC,CACjC,A5B2kHJ,+CACU,kBAAmB,A4B3kHzB,SAAA,AACE,UAAA,YAAA,UAAY,AACd,yBAAA,A5B+kHM,4BAA8B,C4B9kHpC,A5BqlHJ,mEACU,U4BjlHJ,CACA,A5BmlHN,wBAEA,2B4BjlHM,gBAAA,C5BmlHH,AAEH,2B4BjlHM,eAAA,C5BmlHH,A4BllHG,iBACE,UAAA,C5BqlHD,C4BplHD,AAIA,iG5BwlHA,YAAc,CACf,AAEL,2BACI,sBAA0B,A4BvlH1B,iCAAA,A5BylHA,sB4BxlHgB,A5BylHhB,kC4BxlHW,C5BylHZ,A4BvlHC,+B5B0lHE,oB4BzlHyB,A5B0lHzB,oB4B1lHC,A5B2lHD,Y4B1lHC,C5B2lHF,AAEL,iC4BzlHI,oBAAA,A5B2lHE,e4B1lHyB,C5B2lH1B,AAEL,iCAEc,sBAAuB,A4B1lHjC,wBAAA,A5B4lHE,6B4B3lHyB,A5B4lHzB,S4B5lHC,A5B6lHD,gB4B5lHC,A5B6lHD,c4B5lHW,AACb,uBAAA,A5B6lHE,YAAa,A4B3lHf,YAAA,A5B6lHE,S4B5lHC,A5B6lHD,U4B7lHC,C5B8lHF,AAEL,uCACQ,WAAe,A6BnuHvB,uBAAA,CACE,A7BsuHF,4D6BnuHE,YAAY,CAAZ,A7BuuHF,+H6BtuHE,4BAAa,AACb,mBAAoB,CAApB,AAIF,kC7BwuHM,cAAe,A6B3uHnB,QAAA,CACE,A7B8uHJ,uD6B1uHE,WAAA,AACE,wBAAS,AACT,kBAAA,AAKF,SAAA,C7BwuHG,A8BzvHL,2F9BmwHO,WAAe,A8BjwHtB,wBAAA,AACE,kBAAA,SAAA,CACA,A9BqwHF,kD8BpwHE,WAAiB,AACjB,wBAAgB,AAAhB,kBAAgB,AAChB,SAAA,CAAA,A9BywHF,a8B9vHA,kBAAA,A9BgwHE,oBAAqB,A8BzwHrB,mBAAA,A9B2wHA,mB8B1wH4B,AAC5B,oBAAA,A9B2wHQ,YAAa,A8B1wHrB,oBAAA,A9B4wHA,oB8B3wHuB,AACvB,aAAA,A9B4wHA,yBAA2B,A8B3wH3B,sBAAA,AACE,kBAAmB,C9B6wHtB,A+B/xHD,sBACE,aAAA,CAKF,AAJE,wBACE,SAAA,AACA,SAAA,C/BoyHD,AAEH,8BgC1yHA,gBAAA,AACE,QAAA,CAAA,AhC8yHF,agC5yHE,sBAAwB,AAC1B,kCAAA,ChC8yHC,AAED,cACE,yBgC9yHA,AACA,qCAAqB,AhC+yHrB,sBgC/yHA,AACA,kCAAa,AAAb,eAAA,kBAAa,AACb,cAAA,eAAA,AACA,2BAAe,ChCszHhB,AgCnzHD,4BhCszHI,YAAa,CgCpzHjB,AhCuzHA,2BgCtzHE,YAAa,CACb,AhCyzHF,0BgCnzHA,eAAA,ChCqzHG,AAEH,OACE,egC5zHE,ChC6zHH,AgCj0HD,0BAME,gBAAgB,AAChB,cAAQ,AACV,sBAAA,ChC+zHG,AAEH,OgC9zHE,sBAAuB,AACvB,mCAAa,AAAb,sBAAa,AAAb,kCAAa,AACb,eAAA,ChCk0HD,AAED,UgCn0HE,sBAAY,AhCs0HZ,0BgCt0HY,AACZ,qBAAqB,AAEvB,8BAAA,AhCy0HE,6BAA8B,AgCv0HhC,uBAAA,AACE,mBAA0B,AAA1B,mBAAA,AACF,eAAA,AhC00HE,SAAU,AgCx0HZ,WAAA,ChC00HC,AAED,uBgCn1HE,oBAAA,AhCu0HA,oBgCv0HA,AhCw0HA,YgCx0HA,ChCm1HF,AAOC,agC70HC,mBAAuB,AAAvB,iBAAA,AACF,YAAA,ChC40HC,AAED,wBgCx0HA,6BAAA,AhC00HQ,eAAiB,CgC90HzB,AAIA,ahC80HE,gBAAiB,AgCl1HnB,QAAA,ChCo1HC,AAED,oBACE,cgCt1HA,AACA,uBAAyB,AhCu1HzB,oBgCv1HA,AhCw1HA,oBgCx1HA,AAEF,aAAA,AhCw1HE,8BAA+B,AgCt1HjC,6BAAA,AACE,uBAAa,AAAb,mBAAa,AAAb,mBAAa,AACb,gBAAe,AACjB,YAAA,AhC01HE,qBAAsB,AgCx1HxB,yBAAA,AAKE,sBAAA,AAEF,kBAAA,ChCq1HC,AAED,uBgCv1HA,WAAA,AhCy1HE,yBAA2B,CgCh2H7B,AAOA,0CAPA,WAAA,AAME,qBAAA,CACF,AAPA,sBACE,cAAA,sBAAa,ChC22Hd,AAED,8BACE,gBgC72HA,ChC82HD,AAED,8BACE,egC/2HA,ChCg3HD,AAED,oBgC72HA,8BAAA,AACE,8BAAuB,AAAvB,+BAAuB,AACvB,2BAAiB,AACnB,qBAAA,AhCg3HM,kBAAmB,AgC92HzB,wBAAA,ChCg3HC,AgC72HD,kBhCg3HE,oBAAqB,AiC57HvB,oBAAA,AACE,aAAS,AACT,cAAkB,CjC87HnB,AAED,4BiC97HE,gBAAA,CA0BF,AjC46HA,wDACE,eiCn8HW,CjCo8HZ,AAED,4BACE,gBiCp8HE,CjCq8HH,AAED,kBiCr8HE,oBAAA,AjCu8HA,oBiCt8HE,AACF,aAAA,AjCu8HA,mBAAoB,AiCz8HpB,gBAAA,AACE,YAAA,AACF,WAAA,AjC28HA,4BAA6B,AiC18H7B,6BAAA,AACE,0BAAkB,AAAlB,qBAAkB,CjC68HrB,AAED,4BACE,ciC78HE,AjC88HF,uBiC98HE,AACF,eAAA,AjC+8HA,gBAAkB,CiC98HlB,AjCi9HF,yBACE,eiCh9HE,AjCi9HF,eiCj9HE,AjCk9HF,aiCj9HE,CjCk9HH,AAED,YiCl9HE,SAAA,AjCo9HA,gBiCn9HE,AjCo9HF,mBiCp9HE,AACF,iBAAA,AjCq9HA,0BAA2B,AkCl/H7B,qCAAA,ClCo/HC,AAED,ekCn/HE,WAAwB,AAAxB,oBAAA,AACA,oBAAa,AACf,aAAA,AlCs/HI,SAAU,AkCp/Hd,UAAA,AACE,gBAAA,qBAAa,AAAb,kBAAa,AACb,wBAAsB,CAAtB,AlC0/HF,yBkCz/HE,eAAS,ClC2/HV,AAED,yBkCz/HA,gBAAA,ClC2/HC,AAED,kCkCv/HA,iBAAA,AAEA,kBAAA,AACE,sBAAmB,AACrB,iCAAA,ClC2/HG,AAEH,+BkCz/HA,sBAAA,AlC2/HI,iCAAkC,AkCz/HtC,kBAAA,AACE,6BAAe,AACf,WAAgB,AAChB,uBAAS,CACT,AlC4/HF,wCkCz/HA,sBAAA,AACE,iCAAqB,CAArB,AlC6/HF,OmCniIA,yBAAA,AACE,kCAAmC,AAAnC,kBAAA,AACA,WAAA,wBAAA,AACA,YAAA,CnCuiID,AAED,cACE,oBmCziIY,AnC0iIZ,oBmC1iIY,AACZ,aAAA,4BAAsB,AnC4iItB,6BmC5iIsB,AnC6iIlB,0BmC7iIkB,AACtB,sBAAY,AACd,SAAA,AnC8iIE,SAAW,CmC5iIb,AnC+iIA,mBACE,emC/iIA,AACA,kBAAA,iBAAA,AACA,SAAA,SAAA,CnCkjID,AAED,0BmCljIE,kBAAA,CnCojID,AAED,yBmCrjIE,mBAAgB,CAClB,AAEA,mBAEE,eAAA,AAGF,gBAAA,AnCojIE,SAAU,AmCzjIZ,cAAA,CnC2jIC,AAED,qBmC7jIA,cAAA,AAGE,oBAAA,CAEF,AALA,iBAGE,sBAAA,AAEF,mCAAA,AnCgkIE,sBAAuB,AmCrkIzB,kCAAA,AnC0kIE,mBAAoB,AmCnkItB,gBAAA,AACE,YAAY,AACZ,4BAAsB,AACtB,0BAAY,AAAZ,sBAAY,AnCukIZ,WmCvkIA,CnCwkID,AAED,wCmCnlIE,oBAAgB,AAGhB,oBAAiB,AACnB,aAAA,AAIE,4BAAsB,CnC2kIxB,AAgBC,uBmCtlID,yBAAA,AnCwkIM,sBAAuB,AmCrkI7B,mBAAA,AACE,yBAAS,AACT,kCAAU,AACZ,8BAAA,AnCukIE,0CAA2C,AmClkI3C,8BAAU,AnCwkIN,uBAAwB,AmCrkI9B,mBAAA,AACE,WAAA,CnCukID,AAED,sCoCxnIA,iBAAA,CpC0nIC,AAED,sCoC9mIA,gBAAA,CpCgnIC,AAED,sCACE,gBoC3nI0B,CpC4nI3B,AoC1nIC,sCpC6nIA,iBAAmB,CoCroIrB,AAcA,4BAJE,YAAA,ApCgoIA,UAAY,CoC/nIZ,AAXF,+BpC8oIE,YoCloIE,AAEJ,WAAA,AADE,sBAAA,ApCooIA,mBAAoB,AoCjoItB,gBAAA,AACE,YAAA,eAAA,AACA,SAAA,SAAA,CpCqoID,AAED,0BoCpoIE,SAAA,SAAA,CpCuoID,AAED,+BoCvoIE,gBAAA,AACA,YAAA,AACF,SAAA,CpCyoIC,AAED,kCoCtoIA,eAAA,ApCwoIE,iBAAmB,CoC3oIrB,AAGA,SpC4oIE,qBAAsB,AoC/oIxB,mBAAA,AACE,YAAA,CAEF,AAEA,cAGE,cAAA,AAEF,eAAA,CpC6oIG,AAEH,wBAEA,SoCtpIA,aAAA,CpCwpIC,CoCnpID,AALA,aAKA,SpCypII,YAAa,CoC9pIjB,CACE,AAIF,epC8pIE,sBAA0B,AoC5pI5B,iCAAA,AACE,sBAAwB,AAAxB,iCAAwB,AACxB,mBAAA,AACA,kBAAA,AACA,oBAAmB,AACnB,oBAAiB,AACnB,aAAA,ApC+pIE,sBAAuB,AoC7pIzB,mBAAA,AACE,qBAAwB,AAAxB,mBAAA,AACA,eAAA,CACF,AAEA,8BAKE,iBAAA,CAyFF,AA9FA,8BAKE,kBAAA,CAyFF,AA9FA,oBAME,mBAAA,CAwFF,AA9FA,qCAME,UAAA,CAwFF,AA9FA,qCACE,WAAA,CpCgrID,AAED,qCoChrIE,gBAA2B,CpCkrI5B,AAED,qCoC9qIE,eAAA,CAqFF,AApFE,2BpCkrIA,WoCjrIE,ApCkrIF,WoClrIE,CpCmrIH,AAED,uBACE,WoCprIE,ApCqrIF,wBoCrrIoB,ApCsrIpB,yBoCrrIsB,ApCsrItB,oBoCtrIsB,ApCurItB,eoCtrIE,ApCurIF,mBoCtrI0B,ApCurI1B,eoCvrIE,CpCwrIH,AAED,0BACE,WoCzrIE,AAYF,wBAAA,ApC+qIA,eAAgB,AoC1rId,kBAAA,CpC4rIH,AAED,yBACE,qBoC5rI2B,CpC6rI5B,AAED,yBoC7rII,sBAAA,CpC+rIH,AAED,yBACE,oBAAsB,CoC/rIpB,ApCksIJ,yBACE,mBAAqB,CoC/rIrB,ApCksIF,eoChsIE,sBAAA,ApCksIA,iCAAkC,AoCnuIpC,sBAAA,AAkCE,iCAAA,ApCosIA,kBoCnsI0B,AAC1B,aAAA,AA0DF,SAAA,ApC2oIE,UAAU,AoCpsIV,eAAA,ApCssIA,kBoCnsIE,CACF,AAJA,iBAGE,oBAAA,AACF,oBAAA,ApCwsIE,aAAc,AoC3sId,sBAAU,ApCgtIV,iBAAmB,AAEnB,gBAAiB,AoC7sInB,WAAA,ApC+sIE,wBAAyB,AoC9sI3B,qBAAA,AACE,yBAAS,AACT,sBAAU,AACV,kBAAgB,CAClB,AACA,8CACE,0BAA4B,AAC9B,yBAAA,ApCitII,kCAAmC,AoChtIvC,cAAA,AACE,sBAAA,CpCktIC,AAEL,uBoCjtIE,sBAAA,AACG,yBAAsB,CACtB,ApCotIL,2BoCltIE,eAAA,CACE,ApCqtIJ,oBoCntII,6BAAgC,AAAhC,uCAAgC,CpCstIjC,AAEH,eoCttII,gBpCwtIA,eoCvtIE,CpCwtIH,CACF,AAED,4BACI,iBoCvtIU,CpCwtIb,AoCvtIK,4BpC0tIF,kBoCztIW,CpC0tId,AAED,kBoCpuII,UAAA,ApCsuIA,QoC3tIE,CpC4tIH,AAEH,oBoC5tII,YAAA,CAAA,AACA,kCAAA,aAAA,CAAA,ApC+tIJ,kBACI,SoC9tIE,AACF,UAAA,ApC+tIA,eAAiB,CoC9tIjB,ApCiuIJ,mCoC/tII,4BAAA,CpCiuID,AoC5tIC,wCpCouIC,mBoCnuIC,ApCouID,eoCpuIC,CpCquIH,AoChuIH,oCACE,gBAAmB,AACnB,cAAwB,AACxB,uBAAkB,AAClB,yBAAA,gCAA6B,AAC7B,iBAAA,CAAA,ApCsuIF,qFoCruIE,kBAAA,AACE,WAAA,QAAA,AACA,SAAA,UAAA,AACA,OAAA,CAAA,ApC2uIJ,yGACQ,OAAQ,AoCzuId,UAAA,CACE,ApC4uIJ,qFoC7uIE,sBAAA,AACE,mCAAA,AAOF,UAAA,CpCyuIG,AAEL,2CoChvII,SAAA,AACA,+CAAyB,AAAzB,wEAAA,CAIF,AAHE,qDACE,+CAAqB,AACvB,wEAAA,CpCqvIC,AAEL,0CoC9uIE,YAAA,ApCgvII,+CAAsD,AoCvvI1D,wEAAA,CAGE,ApCwvIJ,oDoC3vIE,+CAAA,AAIE,wEAAA,CAGF,AAPA,mBpCiwIA,eoC7vIE,AAGF,mBAAA,ApC4vIA,gBAAiB,AoCnwIjB,gBAAA,ApCqwIA,kBoCpwI0B,ApCqwI1B,yBoCpwIwB,ApCqwIxB,6BoClwIU,ApCmwIV,sBoClwIE,AACF,kCAAA,CpCmwID,AAED,0BqCn7IA,gCAAA,ArCq7II,oCAAqC,AqCr7IzC,iBAAA,AACA,eAAA,CACE,ArC27IF,uCqCz7IE,iBAAqB,CACvB,AACA,uCACE,kBAAiB,CrC47IlB,AAED,6BqC37IE,2BAAgB,AAChB,uBAAqB,AACvB,cAAA,ArC67II,wBAAyB,CqC57I7B,ArC+7IA,gCqC77IE,iBAAoB,CAApB,ArCi8IF,+BqC/7IE,iBAAmB,CACrB,AACA,+BACE,kBAAkB,CrCk8InB,AAED,+BqCl8IA,eAAA,CrCo8IC,AAED,+BqCn8IE,cAAwB,CrCq8IzB,AAED,qBqC57IA,gBAAA,ArC87II,mBAAoB,AqCv8ItB,SAAA,AACE,4BAAA,CAOF,AANE,kCrC28IF,eqC18II,CrC28IL,AAED,kCqC38II,gBAAA,CrC68IH,AAED,MqCz8IE,sBAAA,ArC28IA,kCqC18IuB,AACvB,yBAAA,ArC28IA,iBAAmB,CqC18InB,ArC68IF,QACE,gBAAkB,AqCz8IpB,eAAA,AACE,mBAAA,ArC28IA,cqC38IA,ArC48IA,uBqC58Ia,AACf,gBAAA,ArC68IE,iBAAmB,CsC9/InB,AtCigJF,MAGE,kBsChgJgB,AAEhB,sBAAA,AtCigJA,kCAAmC,AuCxgJrC,kBAAA,CvC0gJC,AAED,oBAGE,euC5gJA,CA0CF,AAzCE,GvCghJA,gBuC/gJE,AACF,WAAA,AvCghJA,wBAAyB,AuC/gJzB,yBAAA,AvCihJA,iCuChhJoB,CvCihJrB,AAED,KuCjhJE,aAAA,CvCmhJC,AAEH,sBuC9gJE,cAAA,AvCghJI,iBAAmB,CuCthJvB,AAMA,avCohJI,aAAe,CuC1hJnB,AAMA,8DvC4hJE,YAAc,CuCliJhB,AAMA,YvCgiJA,qBAAsB,AuCtiJtB,iBAAA,AAKE,YAAA,CACF,AvCyiJF,gCuCxiJE,cAAA,AAIE,eAAA,AACF,iBAAA,CvCuiJC,AAEH,uBuCziJE,kBAAA,AvC2iJA,6BAA8B,AuChjJ9B,yCAAA,AvCkjJA,4BuCjjJc,AvCkjJd,6BuCjjJc,AACZ,0BAAU,AAEZ,qBAAA,CvCijJD,AAED,gCuChjJI,sBAAkB,CACpB,AACA,0CACE,kBAAQ,AACV,4BAAA,AvCmjJM,kBAAmB,AuCljJzB,QAAA,CvCojJC,AAEH,4DuCljJE,eAAA,CvCojJD,AAED,4DuCnjJE,gBAAA,CvCqjJD,AAED,4DuCjjJE,kBAAA,CvCmjJD,AAED,4DuCrjJE,iBAAA,CvCujJD,AAED,4DuC3jJI,kBAAY,CvC6jJf,AAED,4DwCxmJE,mBAAA,CxC0mJD,AAED,kDwCzmJE,iBAAA,AACE,gBAAc,CxC2mJf,AAEH,2CyClnJA,iBAAA,CzConJC,AyClnJD,2CzCqnJI,kBAAoB,CyCnnJxB,AzCsnJA,iCyCpnJE,WAAA,AACF,YAAA,AzCsnJI,UAAW,CyCnnJb,AzCsnJF,8ByCnnJE,cAAA,AzCqnJE,eAAgB,A0CjoJlB,iBAAA,C1CmoJC,AAEH,oC0CloJE,QAAA,C1CooJC,AAEH,0BACI,gBAAiB,A2C3oJrB,eAAA,AACE,iBAAyB,AACzB,eAAA,CACF,AAEA,yBACE,eAAA,CACA,A3C8oJF,iD2C7oJE,WAAA,C3C+oJD,AAED,iD2C9oJI,UAAA,C3CgpJH,AAED,uC2ChpJI,kBAAa,AACf,YAAA,A3CkpJE,OAAS,C2C9oJX,A3CqpJF,4B2C/oJI,cAAe,AACf,eAAA,AAaF,iBAAA,C3CqoJC,AAEH,UACE,sB2ClpJa,A3CmpJb,kC2ClpJ4B,C3CmpJ7B,AAED,U2CnpJM,SAAA,A3CqpJJ,kBAAmB,A2C1pJjB,6BAAA,C3C4pJH,AAED,2BACI,cAAe,A2CvpJb,eAAA,A3CypJF,iBAAmB,C2CjqJnB,A3CwqJJ,+B2CzpJI,cAAS,AACT,eAAA,AACA,iBAAuB,C3C2pJxB,AAEH,Q2CzpJA,iBAAA,AAIE,mBAAA,CAMF,AAVA,iBAIE,sBAAA,AAMF,uBAAA,C3CupJC,AAED,2B2CjqJE,oCAAU,AACV,6BAAA,AAOF,sCAAA,AAJI,kBAAc,AAEd,aAAY,CACd,AAGF,iEACE,SAAA,AAaF,mBAAA,A3CupJI,UAAW,A2CnqJb,YAAA,AACE,cAAA,AACF,uBAAA,A3CqqJE,eAAgB,A2CpqJlB,eAAA,AACE,eAAc,C3CsqJf,AAEH,+F2CpqJE,eAAA,A3CsqJI,iBAAkB,A2CrqJtB,SAAA,AACE,gBAAc,AAChB,kBAAA,C3CuqJG,AAEL,wB2C9pJA,+F3CiqJQ,cAAe,C2CtqJrB,CACE,A3CyqJJ,wBAEA,+F2CxqJE,kBAAA,C3C0qJG,C2C9qJH,A3CirJF,oB2C7qJE,gBAAA,A3C+qJE,SAAU,A2C1qJV,eAAA,A3C4qJA,kBAAmB,A2C7qJrB,cAAA,A3C+qJE,sB2C7qJoB,CAMtB,A3C0qJF,yB2C9qJI,iBAAA,C3CgrJH,AAED,yB2C9qJE,gBAAA,C3CgrJD,A2CxrJC,e3C2rJA,W2CprJE,A3CqrJF,U2CrrJE,AACF,qBAAA,C3CsrJD,AAED,oB2CrrJE,cAAA,A3CurJE,aAAc,A2CprJlB,WAAA,CACE,A3CurJF,Y2CtrJE,iBAAA,C3CwrJD,AAED,yB2CvrJA,eAAA,AACE,iBAAA,CAAA,A3C2rJF,0B2CxrJA,cAAA,AACE,cAAc,AACd,cAAA,YAAA,CACA,A3C4rJF,sB2C1rJE,aAAmB,CAAnB,A3C8rJF,U2CvqJA,0BAAA,A3CyqJE,iBAAkB,C2C9rJlB,AAPF,wBAQI,eAAmB,C3CksJtB,AAED,wB2ChrJA,gBAAA,C3CkrJC,A2CnsJC,c3CssJE,YAAa,A2CjtJjB,YAAA,C3CmtJG,AAEH,wB2CzrJA,gBAdE,iBAAA,C3C2sJC,C2C1sJD,A3C6sJF,wBAEA,gBACM,gB2C9sJF,C3C+sJD,C2C7sJD,AADE,gB3CktJA,cAAe,A2ChtJjB,iBAAA,C3CktJC,AAEH,2B2ChtJI,eAAA,C3CktJD,AAEH,c2C9sJA,yBAAA,A3CgtJM,sBAAuB,A2C9sJ7B,mBAAA,A3CgtJE,sBAA0B,A4C71J5B,kCAAA,C5C+1JC,AAED,iB4Ch1JA,0BAAA,A5Ck1JE,qCAAuC,C4C/1JvC,A5Ck2JF,aACE,c4Cj2JE,A5Ck2JF,sB4Cl2JE,A5Cm2JF,mC4Cl2Jc,AACd,sBAAA,A5Cm2JA,kCAAmC,A4Cl2JnC,YAAA,AAEA,iBAAA,CACA,A5Cu2JF,wBAEA,a4Cj2JE,YAAY,C5Cs2Jb,C4Cn2JD,A5Cs2JA,wBAEA,a4C71JA,iBAAA,CARE,C5C22JC,AAEH,uB4C72JE,oBAAA,AAGE,oBAAA,AACF,aAAA,A5C62JE,sBAAuB,A4Cj3JzB,mBAAA,AACE,oBAAW,C5Cm3JZ,AAEH,kIAAuI,SAAU,AAAC,eAAoB,CAAC,AAEvK,4B4Cl3JI,kBAAA,CACF,A5Cq3JF,8E4Cr3JE,yBAAA,CACF,A5C43JA,YACE,qBAAsB,AACtB,qBAAsB,AACtB,aAAc,CACf,AAED,gBACI,gDAAmD,AAC3C,wCAA2C,AACnD,0BAA2B,AACnB,kBAAmB,AAC3B,WAAa,CACd,AAEH,yBACI,+CAAkD,AAC1C,sCAA0C,CACnD,AAEH,iBACI,cAAe,AACf,kBAAmB,AACnB,yBAA2B,CAC5B,AAEH,sBACE,WAAa,CACd,AAED,mB6Cz5JC,2BAAA,A7C25JC,2BAA4B,A6C15J9B,oBAAA,AACE,yBAAkB,AAClB,sBAAS,AACT,kBAAU,C7C45JX,AAED,iCACI,gB6C55JF,C7C65JD,AAED,iC6C55JA,eAAA,C7C85JC,AAED,uB6C55JE,WAAa,AACf,UAAA,C7C85JG,AAEH,mB6C75JA,e7C+5JI,eAAiB,C6Cj6JrB,A7Cm6JE,e6Cj6JF,gBAAA,C7Cm6JG,C6Cl6JH,A7Cy8JA,c6C76JE,SAAA,AACF,UAAA,AACA,YAAA,A7Ck7JU,iCAAmC,A6Ch7J7C,wBAAA,C7Ck7JC,AAED,oB6Cz7JA,kBAAA,A7Ck7JE,UAAY,CAOd,AAKC,M6Cr7JC,aAAA,AAEA,YAAA,C7Cm7JD,AAED,4B6Cj7JA,UAAA,C7Cm7JC,AAED,4B6Cl7JE,WAAM,C7Co7JP,AAED,6B6Cl7JA,UAAA,C7Co7JC,AAED,6B6Cn7JA,WAAA,C7Cq7JC,AAED,6BACE,sB6Cp7JE,A7Cs7JF,O6Cp7JE,A7Cq7JF,S6Cp7JE,A7Cq7JF,kB6Cp7Je,A7Cq7Jf,K6Cp7JE,C7Cq7JH,AAED,a6Cn7JA,oBAAA,A7Cq7JE,wBAA0B,C6Cp7J5B,A7Cu7JA,gB6Cp7JA,kBAAA,A7Cs7JE,aAAc,C6Cr7JhB,AAEA,0B7Cu7JI,eAAgB,A6Ct7JpB,SAAA,C7Cw7JG,AAEH,gB6Cv7JA,SAAA,AACE,UAAA,AACF,WAAA,A7Cy7JE,eAAgB,C6C37JlB,AAEA,4B7C67JE,sBAAyB,C6C57J3B,A7Ck8JA,8B6Ch8JA,YAAA,C7Ck8JC,AAED,iBACE,kBAAmB,A6Cj8JnB,6BAAsB,AACxB,gCAAA,A7Cm8JE,yBAA0B,A6Cl8J5B,gBAAA,AACE,SAAA,CACF,AASA,mC7C67JE,kBAAmB,AACnB,MAAO,A6Cn8JP,MAAA,CAKF,AAaA,sBAXE,cAAA,AACA,WAAA,AACA,yBAAkB,AAClB,cAAW,AACX,6BAAU,AACV,YAAe,AACf,aAAe,AAGf,UAAA,AACA,YAAa,CACf,AACA,4B7Cw8JI,UAAa,A6Ct8Jf,yBAAW,C7Cw8JZ,AAED,yC6Ct8JA,gBAAA,C7Cw8JC,AAED,uD6Cv8JE,qBAAwB,C7Cy8JzB,AAED,8B6Cx8JA,UAAA,C7C08JC,AAMD,6D6Cz8JE,WAAA,CACF,AACA,+BACE,UAAA,CACF,AACA,4E7C+8JE,oBAAuB,C6C38JzB,A7C88JA,mCACE,qBAAuB,C6C58JzB,A7C+8JA,4E6C38JA,oBAAA,C7C+8JC,AAED,mC6C78JE,qBAAA,C7C+8JD,AAED,wB6C78JE,gBAAA,AACF,kBAAA,A7C+8JE,qBAAsB,A6C98JxB,kBAAA,AACE,WAAA,AACA,UAAA,AACA,eAAO,AACP,eAAM,AACN,0BAAa,AACb,YAAA,AACA,2BAAa,AACf,YAAA,C7Cg9JC,AAED,yD6C98JE,WAAO,AACP,cAAM,AACN,UAAA,AACA,YAAA,C7Ci9JD,AAED,4B6Ch9JA,WAAA,AACE,yBAAqB,AACrB,YAAA,C7Ck9JD,AAED,+B6Ch9JE,aAAY,AACZ,YAAa,C7Ck9Jd,AAED,4DAEE,oBAAqB,A6Ch9JvB,oBAAA,C7Ck9JC,AAED,8B6Cj9JA,+BAAA,C7Cm9JC,AAED,8B6Cj9JE,+BAAe,C7Cm9JhB,AAMD,sB6Cl9JA,qBAAA,AACE,qBAAc,C7Co9Jf,AAED,c6Cl9JE,kBAAc,AACd,YAAA,AACF,iBAAA,A7Co9JE,sBAA0B,A6Cn9J5B,aAAA,AAGE,qBAAc,C7Cq9Jf,AAED,qB6C/8JE,yBAAW,AACX,YAAW,C7Cs9JZ,AAED,0C6C99JA,qBAAA,AACE,kBAAA,AACA,OAAA,AACA,MAAA,AACA,WAAA,C7C09JF,A6C/8JA,qBADA,yBAAA,A7Cu9JE,YAAc,C6Ct9JhB,AAEA,mB7Cw9JE,qBAAsB,A6Ct9JxB,kBAAA,A7Cw9JE,OAAQ,AACR,WAAa,AACb,yBAA0B,AAC1B,WAAa,AACb,YAAc,AACd,iBAAkB,AAClB,mBAAqB,AACrB,YAAc,CACf,AAMD,oBACE,WAAY,AACZ,YAAa,AACb,yBAA0B,AAC1B,eAAgB,AAChB,kBAAmB,AACnB,QAAW,AACX,UAAW,AACX,cAAe,AACf,YAAc,CACf,AAED,mBACE,cAAe,AACf,kBAAmB,AACnB,YAAa,AACb,UAAW,AACX,cAAe,AACf,qBAAuB,CACxB,AAED,wCACE,yBAA0B,AAC1B,kBAAmB,AACnB,YAAa,AACb,QAAU,CACX,AAED,kBACE,qBAAsB,AACtB,yBAA0B,AAC1B,uBAAwB,AACxB,kBAAmB,AACnB,WAAY,AACZ,WAAY,AACZ,UAAW,AACX,SAAU,AACV,YAAc,CACf,AAED,gDAEE,kCAAqC,CACtC,AAED,kBACE,YAAc,CACf,AA4FD,iB6Cr/JE,aAAA,AACA,iBAAA,AACA,WAAA,AACA,eAAa,AACf,6BAAA,A7Cu/JE,uBAA4B,C6Ct/J9B,A7Cy/JA,2C6Ct/JE,eAAA,C7Cw/JD,AAED,2C6Ct/JE,gBAAa,CACf,AACA,2CACE,UAAA,C7Cy/JD,A6Ct/JD,2C7Cy/JE,WAAa,C6Cx/Jf,A7C2/JA,iCAEE,SAAW,C6Cz/Jb,A7C4/JA,2C6Cz/JE,UAAA,C7C2/JD,AAED,2C6Cz/JE,WAAW,C7C2/JZ,A6Cx/JD,iC7C2/JE,UAAW,A6Cz/Jb,iBAAA,C7C2/JC,AAED,uB6Cz/JA,WAAA,C7C2/JC,AAED,uB6Cz/JE,UAAA,C7C2/JD,A6Cx/JD,a7C2/JE,kBAAmB,A6C1/JrB,UAAA,AACE,gBAAgB,CAClB,AAKA,0B7C6/JE,WAAY,A6C3/Jb,SAAA,A7C6/JC,UAAW,A6C3/Jb,kBAAA,AAIE,mBAAA,AAUF,cAAA,A7Ci/JE,YAAc,C6C//JhB,AAcA,kB7Cq/JE,aAAc,A6CngKhB,oBAAA,AAcA,sBAAA,A7Cy/JE,gBAAiB,A6CvgKnB,WAAA,AAKE,WAAA,CASF,AAdA,0BACE,kBAAkB,AAClB,SAAA,AACA,QAAA,C7C6gKD,AAOD,8C6C9gKE,kBAAa,AACb,gBAAW,C7C6gKb,AAUC,sB6CnhKD,WAAA,A7C4gKE,yBAA0B,A6C1gK1B,0BAAe,AACf,SAAA,AACA,WAAY,AACZ,UAAA,AACA,iBAAY,C7C6gKb,A6CtgKD,qB7C6gKE,kBAAmB,A6C5gKrB,gBAAA,AACE,gBAAA,AACA,WAAQ,AACR,6BAAU,AACZ,qBAAA,C7C8gKC,AAED,0B6C7gKA,cAAA,C7C+gKC,AAED,+B6CjhKA,aAAA,C7CmhKC,AAMD,gC6ClhKA,gBAAA,C7CohKC,A6C/gKD,gE7CshKE,iBAAmB,CACpB,AAED,gC6CrhKA,gBAAA,C7CuhKC,AAED,sB6CrhKE,kBAAgB,AAChB,YAAW,AACX,cAAA,AACF,OAAA,A7CuhKE,QAAW,A6CthKb,eAAA,A7CwhKE,aAAc,AACd,WAAY,A6CthKZ,yBAAyB,AAEzB,iCAAkB,AAClB,aAAA,C7CwhKD,A6CrhKD,uB7CwhKE,eAAgB,A6CthKlB,WAAA,A7CwhKE,YAAa,A6CthKd,sBAAA,A7CwhKC,WAAa,A6CthKf,SAAA,AACE,UAAA,AAGF,MAAA,A7CshKE,OAAQ,A6C1hKV,aAAA,AACE,YAAA,CAGF,AAJA,wBAEE,kBAAe,AACf,QAAA,AACF,SAAA,C7C+hKC,AAED,8B6C9hKE,gBAAiB,C7CgiKlB,AAED,8B6C/hKA,eAAA,C7CiiKC,AAED,0IAIE,oBAAqB,A6CviKvB,iBAAA,C7CyiKC,AAED,qE6CtiKE,qBAAmB,C7CyiKpB,A6CtiKD,qEACA,qBAAA,C7C0iKC,A6CviKD,yB7C0iKE,gBAAkB,A6CziKpB,gBAAA,AACE,kBAAA,AAEF,eAAA,A7C0iKE,WAAY,A6C7iKd,iBAAA,C7C+iKC,AAED,kD6C9iKA,yBAAA,A7CkjKE,yBAA0B,A6CrjK5B,iBAAA,AAEE,iBAAA,AACF,WAAA,A7CsjKE,YAAc,C6CrjKhB,AAIA,oC7CyjKE,aAAe,C6C7jKjB,A7CgkKA,oC6C5jKA,cAAA,C7C8jKC,AAED,0B6C7jKA,eAAA,A7C+jKE,WAAa,C6CjkKf,AAEA,wB7CmkKE,WAAa,A6ClkKf,gBAAA,A7CokKE,eAAiB,CAClB,AAED,wC6CvkKA,eAAA,C7CykKC,A6CpkKD,wC7CukKE,gBAAkB,C6C5kKpB,A7C+kKA,8B6C3kKE,aAAA,CACF,AACA,oCAEE,mBAAA,AAEF,UAAA,A7C4kKE,qBAAuB,C6ChlKzB,AAIA,oC7CglKE,mBAAoB,A6CplKtB,iBAAA,C7CslKC,A6CllKD,uC7CqlKE,UAAY,C6CplKd,A7CulKA,uC6CplKE,WAAA,CACF,AACA,uCACE,gBAAc,C7CulKf,AAED,uC6CtlKA,eAAA,C7CwlKC,AAED,oC6CtlKA,yBAAA,C7CwlKC,AAED,oC6CvlKA,0BAAA,C7CylKC,AAED,0B6CvlKC,gBAAA,A7CylKC,iBAAmB,C6CxlKrB,AAEA,sC7C0lKE,iBAAmB,C6CzlKrB,A7C4lKA,sC6CzlKE,kBAAW,C7C2lKZ,AAED,2E6CzlKE,UAAA,C7C4lKD,A6CzlKD,2EAEA,WAAA,C7C4lKC,AAED,uD6CzlKE,cAAA,AACF,mBAAA,C7C4lKC,AAED,6C6C3lKA,gBAAA,C7C6lKC,AAED,6C6C5lKE,eAAiB,CACnB,AACA,mCACE,UAAA,AACF,iBAAA,C7C+lKC,AAED,oC6C9lKA,WAAA,A7CgmKE,eAAiB,A6C9lKnB,kBAAA,C7CgmKC,AAED,0C6C9lKA,aAAA,AACE,iBAAA,C7CgmKD,AAED,oB6C9lKE,aAAA,AACF,mBAAA,A7CgmKE,eAAiB,C6C/lKnB,AAEA,oB7CimKE,YAAc,C6ChmKhB,A7CumKA,4B6ChmKE,oBAAa,C7CkmKd,A6C/lKD,kE7ComKE,WAAY,A6CjmKZ,iBAAA,C7CmmKD,AAED,iB6ClmKA,gBAAA,AACE,WAAA,AACF,eAAA,C7ComKC,AAMD,qB6CpmKE,gBAAe,C7CsmKhB,AAED,0B6CpmKA,UAAA,C7CsmKC,AAED,wB6CrmKE,mBAAY,AACd,eAAA,C7CumKC,AAED,mC6CtmKE,aAAW,C7CwmKZ,AAED,kC6CtmKE,UAAQ,C7CwmKT,AAMD,qBACE,yBAA0B,A6CtmK5B,gBAAA,AACE,aAAA,AACA,mBAAW,AACX,oBAAqB,C7CwmKtB,AAED,sB6CvmKA,WAAA,C7CymKC,AAED,sD6CxmKA,kBAAA,AACE,MAAA,AACF,QAAA,A7C0mKE,gBAAiB,A6CvmKnB,6BAAA,A7CymKE,YAAa,A6CvmKd,aAAA,A7CymKC,UAAW,A6CxmKb,YAAA,C7C0mKC,AAED,wH6CxmKE,oBAAkB,AAClB,oBAAgB,C7C2mKjB,AAED,4D6C1mKA,+BAAA,C7C4mKC,A6CzmKD,4D7C4mKE,+BAAkC,C6C3mKpC,A7C8mKA,iC6C3mKE,kBAAW,AACb,eAAA,A7C6mKE,QAAS,A6C5mKX,MAAA,AAOE,aAAA,CAEF,AATA,WAOE,uBAAA,AAEF,WAAA,C7C2mKC,AAED,gB6CpnKE,kBAAY,AACZ,WAAY,AACZ,YAAA,AACA,oBAAW,AACX,SAAA,AAEA,QAAA,AACF,mBAAA,A7CqnKE,gFAAuF,C6CpnKzF,AAKA,kB7CunKE,kBAAmB,A6CtnKrB,WAAA,AAEA,YAAA,C7CwnKC,AAED,wBACE,UAAY,CACb,AAED,wB6CvnKA,YAAA,C7CynKC,AAMD,sBACE,SAAW,C6CvnKZ,AACD,6C7C0nKE,iBAAmB,AACnB,gBAAiB,AACjB,eAAkB,CACnB,AAED,yBACE,qBAAsB,AACtB,cAAgB,CACjB,AAED,4BACE,eAAgB,AAChB,UAAW,AACX,UAAY,CACb,AAED,uCACE,eAAiB,CAClB,AAED,uCACE,gBAAkB,CACnB,AAED,6BACE,WAAY,AACZ,YAAa,AACb,YAAa,AACb,6BAA8B,AAC9B,WAAY,AACZ,cAAe,A6CxnKhB,iBAAA,C7C0nKA,AAED,8C6CxnKC,+BAAA,C7C0nKA,AAED,qD6CxnKE,oBAAiB,C7C0nKlB,AAED,oC6CxnKE,wBAAyB,C7C0nK1B,A6CrnKD,qHAEE,SAAA,AACA,aAAA,A7CynKA,oB6CznKA,C7C0nKD,AAiDD,0B6C9nKA,kBAAA,A7CgoKE,iBAAkB,A6C/nKpB,kBAAA,AACE,iBAAkB,AACpB,qBAAA,A7CioKE,sBAA0B,A6C/nK5B,kBAAA,A7CioKE,aAAe,C6C/nKhB,AAED,YACE,sBAAiB,AAEjB,4BAAa,AACb,YAAa,C7CioKd,AAED,Y6C/nKA,YAAA,C7CioKC,AAED,c6ChoKE,YAAA,C7CkoKD,AAMD,Y6CjoKA,kBAAA,AACE,SAAA,AACF,UAAA,A7CmoKE,kBAAoB,A6CloKtB,iBAAA,AACE,sBAAgB,AAChB,YAAA,AACF,kBAAA,A7CooKE,cAAe,A6CnoKjB,eAAA,AACE,eAAgB,C7CqoKjB,AAED,c6CpoKA,oBAAA,C7CsoKC,AAED,e6CpoKE,8BAAY,AACd,WAAA,A7CsoKE,UAAY,C6CroKd,AAEA,0B7CuoKE,sBAAuB,A6CtoKzB,UAAA,C7CwoKC,AAED,wB6CtoKA,gBAAA,C7CwoKC,AAED,2C6CvoKA,cAAA,C7CyoKC,AAED,kD6CxoKE,iBAAkB,CACpB,A7C+oKA,sB6CzoKA,iBAAA,A7C2oKE,mBAAoB,A6C1oKtB,aAAA,AACE,aAAA,AAEF,aAAA,A7C2oKE,oBAAqB,A6C9oKvB,qBAAA,C7CgpKC,AAED,iB6ClpKA,kBAAA,AAEE,kBAAW,AACb,gBAAA,A7CmpKE,iBAAkB,AAElB,sBAAuB,AACvB,YAAc,CACf,AAED,qBACE,YAAc,CACf,AAED,yB6ClpKE,gBAAA,AACA,eAAkB,CACpB,AACA,iC7CqpKE,gBAAiB,AACjB,eAAkB,CACnB,AAED,0C6CnpKA,sBAAA,A7CqpKE,uBAAwB,A6CppK1B,kBAAA,A7CspKE,WAAa,CACd,AAED,gC6CppKE,eAAA,CACF,AACA,8BACE,4BAAA,AAEF,2BAAA,A7CspKE,0BAA+B,C6CzpKjC,AAGA,gB7C0pKE,eAAiB,C6C7pKnB,AAGA,e7C8pKE,0BAA6B,A6C5pK/B,iBAAA,C7C8pKC,AAED,qF6C1pKE,gBAAS,AACT,cAAA,C7C8pKD,AAED,qC6C7pKA,iBAAA,C7C+pKC,AAED,qC6C7pKE,gBAAA,C7C+pKD,A6C5pKD,2B7C+pKE,UAAY,C6C9pKd,A7CiqKA,8SAUE,oBAAqB,A6C/pKrB,iBAAA,C7CiqKD,AAED,uJ6C5pKA,qBAAA,C7CkqKC,AAED,uJ6C9pKA,qBAAA,C7CoqKC,A6CjqKD,mE7CoqKE,WAAa,C6CnqKf,A7CsqKA,mE6CnqKE,UAAA,C7CqqKD,AAED,yD6CpqKA,kBAAA,C7CsqKC,AAMD,e6CpqKC,qBAAA,A7CsqKC,SAAU,A6CpqKZ,sBAAA,AACE,aAAA,C7CsqKD,AAED,kB6CrqKA,sBAAA,AACE,WAAA,AACA,UAAA,AACA,sBAAe,AACjB,kBAAA,A7CuqKE,sBAAwB,C6CtqK1B,A7CyqKA,yB6CtqKE,YAAW,AACX,WAAA,AACA,6BAAqB,AACvB,cAAA,A7CwqKE,WAAY,A6CvqKd,iBAAA,AACE,eAAiB,CACnB,AACA,8FAGA,yBAAA,A7C0qKE,WAAe,A6CxqKjB,qBAAA,A7C0qKE,YAAc,C6CxqKf,AACD,2CACE,QAAA,C7C2qKD,AAED,6BACC,Y6C1qKC,AACF,WAAA,A7C2qKC,iBAAmB,C6C1qKpB,A7C6qKA,+B6C1qKA,yBAAA,A7C4qKE,oBAAsB,C6C3qKxB,A7C8qKA,sC6C3qKA,WAAA,A7C6qKE,gBAAkB,A6C5qKpB,qBAAA,AACE,YAAA,CAEF,AAHA,qI7CorKE,UAAe,C6CprKjB,AAMA,2B7CsrKE,gBAAiB,A6CxrKnB,iBAAA,C7C0rKC,AAED,0B6CxrKA,gBAAA,A7C0rKE,0BAA2B,AAC3B,cAAgB,CACjB,AAED,iG6CvrKA,WAAA,AACE,sBAAgB,AAClB,oBAAA,C7C2rKC,AAED,0B6C1rKE,gBAAU,C7C4rKX,AAED,kB6C3rKA,sBAAA,AACE,eAAW,C7C6rKZ,A6CvrKD,uB7C8rKE,oBAAqB,A6C7rKvB,YAAA,AACE,sBAAU,AACZ,YAAA,A7C+rKE,aAAe,C6C9rKjB,A7CisKA,mB6C9rKA,WAAA,A7CgsKE,WAAa,C6C/rKf,AAEA,0B7CisKE,WAAY,A6ChsKd,eAAA,C7CksKC,AAED,iC6CjsKA,UAAA,C7CmsKC,AAED,iC6ClsKA,WAAA,C7CosKC,AAED,uB6CnsKA,iBAAA,C7CqsKC,AAED,0B6CnsKE,UAAS,C7CqsKV,AAED,0B6CnsKE,WAAA,C7CqsKD,AAED,sD6ClsKE,sBAAe,AACf,yBAAkB,AAClB,kBAAkB,C7CssKnB,AAED,2B6CrsKA,eAAA,C7CusKC,AAED,0B6CrsKA,WAAA,A7CusKE,UAAW,A6CtsKb,UAAA,C7CwsKC,A6CrsKD,8B7CwsKE,WAAY,A6CvsKd,WAAA,C7CysKC,AAOD,iCACE,SAAW,C6CvsKb,A7C0sKA,mC6CtsKE,qBAAA,C7CysKD,AAED,qB6CvsKE,qBAAA,CACF,AACA,iBACE,wBAAc,C7C0sKf,AAED,mB6CxsKE,qBAAc,C7C0sKf,AAED,yB6CzsKA,UAAA,C7C2sKC,AAED,mB6CzsKE,aAAA,AACA,eAAW,AACX,QAAA,AACA,SAAA,AACA,sBAAY,AACZ,sBAAqB,AACrB,YAAA,AACA,gBAAU,AACZ,YAAA,C7C2sKC,AAED,qBACE,cAAe,A6C1sKf,cAAA,AACF,kBAAA,A7C4sKE,kBAAmB,A6ChtKrB,eAAA,C7CktKC,AAED,sDAEE,WAAa,A6CjtKf,qBAAA,C7CmtKC,A6C5sKD,iDAJA,YAAA,AACE,aAAU,CAGZ,AAGA,mB7CitKE,YAAc,C6CjtKhB,AAKA,uCAEE,4BAAU,AACV,2BAAW,AACX,2BAAkB,A7CutKlB,oBAAsB,A6CntKxB,qBAAA,A7CqtKE,yBAA4B,C6CntK7B,AACD,YACE,cAAA,A7CstKA,gB6CrtKE,A7CstKF,sB6CrtKE,A7CstKF,UAAe,AACf,aAAe,AACf,YAAe,CAChB,A6CntKD,e7CstKE,cAAe,A6CptKjB,kBAAA,AACE,sBAAA,AACA,sBAAA,AACA,WAAW,AACX,gBAAkB,AAClB,gBAAA,AACA,YAAA,A7CstKA,kB6CttKA,gBAAA,AACA,SAAA,C7CwtKD,AAED,oF6CptKA,eAAA,C7CwtKC,AAED,oF6CrtKA,gBAAA,C7CytKC,AAED,kB6CxtKA,eAAA,C7C0tKC,AAED,mB6CztKA,UAAA,A7C2tKE,gB6C1tKE,AACJ,UAAA,C7C2tKC,AAED,+B6C1tKA,iBAAA,C7C4tKC,AAMD,W6C5tKA,qBAAA,A7C8tKE,UAAW,A6C7tKb,WAAA,A7C+tKE,iB6C9tKkB,CACpB,AAIA,W7CiuKE,iB6ChuKkB,AACpB,0DAAA,A7CiuKI,oT6C9tKJ,A7CkuKE,gBAAoB,A6CjuKtB,iBAAA,C7CmuKC,AAED,iCAEE,2B6CnuKkB,AACpB,WAAA,A7CouKE,kBAAmB,A6CnuKrB,gBAAA,A7CquKE,qC6CpuKkB,AACpB,6BAAA,A7CquKE,oBAAqB,A6CpuKvB,oBAAA,A7CsuKE,c6CruKE,AAEJ,mCAAA,A7CuuKE,iC6CtuKkB,CACpB,AACA,kBACI,eAAgB,CACpB,AACA,mBACI,eAAgB,CACpB,AACA,kBACI,eAAgB,CACpB,AACA,qBACI,eAAgB,CACpB,AACA,oBACI,eAAgB,CACpB,AACA,qBACI,eAAgB,CACpB,AACA,sBACI,eAAgB,CACpB,AACA,kBACI,eAAgB,CACpB,AACA,oBACI,eAAgB,CACpB,AACA,oBACI,eAAgB,CACpB,AACA,oBACI,eAAgB,CACpB,AACA,oBACI,eAAgB,CACpB,AACA,sBACI,eAAgB,CACpB,AACA,kBACI,eAAgB,CACpB,ACj0CA,sB9CwjNI,eAAiB,CACpB,AAED,0BACI,eAAiB,CACpB,AAED,kBACI,eAAiB,CACpB,AAED,yBACI,eAAiB,CACpB,AAED,yB8CtjNC,eAAA,C9CwjNA,AAED,2B8CtjNA,eAAA,C9CwjNC,AAED,yB8CtjNE,eAAsB,C9CwjNvB,AAED,uBACI,e8C1jNS,C9C2jNZ,AAED,yBACI,e8C7jNF,CACF,AACA,sB9C+jNI,eAAiB,C8C/jNqB,AAC1C,wB9CkkNI,eAAiB,C8ClkNsB,AAC3C,yB9CqkNI,eAAiB,C8CrkNsB,AAC3C,mB9CwkNI,eAAiB,C8CxkNuB,AAC5C,+B9C2kNI,eAAiB,C8C3kNsB,AAC3C,iC9C8kNI,eAAiB,C8C9kNsB,AAC3C,kB9CilNI,eAAiB,C8CjlNuB,A9CumN5C,I8CjmNA,oBAAkB,C9CmmNjB,AAED,W8CpmNA,eAAkB,A9CsmNhB,WAAe,A8CtmN2B,sBAAoB,A9CwmN9D,gBAAiB,A8CvmNnB,cAAkB,A9CymNX,WAAY,A8CzmN2C,gDAAiB,A9C2mNrE,wCAA0C,A8C1mNpD,mDAAkB,A9C4mNR,0CAA4C,C8C5mNV,AAC5C,cAAkB,cAAsB,AAAtB,oBAAA,CAAA,AAElB,8BAAkB,WAAqB,AAArB,qBAAA,CAAuB,AACzC,cAAkB,cAAqB,AAArB,sBAAuB,CAAA,AAEzC,4BAAkB,WAAsB,AAAtB,qBAAA,CAAwB,AAC1C,cAAkB,cAAqB,AAArB,sBAAuB,CAAA,AACzC,cAAkB,cAAsB,AAAtB,sBAAA,CAAwB,AAC1C,cAAkB,WAAwB,AAAxB,qBAAA,CAAA,AAClB,eAAkB,cAAsB,AAAtB,oBAAA,CAAA,AAClB,eAAkB,cAAsB,AAAtB,sBAAA,CAAwB,AAC1C,eAAkB,cAAwB,AAAxB,oBAAA,CAAA,AAElB,8BAAkB,cAAqB,AAArB,sBAAuB,CAAA,AACzC,eAAkB,WAAsB,AAAtB,sBAAA,AAAwB,eAAA,CAAA,AAE1C,8BAAkB,cAAqB,AAArB,sBAAuB,CAAA,AACzC,eAAkB,cAAsB,AAAtB,sBAAA,CAAwB,AAG1C,6CADkB,WAAsB,AAAtB,qBAAA,CAClB,AAA4C,eAA1B,eAA0B,CAAA,AAC5C,eAAkB,cAAsB,AAAtB,sBAAA,CAAwB,AAC1C,eAAkB,WAAsB,AAAtB,qBAAA,CAAwB,AAC1C,eAAkB,cAAwB,AAAxB,sBAAA,CAAA,AAClB,eAAkB,cAAqB,AAArB,wBAAuB,CAAA,AAEzC,8BAAkB,cAAqB,AAArB,sBAAuB,CAAA,AACzC,eAAkB,cAAqB,AAArB,wBAAuB,CAAA,AACzC,eAAkB,cAAwB,AAAxB,sBAAA,CAAA,AAClB,eAAkB,WAAwB,AAAxB,qBAAA,CAAA,AAElB,4BAAkB,cAAqB,AAArB,sBAAuB,CAAA,AACzC,eAAkB,WAAsB,AAAtB,qBAAA,CAAwB,AAC1C,eAAkB,cAAsB,AAAtB,sBAAA,CAAwB,AAC1C,eAAkB,cAAsB,AAAtB,wBAAwB,CAAA,AAC1C,eAAkB,cAAsB,AAAtB,sBAAA,CAAwB,AAC1C,eAAkB,cAAoB,AAApB,wBAAsB,CAAA,AAExC,8BAAkB,cAAqB,AAArB,sBAAuB,CAAA,AACzC,eAAkB,cAAsB,AAAtB,wBAAwB,CAAA,AAI1C,4DAAkB,WAAsB,AAAtB,qBAAA,CAAwB,AAE1C,8BAAkB,cAAsB,AAAtB,wBAAwB,CAAA,AAC1C,eAAkB,cAAsB,AAAtB,sBAAA,CAAwB,AAC1C,cAAkB,WAAwB,AAAxB,qBAAA,CAAA,AAIlB,4DAAkB,cAAsB,AAAtB,sBAAA,CAAwB,AAE1C,eAAA,cAAA,oBAAA,CAAA,A9C6wNA,e8C5wNE,cAAA,sBAA2C,CAAA,A9CgxN7C,eAAkB,WAAe,AAAC,qBAAsB,CAAE,AAI1D,eAAkB,cAAe,AAAC,sBAAuB,CAAE,AAI3D,eAAkB,cAAe,AAAC,sBAAuB,CAAE,AAI3D,eAAkB,WAAe,AAAC,qBAAsB,CAAE,AAQ1D,8BAAkB,cAAe,AAAC,sBAAuB,CAAE,AAI3D,eAAkB,cAAe,AAAC,sBAAuB,CAAE,AAQ3D,8BAAkB,cAAe,AAAC,sBAAuB,CAAE,AAgB3D,4DAAkB,cAAe,AAAC,wBAAyB,CAAE,AAI7D,eAAkB,cAAe,AAAC,sBAAuB,CAAE,AAI3D,sBACE,gDAAkD,AAC1C,wCAA0C,AAClD,mDAAoD,AAC5C,2CAA4C,AACpD,WAAe,AACf,qBAAuB,CACxB","file":"style.css","sourcesContent":[":root {\n --w3c-classic: #005A9C;\n --w3c-blue: #003366;\n --wai-green: #005A6A;\n --off-black: #1d1d1d;\n --dk-grey: #3b3b3b;\n --faded-red: #c0272d;\n --light-blue: #196cac;\n --dk-blue: #091832;\n --gold: rgb(238, 208, 9);\n --gold-light: rgba(238, 208, 9, .35);\n --ocean: #00818d;\n --cloudy: #bccbd3;\n --grey: #686868;\n --line-grey: #ddd;\n --trans-line-grey: rgba(221, 221, 221, 0.32);\n --off-white: #f2f2f2;\n --body-bg: #FAFAFC;\n --lt-off-white: #fafafa;\n --pure-white: #ffffff;\n --white-transparent: rgba(255, 255, 255, 0.92);;\n --visited-link: #660066;\n --footer-grey: #efefef;\n}\n\n/*\n@media(prefers-color-scheme: dark) {\n :root {\n --w3c-classic: #005A9C;\n --w3c-blue: #003366;\n --wai-green: #005A6A;\n --off-black: #f2d2d2;\n --dk-grey: #3b3b3b;\n --faded-red: #c0272d;\n --light-blue: #196cac;\n --dk-blue: #091832;\n --gold: #eed009;\n --ocean: #00818d;\n --cloudy: #bccbd3;\n --grey: #686868;\n --line-grey: #aaa;\n --trans-line-grey: rgba(34, 34, 34, 0.32);\n --off-white: #0c0c0c;\n --body-bg: #1d1d1d;\n --lt-off-white: #050505;\n --pure-white: #000000;\n --white-transparent: rgba(0, 0, 0, 0.92);\n --visited-link: #660066;\n --footer-grey: #efefef;\n }\n}\n*/","@custom-selector :--hovcus :hover, :focus;\n\n@custom-media --small (width >= 23em);\n@custom-media --medium (width >= 35em);\n@custom-media --medlarge (width >= 47.5em);\n@custom-media --large (width >= 60em);\n\n.visuallyhidden, .no-display {\n border: 0;\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n white-space: nowrap;\n &.focusable {\n &:active, &:focus {\n clip: auto;\n clip-path: none;\n height: auto;\n margin: 0;\n overflow: visible;\n position: static;\n width: auto;\n white-space: inherit;\n }\n }\n}\n\n@font-face {\n font-family: 'Noto Sans';\n src: url('../fonts/notosans/notosans-regular.woff2') format('woff2'),\n url('../fonts/notosans/notosans-regular.woff') format('woff');\n font-weight: 400;\n font-style: normal;\n}\n@font-face {\n font-family: 'Noto Sans';\n src: url('../fonts/notosans/notosans-italic.woff2') format('woff2'),\n url('../fonts/notosans/notosans-italic.woff') format('woff');\n font-weight: 400;\n font-style: italic;\n}\n@font-face {\n font-family: 'Noto Sans';\n src: url('../fonts/notosans/notosans-bold.woff2') format('woff2'),\n url('../fonts/notosans/notosans-bold.woff') format('woff');\n font-weight: 600;\n font-style: normal;\n}\n@font-face {\n font-family: 'Noto Sans';\n src: url('../fonts/notosans/notosans-bolditalic.woff2') format('woff2'),\n url('../fonts/notosans/notosans-bolditalic.woff') format('woff');\n font-weight: 600;\n font-style: italic;\n}\n\n@font-face {\n font-family: 'Noto Sans Mono';\n src: url('../fonts/notosansmono/notosansmono-semicondensed.woff2') format('woff2'),\n url('../fonts/notosansmono/notosansmono-semicondensed.woff') format('woff');\n font-weight: 400;\n font-style: normal;\n}\n\n@font-face {\n font-family: 'Noto Sans Mono';\n src: url('../fonts/notosansmono/notosansmono-semicondensedbold.woff2') format('woff2'),\n url('../fonts/notosansmono/notosansmono-semicondensedbold.woff') format('woff');\n font-weight: 600;\n font-style: normal;\n}\n\n@font-face {\n font-family: 'Noto Naskh Arabic Minimal';\n src: url('../fonts/notonaskh/regular-minimal.woff2') format('woff2'),\n url('../fonts/notonaskh/regular-minimal.woff') format('woff');\n font-weight: normal;\n font-style: normal;\n}\n\n@font-face {\n font-family: 'Noto Naskh Arabic Minimal';\n src: url('../fonts/notonaskh/bold-minimal.woff2') format('woff2'),\n url('../fonts/notonaskh/bold-minimal.woff') format('woff');\n font-weight: bold;\n font-style: normal;\n}\n\n@font-face {\n font-family: 'Noto Naskh Arabic';\n src: url('../fonts/notonaskh/regular.woff2') format('woff2'),\n url('../fonts/notonaskh/regular.woff') format('woff');\n font-weight: normal;\n font-style: normal;\n}\n\n@font-face {\n font-family: 'Noto Naskh Arabic';\n src: url('../fonts/notonaskh/bold.woff2') format('woff2'),\n url('../fonts/notonaskh/bold.woff') format('woff');\n font-weight: bold;\n font-style: normal;\n}\n\nhtml {\n background-color: var(--off-white);\n @media print {\n background-color: #fff;\n }\n}\n\nbody {\n font-family: \"Noto Sans\", \"Trebuchet MS\", \"Helvetica Neue\", Arial, sans-serif;\n line-height: 1.5;\n font-size: 1rem;\n text-decoration-skip-ink: none;\n background-color: var(--body-bg);\n color: var(--off-black);\n padding: 0;\n padding: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);\n margin: 0 auto;\n max-width: 1250px;\n @supports (display: grid) {\n max-width: none;\n margin: 0;\n }\n @media print {\n color: #000;\n background-color: #fff;\n font-size: 10pt;\n text-decoration-skip-ink: none;\n }\n}\n\nbody:lang(ar) {\n font-family: \"Noto Naskh Arabic\", \"Noto Sans\", \"Trebuchet MS\", \"Helvetica Neue\", Arial, sans-serif;\n}\n\nbody:not(:lang(ar)) *:lang(ar) {\n font-family: \"Noto Naskh Arabic Minimal\", \"Noto Sans\", \"Trebuchet MS\", \"Helvetica Neue\", Arial, sans-serif;\n}\n\ncode {\n font-size: 1em;\n font-family: 'Noto Sans Mono', monospace;\n}\n\na {\n color: var(--w3c-blue);\n &:--hovcus {\n color: var(--wai-green);\n }\n &:visited {\n color: var(--visited-link);\n }\n &.stealthy-link {\n text-decoration: none;\n &:--hovcus {\n color: inherit;\n }\n &:visited {\n color: inherit;\n }\n }\n @media print {\n & {\n color: #000;\n }\n &[href^=\"#\"]:after {\n content: '(⇘ ' attr(href) ')';\n }\n &[href^=\"http\"]:after {\n content: ' (' attr(href) ')';\n }\n &[href^=\"/WAI/\"]:after {\n content: ' (https://www.w3.org' attr(href) ')';\n }\n }\n}\n\na, button, input, select, submit, textarea, [tabindex]:not([tabindex=\"-1\"]) {\n outline: 2px solid transparent;\n outline-offset: 5px;\n transition: outline-offset .2s linear;\n}\n\na:focus, button:focus, input:focus, select:focus, submit:focus, textarea:focus, [tabindex]:not([tabindex=\"-1\"]):focus {\n outline-color: currentColor;\n outline-offset: 2px;\n}\n\n.default-container, .default-grid {\n padding: 0 32px;\n @media (--medium) {\n padding:0;\n }\n}\n\n.default-grid {\n padding: 0 16px;\n @media (--large) {\n padding:0;\n display: flex;\n padding-inline-start: 32px;\n padding-inline-end: 32px;\n @supports (display: grid) {\n display: grid;\n grid-column-gap: 32px;\n padding: 0;\n max-width: none;\n grid-template-columns: [complete-start] minmax(16px, 1fr) [navigation-start] repeat(2, minmax(0, 130px)) [navigation-end content-start] repeat(6, minmax(0, 130px)) [content-end] minmax(16px, 1fr) [complete-end];\n }\n & .inner {\n grid-column-start: navigation-start;\n grid-column-end: content-end;\n }\n }\n @media print {\n display: block;\n }\n}\n\n.grid-3 {\n @media (--large) {\n display: flex;\n padding-inline-start: 32px;\n padding-inline-end: 32px;\n @supports (display: grid) {\n display: grid;\n grid-column-gap: 32px;\n padding: 0;\n max-width: none;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n &.nogap { grid-column-gap: 0; }\n }\n & .col1, & .from-col1 { grid-column-start: 1; }\n & .col1, & .to-col1 { grid-column-end: 2; }\n\n & .col2, & .from-col2 { grid-column-start: 2; }\n & .col2, & .to-col2 { grid-column-end: 3; }\n\n & .col3, & .from-col3 { grid-column-start: 3; }\n & .col3, & .to-col3 { grid-column-end: 4; }\n\n}\n\n.grid-4 {\n @media (--large) {\n display: flex;\n padding-inline-start: 32px;\n padding-inline-end: 32px;\n @supports (display: grid) {\n display: grid;\n grid-column-gap: 32px;\n padding: 0;\n max-width: none;\n grid-template-columns: repeat(4, minmax(0, 1fr));\n }\n &.nogap { grid-column-gap: 0; }\n }\n & .col1, & .from-col1 { grid-column-start: 1; }\n & .col1, & .to-col1 { grid-column-end: 2; }\n\n & .col2, & .from-col2 { grid-column-start: 2; }\n & .col2, & .to-col2 { grid-column-end: 3; }\n\n & .col3, & .from-col3 { grid-column-start: 3; }\n & .col3, & .to-col3 { grid-column-end: 4; }\n\n & .col4, & .from-col4 { grid-column-start: 4; }\n & .col4, & .to-col4 { grid-column-end: 5; }\n\n}\n\n.grid-6 {\n @media (--large) {\n display: flex;\n padding-inline-start: 32px;\n padding-inline-end: 32px;\n @supports (display: grid) {\n display: grid;\n grid-column-gap: 32px;\n padding: 0;\n max-width: none;\n grid-template-columns: repeat(6, minmax(0, 1fr));\n }\n }\n\n & .col1, & .from-col1 { grid-column-start: 1; }\n & .col1, & .to-col1 { grid-column-end: 2; }\n\n & .col2, & .from-col2 { grid-column-start: 2; }\n & .col2, & .to-col2 { grid-column-end: 3; }\n\n & .col3, & .from-col3 { grid-column-start: 3; }\n & .col3, & .to-col3 { grid-column-end: 4; }\n\n & .col4, & .from-col4 { grid-column-start: 4; }\n & .col4, & .to-col4 { grid-column-end: 5; }\n\n & .col5, & .from-col5 { grid-column-start: 5; }\n & .col5, & .to-col5 { grid-column-end: 6; }\n\n & .col6, & .from-col6 { grid-column-start: 6; }\n & .col6, & .to-col6 { grid-column-end: 7; }\n\n /* IE fixes: */\n & .col1, & .col2, & .col3, & .col4, & .col5, & .col6, &.from-col1, & .from-col2, & .from-col3, & .from-col4, & .from-col5, & .from-col6 {flex-basis: 25%; flex-grow: 1;}\n & .col2, & .col3, & .col4, & .col5, & .col6, & .from-col2, & .from-col3, & .from-col4, & .from-col5, & .from-col6 {margin-inline-start: 32px;}\n @supports (display: grid) {\n & .col2, & .col3, & .col4, & .col5, & .col6, & .from-col2, & .from-col3, & .from-col4, & .from-col5, & .from-col6 {margin-inline-start: 0;}\n }\n &.from-col1.to-col6 {\n width: 100%;\n }\n}\n\n.grid-three-five {\n & .col1, & .col2 { padding-inline-start: 16px; padding-inline-end: 16px; }\n @media (--medium) {\n display: flex;\n padding-inline-start: 32px;\n padding-inline-end: 32px;\n @supports (display: grid) {\n display: grid;\n grid-column-gap: 32px;\n padding: 0;\n max-width: none;\n grid-template-columns: [complete-start] 0 [three-start five-start] 1fr [three-end five-end] 0 [complete-end];\n @media (--medium) {\n grid-template-columns: [complete-start] minmax(16px, 1fr) [three-start] repeat(3, minmax(0, 130px)) [three-end five-start] repeat(5, minmax(0, 130px)) [five-end] minmax(16px, 1fr) [complete-end];\n }\n }\n & .col1, & .col2 { padding: 0; }\n }\n & .col1, & .col2 { flex-shrink: 1; }\n & .col1 {\n flex-basis: 35%;\n grid-column-start: three-start;\n grid-column-end: three-end;\n margin-inline-end: 32px;\n @supports (display: grid) {\n margin-inline-end: 0;\n }\n }\n & .col2 {\n flex-basis: 61%;\n grid-column-start: five-start;\n grid-column-end: five-end;\n }\n & .col12 {\n flex-basis: 100%;\n grid-column-start: three-start;\n grid-column-end: five-end;\n }\n}\n\n.grid-five-three {\n & .col1, & .col2 { padding-inline-start: 16px; padding-inline-end: 16px; }\n @media (--medium) {\n display: flex;\n padding-inline-start: 32px;\n padding-inline-end: 32px;\n @supports (display: grid) {\n display: grid;\n grid-column-gap: 32px;\n padding: 0;\n max-width: none;\n grid-template-columns: [complete-start] 0 [three-start five-start] 1fr [three-end five-end] 0 [complete-end];\n @media (--medium) {\n grid-template-columns: [complete-start] minmax(16px, 1fr) [five-start] repeat(5, minmax(0, 130px)) [five-end three-start] repeat(3, minmax(0, 130px)) [three-end] minmax(16px, 1fr) [complete-end];\n }\n }\n & .col1, & .col2 { padding: 0; }\n }\n & .col1, & .col2 { flex-shrink: 1; }\n & .col1 {\n flex: 1 1 62%;\n grid-column-start: five-start;\n grid-column-end: five-end;\n margin-inline-end: 32px;\n @supports (display: grid) {\n margin-inline-end: 0;\n }\n }\n & .col2 {\n flex: 1 1 37%;\n grid-column-start: three-start;\n grid-column-end: three-end;\n }\n & .col12 {\n flex-basis: 100%;\n grid-column-start: five-start;\n grid-column-end: three-end;\n }\n}\n\n.grid-4q {\n display: flex;\n padding-inline-start: 32px;\n padding-inline-end: 32px;\n @supports (display: grid) {\n display: grid;\n grid-column-gap: 32px;\n padding: 0;\n max-width: none;\n grid-template-columns: [complete-start] 0 [q1-start q2-start q3-start q4-start] 1fr [q1-end q2-end q3-end q4-end] 0 [complete-end];\n @media (--large) {\n grid-template-columns: [complete-start] minmax(16px, 1fr) [content-start q1-start] repeat(2, minmax(0, 130px)) [q1-end q2-start] repeat(2, minmax(0, 130px)) [q2-end q3-start] repeat(2, minmax(0, 130px)) [q3-end q4-start] repeat(2, minmax(0, 130px)) [q4-end content-end] minmax(16px, 1fr) [complete-end];\n }\n }\n &.nogap {\n grid-template-columns: [complete-start] 0 [q1-start q2-start q3-start q4-start] 1fr [q1-end q2-end q3-end q4-end] 0 [complete-end];\n @media (--large) {\n grid-template-columns: [complete-start] minmax(16px, 1fr) [content-start q1-start] repeat(2, minmax(0, 158px)) [q1-end q2-start] repeat(2, minmax(0, 158px)) [q2-end q3-start] repeat(2, minmax(0, 158px)) [q3-end q4-start] repeat(2, minmax(0, 158px)) [q4-end content-end] minmax(16px, 1fr) [complete-end];\n }\n grid-column-gap: 0;\n }\n\n & .q1-start {\n flex-basis:25%;\n flex-shrink: 1;\n margin-inline-end: 32px;\n grid-column-start: q1-start;\n }\n & .q2-start {\n flex-basis:25%;\n flex-shrink: 1;\n margin-inline-end: 32px;\n grid-column-start: q2-start;\n }\n & .q3-start {\n flex-basis:25%;\n flex-shrink: 1;\n margin-inline-end: 32px;\n grid-column-start: q3-start;\n }\n & .q4-start {\n flex-basis:25%;\n flex-shrink: 1;\n margin-inline-end: 32px;\n grid-column-start: q4-start;\n }\n & .q1-end {\n grid-column-end: q1-end;\n }\n & .q2-end {\n grid-column-end: q2-end;\n }\n & .q3-end {\n grid-column-end: q3-end;\n }\n & .q4-end {\n grid-column-end: q4-end;\n margin-inline-end: 0;\n }\n & .q1-start.q2-end,\n & .q2-start.q3-end,\n & .q3-start.q4-end {\n flex-basis: 50%;\n }\n & .q1-start.q3-end,\n & .q2-start.q4-end {\n flex-basis: 75%;\n }\n\n &.nogap {\n & .q1-start,\n & .q2-start,\n & .q3-start,\n & .q4-start {\n margin-inline-end: 0;\n }\n }\n\n @supports(display: grid) {\n & .q1-start,\n & .q2-start,\n & .q3-start,\n & .q4-start {\n margin-inline-end: 0;\n }\n }\n}\n\n.leftcol {\n & nav {\n flex-basis: 24.25%;\n flex-shrink: 0;\n }\n & main {\n grid-area: content;\n flex: 1;\n margin-inline-start: 32px;\n @supports (display: grid) {\n margin-inline-start: 0;\n }\n }\n}\n\n.grid-line-right {\n @media (--medium) {\n border-inline-end: 1px solid var(--line-grey);\n margin-inline-end: -17px !important;\n padding-inline-end: 17px !important;\n }\n}\n\n.grid-line-left {\n @media (--medium) {\n border-inline-start: 1px solid var(--line-grey);\n margin-inline-start: -16px !important;\n padding-inline-start: 16px !important;\n }\n}\n\n.media-wrapper, .able-media-container {\n position: relative;\n padding-top: 56.25%;\n & iframe, & video, & .img {\n position: absolute;\n top:0;\n right: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: none;\n }\n}\n\n.contentarea {\n position: relative;\n}\n\nimg.symbol {\n float: inline-end;\n margin-inline-start: 1em;\n margin-block-end: 1em;\n}\n\nmain img { max-width: 100%; }\n\nfigure { margin: 0 0 1em; }\nfigcaption { font-weight: bold; border-block-end: 1px solid var(--line-grey); margin-block-end: .5em;}",":root {\n --w3c-classic: #005A9C;\n --w3c-blue: #003366;\n --wai-green: #005A6A;\n --off-black: #1d1d1d;\n --dk-grey: #3b3b3b;\n --faded-red: #c0272d;\n --light-blue: #196cac;\n --dk-blue: #091832;\n --gold: rgb(238, 208, 9);\n --gold-light: rgba(238, 208, 9, .35);\n --ocean: #00818d;\n --cloudy: #bccbd3;\n --grey: #686868;\n --line-grey: #ddd;\n --trans-line-grey: rgba(221, 221, 221, 0.32);\n --off-white: #f2f2f2;\n --body-bg: #FAFAFC;\n --lt-off-white: #fafafa;\n --pure-white: #ffffff;\n --white-transparent: rgba(255, 255, 255, 0.92);;\n --visited-link: #660066;\n --footer-grey: #efefef;\n}\n\n/*\n@media(prefers-color-scheme: dark) {\n :root {\n --w3c-classic: #005A9C;\n --w3c-blue: #003366;\n --wai-green: #005A6A;\n --off-black: #f2d2d2;\n --dk-grey: #3b3b3b;\n --faded-red: #c0272d;\n --light-blue: #196cac;\n --dk-blue: #091832;\n --gold: #eed009;\n --ocean: #00818d;\n --cloudy: #bccbd3;\n --grey: #686868;\n --line-grey: #aaa;\n --trans-line-grey: rgba(34, 34, 34, 0.32);\n --off-white: #0c0c0c;\n --body-bg: #1d1d1d;\n --lt-off-white: #050505;\n --pure-white: #000000;\n --white-transparent: rgba(0, 0, 0, 0.92);\n --visited-link: #660066;\n --footer-grey: #efefef;\n }\n}\n*/\n\n.visuallyhidden, .no-display {\n border: 0;\n clip: rect(0 0 0 0);\n -webkit-clip-path: inset(50%);\n clip-path: inset(50%);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n white-space: nowrap\n}\n\n.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus, .no-display.focusable:active, .no-display.focusable:focus {\n clip: auto;\n -webkit-clip-path: none;\n clip-path: none;\n height: auto;\n margin: 0;\n overflow: visible;\n position: static;\n width: auto;\n white-space: inherit;\n }\n\n@font-face {\n font-family: 'Noto Sans';\n src: url('../fonts/notosans/notosans-regular.woff2') format('woff2'),\n url('../fonts/notosans/notosans-regular.woff') format('woff');\n font-weight: 400;\n font-style: normal;\n}\n\n@font-face {\n font-family: 'Noto Sans';\n src: url('../fonts/notosans/notosans-italic.woff2') format('woff2'),\n url('../fonts/notosans/notosans-italic.woff') format('woff');\n font-weight: 400;\n font-style: italic;\n}\n\n@font-face {\n font-family: 'Noto Sans';\n src: url('../fonts/notosans/notosans-bold.woff2') format('woff2'),\n url('../fonts/notosans/notosans-bold.woff') format('woff');\n font-weight: 600;\n font-style: normal;\n}\n\n@font-face {\n font-family: 'Noto Sans';\n src: url('../fonts/notosans/notosans-bolditalic.woff2') format('woff2'),\n url('../fonts/notosans/notosans-bolditalic.woff') format('woff');\n font-weight: 600;\n font-style: italic;\n}\n\n@font-face {\n font-family: 'Noto Sans Mono';\n src: url('../fonts/notosansmono/notosansmono-semicondensed.woff2') format('woff2'),\n url('../fonts/notosansmono/notosansmono-semicondensed.woff') format('woff');\n font-weight: 400;\n font-style: normal;\n}\n\n@font-face {\n font-family: 'Noto Sans Mono';\n src: url('../fonts/notosansmono/notosansmono-semicondensedbold.woff2') format('woff2'),\n url('../fonts/notosansmono/notosansmono-semicondensedbold.woff') format('woff');\n font-weight: 600;\n font-style: normal;\n}\n\n@font-face {\n font-family: 'Noto Naskh Arabic Minimal';\n src: url('../fonts/notonaskh/regular-minimal.woff2') format('woff2'),\n url('../fonts/notonaskh/regular-minimal.woff') format('woff');\n font-weight: normal;\n font-style: normal;\n}\n\n@font-face {\n font-family: 'Noto Naskh Arabic Minimal';\n src: url('../fonts/notonaskh/bold-minimal.woff2') format('woff2'),\n url('../fonts/notonaskh/bold-minimal.woff') format('woff');\n font-weight: bold;\n font-style: normal;\n}\n\n@font-face {\n font-family: 'Noto Naskh Arabic';\n src: url('../fonts/notonaskh/regular.woff2') format('woff2'),\n url('../fonts/notonaskh/regular.woff') format('woff');\n font-weight: normal;\n font-style: normal;\n}\n\n@font-face {\n font-family: 'Noto Naskh Arabic';\n src: url('../fonts/notonaskh/bold.woff2') format('woff2'),\n url('../fonts/notonaskh/bold.woff') format('woff');\n font-weight: bold;\n font-style: normal;\n}\n\nhtml {\n background-color: #f2f2f2;\n background-color: var(--off-white)\n}\n\n@media print {\n\nhtml {\n background-color: #fff\n}\n }\n\nbody {\n font-family: \"Noto Sans\", \"Trebuchet MS\", \"Helvetica Neue\", Arial, sans-serif;\n line-height: 1.5;\n font-size: 16px;\n font-size: 1rem;\n -webkit-text-decoration-skip-ink: none;\n text-decoration-skip-ink: none;\n background-color: #FAFAFC;\n background-color: var(--body-bg);\n color: #1d1d1d;\n color: var(--off-black);\n padding: 0;\n padding: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);\n margin: 0 auto;\n max-width: 1250px\n}\n\n@supports (display: grid) {\n\nbody {\n max-width: none;\n margin: 0\n}\n }\n\n@media print {\n\nbody {\n color: #000;\n background-color: #fff;\n font-size: 10pt;\n -webkit-text-decoration-skip-ink: none;\n text-decoration-skip-ink: none\n}\n }\n\nbody:lang(ar) {\n font-family: \"Noto Naskh Arabic\", \"Noto Sans\", \"Trebuchet MS\", \"Helvetica Neue\", Arial, sans-serif;\n}\n\nbody:not(:lang(ar)) *:lang(ar) {\n font-family: \"Noto Naskh Arabic Minimal\", \"Noto Sans\", \"Trebuchet MS\", \"Helvetica Neue\", Arial, sans-serif;\n}\n\ncode {\n font-size: 1em;\n font-family: 'Noto Sans Mono', monospace;\n}\n\na {\n color: #003366;\n color: var(--w3c-blue)\n}\n\na:hover,a:focus {\n color: #005A6A;\n color: var(--wai-green);\n }\n\na:visited {\n color: #660066;\n color: var(--visited-link);\n }\n\na.stealthy-link {\n text-decoration: none\n }\n\na.stealthy-link:hover,a.stealthy-link:focus {\n color: inherit;\n }\n\na.stealthy-link:visited {\n color: inherit;\n }\n\n@media print {\n a {\n color: #000;\n }\n a[href^=\"#\"]:after {\n content: '(⇘ ' attr(href) ')';\n }\n a[href^=\"http\"]:after {\n content: ' (' attr(href) ')';\n }\n a[href^=\"/WAI/\"]:after {\n content: ' (https://www.w3.org' attr(href) ')';\n }\n }\n\na, button, input, select, submit, textarea, [tabindex]:not([tabindex=\"-1\"]) {\n outline: 2px solid transparent;\n outline-offset: 5px;\n -webkit-transition: outline-offset .2s linear;\n transition: outline-offset .2s linear;\n}\n\na:focus, button:focus, input:focus, select:focus, submit:focus, textarea:focus, [tabindex]:not([tabindex=\"-1\"]):focus {\n outline-color: currentColor;\n outline-offset: 2px;\n}\n\n.default-container, .default-grid {\n padding: 0 32px\n}\n\n@media (min-width: 35em) {\n\n.default-container, .default-grid {\n padding:0\n}\n }\n\n.default-grid {\n padding: 0 16px\n}\n\n@media (min-width: 60em) {\n\n[dir=\"ltr\"] .default-grid {\n padding-left: 32px;\n }\n\n[dir=\"rtl\"] .default-grid {\n padding-right: 32px;\n }\n\n[dir=\"ltr\"] .default-grid {\n padding-right: 32px;\n }\n\n[dir=\"rtl\"] .default-grid {\n padding-left: 32px;\n }\n\n.default-grid {\n padding:0;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex\n}\n @supports (display: grid) {\n\n.default-grid {\n display: grid;\n grid-column-gap: 32px;\n padding: 0;\n max-width: none;\n grid-template-columns: [complete-start] minmax(16px, 1fr) [navigation-start] repeat(2, minmax(0, 130px)) [navigation-end content-start] repeat(6, minmax(0, 130px)) [content-end] minmax(16px, 1fr) [complete-end]\n}\n }\n .default-grid .inner {\n grid-column-start: navigation-start;\n grid-column-end: content-end;\n }\n }\n\n@media print {\n\n.default-grid {\n display: block\n}\n }\n\n@media (min-width: 60em) {\n\n[dir=\"ltr\"] .grid-3 {\n padding-left: 32px;\n }\n\n[dir=\"rtl\"] .grid-3 {\n padding-right: 32px;\n }\n\n[dir=\"ltr\"] .grid-3 {\n padding-right: 32px;\n }\n\n[dir=\"rtl\"] .grid-3 {\n padding-left: 32px;\n }\n\n.grid-3 {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex\n\n}\n @supports (display: grid) {\n\n.grid-3 {\n display: grid;\n grid-column-gap: 32px;\n padding: 0;\n max-width: none;\n grid-template-columns: repeat(3, minmax(0, 1fr))\n\n}\n }\n .grid-3.nogap { grid-column-gap: 0; }\n }\n\n.grid-3 .col1, .grid-3 .from-col1 { grid-column-start: 1; }\n\n.grid-3 .col1, .grid-3 .to-col1 { grid-column-end: 2; }\n\n.grid-3 .col2, .grid-3 .from-col2 { grid-column-start: 2; }\n\n.grid-3 .col2, .grid-3 .to-col2 { grid-column-end: 3; }\n\n.grid-3 .col3, .grid-3 .from-col3 { grid-column-start: 3; }\n\n.grid-3 .col3, .grid-3 .to-col3 { grid-column-end: 4; }\n\n@media (min-width: 60em) {\n\n[dir=\"ltr\"] .grid-4 {\n padding-left: 32px;\n }\n\n[dir=\"rtl\"] .grid-4 {\n padding-right: 32px;\n }\n\n[dir=\"ltr\"] .grid-4 {\n padding-right: 32px;\n }\n\n[dir=\"rtl\"] .grid-4 {\n padding-left: 32px;\n }\n\n.grid-4 {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex\n\n}\n @supports (display: grid) {\n\n.grid-4 {\n display: grid;\n grid-column-gap: 32px;\n padding: 0;\n max-width: none;\n grid-template-columns: repeat(4, minmax(0, 1fr))\n\n}\n }\n .grid-4.nogap { grid-column-gap: 0; }\n }\n\n.grid-4 .col1, .grid-4 .from-col1 { grid-column-start: 1; }\n\n.grid-4 .col1, .grid-4 .to-col1 { grid-column-end: 2; }\n\n.grid-4 .col2, .grid-4 .from-col2 { grid-column-start: 2; }\n\n.grid-4 .col2, .grid-4 .to-col2 { grid-column-end: 3; }\n\n.grid-4 .col3, .grid-4 .from-col3 { grid-column-start: 3; }\n\n.grid-4 .col3, .grid-4 .to-col3 { grid-column-end: 4; }\n\n.grid-4 .col4, .grid-4 .from-col4 { grid-column-start: 4; }\n\n.grid-4 .col4, .grid-4 .to-col4 { grid-column-end: 5; }\n\n@media (min-width: 60em) {\n\n[dir=\"ltr\"] .grid-6 {\n padding-left: 32px;\n }\n\n[dir=\"rtl\"] .grid-6 {\n padding-right: 32px;\n }\n\n[dir=\"ltr\"] .grid-6 {\n padding-right: 32px;\n }\n\n[dir=\"rtl\"] .grid-6 {\n padding-left: 32px;\n }\n\n.grid-6 {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex\n}\n @supports (display: grid) {\n\n.grid-6 {\n display: grid;\n grid-column-gap: 32px;\n padding: 0;\n max-width: none;\n grid-template-columns: repeat(6, minmax(0, 1fr))\n}\n }\n }\n\n.grid-6 .col1, .grid-6 .from-col1 { grid-column-start: 1; }\n\n.grid-6 .col1, .grid-6 .to-col1 { grid-column-end: 2; }\n\n.grid-6 .col2, .grid-6 .from-col2 { grid-column-start: 2; }\n\n.grid-6 .col2, .grid-6 .to-col2 { grid-column-end: 3; }\n\n.grid-6 .col3, .grid-6 .from-col3 { grid-column-start: 3; }\n\n.grid-6 .col3, .grid-6 .to-col3 { grid-column-end: 4; }\n\n.grid-6 .col4, .grid-6 .from-col4 { grid-column-start: 4; }\n\n.grid-6 .col4, .grid-6 .to-col4 { grid-column-end: 5; }\n\n.grid-6 .col5, .grid-6 .from-col5 { grid-column-start: 5; }\n\n.grid-6 .col5, .grid-6 .to-col5 { grid-column-end: 6; }\n\n.grid-6 .col6, .grid-6 .from-col6 { grid-column-start: 6; }\n\n.grid-6 .col6, .grid-6 .to-col6 { grid-column-end: 7; }\n\n.grid-6 {\n\n /* IE fixes: */\n}\n\n.grid-6 .col1, .grid-6 .col2, .grid-6 .col3, .grid-6 .col4, .grid-6 .col5, .grid-6 .col6, .grid-6.from-col1, .grid-6 .from-col2, .grid-6 .from-col3, .grid-6 .from-col4, .grid-6 .from-col5, .grid-6 .from-col6 {-ms-flex-preferred-size: 25%;flex-basis: 25%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1;}\n\n[dir=\"ltr\"] .grid-6 .col2,[dir=\"ltr\"] .grid-6 .col3,[dir=\"ltr\"] .grid-6 .col4,[dir=\"ltr\"] .grid-6 .col5,[dir=\"ltr\"] .grid-6 .col6,[dir=\"ltr\"] .grid-6 .from-col2,[dir=\"ltr\"] .grid-6 .from-col3,[dir=\"ltr\"] .grid-6 .from-col4,[dir=\"ltr\"] .grid-6 .from-col5,[dir=\"ltr\"] .grid-6 .from-col6 {margin-left: 32px;\n}\n\n[dir=\"rtl\"] .grid-6 .col2,[dir=\"rtl\"] .grid-6 .col3,[dir=\"rtl\"] .grid-6 .col4,[dir=\"rtl\"] .grid-6 .col5,[dir=\"rtl\"] .grid-6 .col6,[dir=\"rtl\"] .grid-6 .from-col2,[dir=\"rtl\"] .grid-6 .from-col3,[dir=\"rtl\"] .grid-6 .from-col4,[dir=\"rtl\"] .grid-6 .from-col5,[dir=\"rtl\"] .grid-6 .from-col6 {margin-right: 32px;\n}\n\n@supports (display: grid) {\n [dir=\"ltr\"] .grid-6 .col2,[dir=\"ltr\"] .grid-6 .col3,[dir=\"ltr\"] .grid-6 .col4,[dir=\"ltr\"] .grid-6 .col5,[dir=\"ltr\"] .grid-6 .col6,[dir=\"ltr\"] .grid-6 .from-col2,[dir=\"ltr\"] .grid-6 .from-col3,[dir=\"ltr\"] .grid-6 .from-col4,[dir=\"ltr\"] .grid-6 .from-col5,[dir=\"ltr\"] .grid-6 .from-col6 {margin-left: 0;\n }\n [dir=\"rtl\"] .grid-6 .col2,[dir=\"rtl\"] .grid-6 .col3,[dir=\"rtl\"] .grid-6 .col4,[dir=\"rtl\"] .grid-6 .col5,[dir=\"rtl\"] .grid-6 .col6,[dir=\"rtl\"] .grid-6 .from-col2,[dir=\"rtl\"] .grid-6 .from-col3,[dir=\"rtl\"] .grid-6 .from-col4,[dir=\"rtl\"] .grid-6 .from-col5,[dir=\"rtl\"] .grid-6 .from-col6 {margin-right: 0;\n }\n }\n\n.grid-6.from-col1.to-col6 {\n width: 100%;\n }\n\n[dir=\"ltr\"] .grid-three-five .col1,[dir=\"ltr\"] .grid-three-five .col2 { padding-left: 16px;\n}\n\n[dir=\"rtl\"] .grid-three-five .col1,[dir=\"rtl\"] .grid-three-five .col2 { padding-right: 16px;\n}\n\n[dir=\"ltr\"] .grid-three-five .col1,[dir=\"ltr\"] .grid-three-five .col2 { padding-right: 16px;\n}\n\n[dir=\"rtl\"] .grid-three-five .col1,[dir=\"rtl\"] .grid-three-five .col2 { padding-left: 16px;\n}\n\n@media (min-width: 35em) {\n\n[dir=\"ltr\"] .grid-three-five {\n padding-left: 32px;\n }\n\n[dir=\"rtl\"] .grid-three-five {\n padding-right: 32px;\n }\n\n[dir=\"ltr\"] .grid-three-five {\n padding-right: 32px;\n }\n\n[dir=\"rtl\"] .grid-three-five {\n padding-left: 32px;\n }\n\n.grid-three-five {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex\n}\n @supports (display: grid) {\n\n.grid-three-five {\n display: grid;\n grid-column-gap: 32px;\n padding: 0;\n max-width: none;\n grid-template-columns: [complete-start] 0 [three-start five-start] 1fr [three-end five-end] 0 [complete-end]\n}\n @media (min-width: 35em) {\n\n.grid-three-five {\n grid-template-columns: [complete-start] minmax(16px, 1fr) [three-start] repeat(3, minmax(0, 130px)) [three-end five-start] repeat(5, minmax(0, 130px)) [five-end] minmax(16px, 1fr) [complete-end]\n}\n }\n }\n .grid-three-five .col1, .grid-three-five .col2 { padding: 0; }\n }\n\n.grid-three-five .col1, .grid-three-five .col2 { -ms-flex-negative: 1; flex-shrink: 1; }\n\n[dir=\"ltr\"] .grid-three-five .col1 {\n margin-right: 32px;\n}\n\n[dir=\"rtl\"] .grid-three-five .col1 {\n margin-left: 32px;\n}\n\n.grid-three-five .col1 {\n -ms-flex-preferred-size: 35%;\n flex-basis: 35%;\n grid-column-start: three-start;\n grid-column-end: three-end\n }\n\n@supports (display: grid) {\n\n[dir=\"ltr\"] .grid-three-five .col1 {\n margin-right: 0;\n }\n\n[dir=\"rtl\"] .grid-three-five .col1 {\n margin-left: 0;\n }\n }\n\n.grid-three-five .col2 {\n -ms-flex-preferred-size: 61%;\n flex-basis: 61%;\n grid-column-start: five-start;\n grid-column-end: five-end;\n }\n\n.grid-three-five .col12 {\n -ms-flex-preferred-size: 100%;\n flex-basis: 100%;\n grid-column-start: three-start;\n grid-column-end: five-end;\n }\n\n[dir=\"ltr\"] .grid-five-three .col1,[dir=\"ltr\"] .grid-five-three .col2 { padding-left: 16px;\n}\n\n[dir=\"rtl\"] .grid-five-three .col1,[dir=\"rtl\"] .grid-five-three .col2 { padding-right: 16px;\n}\n\n[dir=\"ltr\"] .grid-five-three .col1,[dir=\"ltr\"] .grid-five-three .col2 { padding-right: 16px;\n}\n\n[dir=\"rtl\"] .grid-five-three .col1,[dir=\"rtl\"] .grid-five-three .col2 { padding-left: 16px;\n}\n\n@media (min-width: 35em) {\n\n[dir=\"ltr\"] .grid-five-three {\n padding-left: 32px;\n }\n\n[dir=\"rtl\"] .grid-five-three {\n padding-right: 32px;\n }\n\n[dir=\"ltr\"] .grid-five-three {\n padding-right: 32px;\n }\n\n[dir=\"rtl\"] .grid-five-three {\n padding-left: 32px;\n }\n\n.grid-five-three {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex\n}\n @supports (display: grid) {\n\n.grid-five-three {\n display: grid;\n grid-column-gap: 32px;\n padding: 0;\n max-width: none;\n grid-template-columns: [complete-start] 0 [three-start five-start] 1fr [three-end five-end] 0 [complete-end]\n}\n @media (min-width: 35em) {\n\n.grid-five-three {\n grid-template-columns: [complete-start] minmax(16px, 1fr) [five-start] repeat(5, minmax(0, 130px)) [five-end three-start] repeat(3, minmax(0, 130px)) [three-end] minmax(16px, 1fr) [complete-end]\n}\n }\n }\n .grid-five-three .col1, .grid-five-three .col2 { padding: 0; }\n }\n\n.grid-five-three .col1, .grid-five-three .col2 { -ms-flex-negative: 1; flex-shrink: 1; }\n\n[dir=\"ltr\"] .grid-five-three .col1 {\n margin-right: 32px;\n}\n\n[dir=\"rtl\"] .grid-five-three .col1 {\n margin-left: 32px;\n}\n\n.grid-five-three .col1 {\n -webkit-box-flex: 1;\n -ms-flex: 1 1 62%;\n flex: 1 1 62%;\n grid-column-start: five-start;\n grid-column-end: five-end\n }\n\n@supports (display: grid) {\n\n[dir=\"ltr\"] .grid-five-three .col1 {\n margin-right: 0;\n }\n\n[dir=\"rtl\"] .grid-five-three .col1 {\n margin-left: 0;\n }\n }\n\n.grid-five-three .col2 {\n -webkit-box-flex: 1;\n -ms-flex: 1 1 37%;\n flex: 1 1 37%;\n grid-column-start: three-start;\n grid-column-end: three-end;\n }\n\n.grid-five-three .col12 {\n -ms-flex-preferred-size: 100%;\n flex-basis: 100%;\n grid-column-start: five-start;\n grid-column-end: three-end;\n }\n\n[dir=\"ltr\"] .grid-4q {\n padding-left: 32px;\n}\n\n[dir=\"rtl\"] .grid-4q {\n padding-right: 32px;\n}\n\n[dir=\"ltr\"] .grid-4q {\n padding-right: 32px;\n}\n\n[dir=\"rtl\"] .grid-4q {\n padding-left: 32px;\n}\n\n.grid-4q {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex\n}\n\n@supports (display: grid) {\n\n.grid-4q {\n display: grid;\n grid-column-gap: 32px;\n padding: 0;\n max-width: none;\n grid-template-columns: [complete-start] 0 [q1-start q2-start q3-start q4-start] 1fr [q1-end q2-end q3-end q4-end] 0 [complete-end]\n}\n @media (min-width: 60em) {\n\n.grid-4q {\n grid-template-columns: [complete-start] minmax(16px, 1fr) [content-start q1-start] repeat(2, minmax(0, 130px)) [q1-end q2-start] repeat(2, minmax(0, 130px)) [q2-end q3-start] repeat(2, minmax(0, 130px)) [q3-end q4-start] repeat(2, minmax(0, 130px)) [q4-end content-end] minmax(16px, 1fr) [complete-end]\n}\n }\n }\n\n.grid-4q.nogap {\n grid-template-columns: [complete-start] 0 [q1-start q2-start q3-start q4-start] 1fr [q1-end q2-end q3-end q4-end] 0 [complete-end];\n }\n\n@media (min-width: 60em) {\n\n.grid-4q.nogap {\n grid-template-columns: [complete-start] minmax(16px, 1fr) [content-start q1-start] repeat(2, minmax(0, 158px)) [q1-end q2-start] repeat(2, minmax(0, 158px)) [q2-end q3-start] repeat(2, minmax(0, 158px)) [q3-end q4-start] repeat(2, minmax(0, 158px)) [q4-end content-end] minmax(16px, 1fr) [complete-end];\n }\n }\n\n.grid-4q.nogap {\n grid-column-gap: 0;\n }\n\n[dir=\"ltr\"] .grid-4q .q1-start {\n margin-right: 32px;\n}\n\n[dir=\"rtl\"] .grid-4q .q1-start {\n margin-left: 32px;\n}\n\n.grid-4q .q1-start {\n -ms-flex-preferred-size:25%;\n flex-basis:25%;\n -ms-flex-negative: 1;\n flex-shrink: 1;\n grid-column-start: q1-start;\n }\n\n[dir=\"ltr\"] .grid-4q .q2-start {\n margin-right: 32px;\n}\n\n[dir=\"rtl\"] .grid-4q .q2-start {\n margin-left: 32px;\n}\n\n.grid-4q .q2-start {\n -ms-flex-preferred-size:25%;\n flex-basis:25%;\n -ms-flex-negative: 1;\n flex-shrink: 1;\n grid-column-start: q2-start;\n }\n\n[dir=\"ltr\"] .grid-4q .q3-start {\n margin-right: 32px;\n}\n\n[dir=\"rtl\"] .grid-4q .q3-start {\n margin-left: 32px;\n}\n\n.grid-4q .q3-start {\n -ms-flex-preferred-size:25%;\n flex-basis:25%;\n -ms-flex-negative: 1;\n flex-shrink: 1;\n grid-column-start: q3-start;\n }\n\n[dir=\"ltr\"] .grid-4q .q4-start {\n margin-right: 32px;\n}\n\n[dir=\"rtl\"] .grid-4q .q4-start {\n margin-left: 32px;\n}\n\n.grid-4q .q4-start {\n -ms-flex-preferred-size:25%;\n flex-basis:25%;\n -ms-flex-negative: 1;\n flex-shrink: 1;\n grid-column-start: q4-start;\n }\n\n.grid-4q .q1-end {\n grid-column-end: q1-end;\n }\n\n.grid-4q .q2-end {\n grid-column-end: q2-end;\n }\n\n.grid-4q .q3-end {\n grid-column-end: q3-end;\n }\n\n[dir=\"ltr\"] .grid-4q .q4-end {\n margin-right: 0;\n}\n\n[dir=\"rtl\"] .grid-4q .q4-end {\n margin-left: 0;\n}\n\n.grid-4q .q4-end {\n grid-column-end: q4-end;\n }\n\n.grid-4q .q1-start.q2-end,\n .grid-4q .q2-start.q3-end,\n .grid-4q .q3-start.q4-end {\n -ms-flex-preferred-size: 50%;\n flex-basis: 50%;\n }\n\n.grid-4q .q1-start.q3-end,\n .grid-4q .q2-start.q4-end {\n -ms-flex-preferred-size: 75%;\n flex-basis: 75%;\n }\n\n[dir=\"ltr\"] .grid-4q.nogap .q1-start,[dir=\"ltr\"] \n .grid-4q.nogap .q2-start,[dir=\"ltr\"] \n .grid-4q.nogap .q3-start,[dir=\"ltr\"] \n .grid-4q.nogap .q4-start {\n margin-right: 0;\n}\n\n[dir=\"rtl\"] .grid-4q.nogap .q1-start,[dir=\"rtl\"] \n .grid-4q.nogap .q2-start,[dir=\"rtl\"] \n .grid-4q.nogap .q3-start,[dir=\"rtl\"] \n .grid-4q.nogap .q4-start {\n margin-left: 0;\n}\n\n@supports(display: grid) {\n [dir=\"ltr\"] .grid-4q .q1-start,[dir=\"ltr\"] \n .grid-4q .q2-start,[dir=\"ltr\"] \n .grid-4q .q3-start,[dir=\"ltr\"] \n .grid-4q .q4-start {\n margin-right: 0;\n }\n [dir=\"rtl\"] .grid-4q .q1-start,[dir=\"rtl\"] \n .grid-4q .q2-start,[dir=\"rtl\"] \n .grid-4q .q3-start,[dir=\"rtl\"] \n .grid-4q .q4-start {\n margin-left: 0;\n }\n }\n\n.leftcol nav {\n -ms-flex-preferred-size: 24.25%;\n flex-basis: 24.25%;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n }\n\n[dir=\"ltr\"] .leftcol main {\n margin-left: 32px;\n}\n\n[dir=\"rtl\"] .leftcol main {\n margin-right: 32px;\n}\n\n.leftcol main {\n grid-area: content;\n -webkit-box-flex: 1;\n -ms-flex: 1;\n flex: 1\n }\n\n@supports (display: grid) {\n\n[dir=\"ltr\"] .leftcol main {\n margin-left: 0;\n }\n\n[dir=\"rtl\"] .leftcol main {\n margin-right: 0;\n }\n }\n\n@media (min-width: 35em) {\n\n[dir=\"ltr\"] .grid-line-right {\n border-right: 1px solid #ddd;\n }\n\n[dir=\"rtl\"] .grid-line-right {\n border-left: 1px solid #ddd;\n }\n\n[dir=\"ltr\"] .grid-line-right {\n border-right: 1px solid var(--line-grey);\n }\n\n[dir=\"rtl\"] .grid-line-right {\n border-left: 1px solid var(--line-grey);\n }\n\n[dir=\"ltr\"] .grid-line-right {\n margin-right: -17px !important;\n }\n\n[dir=\"rtl\"] .grid-line-right {\n margin-left: -17px !important;\n }\n\n[dir=\"ltr\"] .grid-line-right {\n padding-right: 17px !important;\n }\n\n[dir=\"rtl\"] .grid-line-right {\n padding-left: 17px !important;\n }\n }\n\n@media (min-width: 35em) {\n\n[dir=\"ltr\"] .grid-line-left {\n border-left: 1px solid #ddd;\n }\n\n[dir=\"rtl\"] .grid-line-left {\n border-right: 1px solid #ddd;\n }\n\n[dir=\"ltr\"] .grid-line-left {\n border-left: 1px solid var(--line-grey);\n }\n\n[dir=\"rtl\"] .grid-line-left {\n border-right: 1px solid var(--line-grey);\n }\n\n[dir=\"ltr\"] .grid-line-left {\n margin-left: -16px !important;\n }\n\n[dir=\"rtl\"] .grid-line-left {\n margin-right: -16px !important;\n }\n\n[dir=\"ltr\"] .grid-line-left {\n padding-left: 16px !important;\n }\n\n[dir=\"rtl\"] .grid-line-left {\n padding-right: 16px !important;\n }\n }\n\n.media-wrapper, .able-media-container {\n position: relative;\n padding-top: 56.25%\n}\n\n.media-wrapper iframe, .media-wrapper video, .media-wrapper .img, .able-media-container iframe, .able-media-container video, .able-media-container .img {\n position: absolute;\n top:0;\n right: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: none;\n }\n\n.contentarea {\n position: relative;\n}\n\n[dir=\"ltr\"] img.symbol {\n float: right;\n}\n\n[dir=\"rtl\"] img.symbol {\n float: left;\n}\n\n[dir=\"ltr\"] img.symbol {\n margin-left: 1em;\n}\n\n[dir=\"rtl\"] img.symbol {\n margin-right: 1em;\n}\n\nimg.symbol {\n margin-bottom: 1em;\n}\n\nmain img { max-width: 100%; }\n\nfigure { margin: 0 0 1em; }\n\nfigcaption { font-weight: bold; border-bottom: 1px solid #ddd; border-bottom: 1px solid var(--line-grey); margin-bottom: .5em;}\n\nbutton, .button {\n cursor: pointer;\n border-radius: 5px;\n display: inline-block;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n padding: 8px 12px;\n border: 2px solid #005A6A;\n border: 2px solid var(--wai-green);;\n font-size: 13px;;\n font-size: .8125rem;\n line-height: 1.4;\n color: #ffffff;\n color: var(--pure-white);\n background-color: #005A6A;\n background-color: var(--wai-green);\n text-decoration: none;\n font-weight: bold\n}\n\nbutton:visited, .button:visited {\n color: #ffffff;\n color: var(--pure-white);\n }\n\nbutton.button-nobg, .button.button-nobg {\n background: transparent\n }\n\nbutton.button-nobg:hover,button.button-nobg:focus, .button.button-nobg:hover, .button.button-nobg:focus {\n background-color: transparent;\n border-color: #ffffff;\n border-color: var(--pure-white)\n }\n\nbutton.button-noborder, .button.button-noborder {\n border-color: transparent\n }\n\nbutton.button-noborder:hover,button.button-noborder:focus, .button.button-noborder:hover, .button.button-noborder:focus {\n border-color: #ffffff;\n border-color: var(--pure-white)\n }\n\nbutton.button-small, .button.button-small {\n padding: 2px 4px;\n }\n\nbutton.button-inline, .button.button-inline {\n padding: 0;\n }\n\n.stealthy-link:hover span.button,.stealthy-link:focus span.button {\n background-color: #003366;\n background-color: var(--w3c-blue);\n color: #ffffff;\n color: var(--pure-white);\n }\n\nbutton:hover,button:focus, .button:hover, .button:focus {\n border-color: #003366;\n border-color: var(--w3c-blue);\n background-color: #003366;\n background-color: var(--w3c-blue);\n color: #ffffff;\n color: var(--pure-white);\n }\n\nbutton:focus, .button:focus {\n outline-color: #003366;\n outline-color: var(--w3c-blue);\n }\n\nbutton:disabled, .button:disabled {\n opacity: .75;\n text-decoration: line-through;\n }\n\n.button-secondary {\n background-color: #ffffff;\n background-color: var(--pure-white);\n color: #005A6A;\n color: var(--wai-green)\n}\n\n.button-secondary:visited {\n color: #003366;\n color: var(--w3c-blue)\n }\n\n.button-secondary:visited:hover,.button-secondary:visited:focus {\n color: #ffffff;\n color: var(--pure-white);\n }\n\n.button-backtotop {\n position: fixed;\n cursor: pointer;\n bottom: 16px;\n right: 16px;\n left: auto\n}\n\n[dir=\"rtl\"] .button-backtotop {\n right: auto;\n left: 16px;\n }\n\n.button-backtotop {\n opacity: 0.85;\n border-radius: 100px;\n background-color: #003366;\n background-color: var(--w3c-blue);\n border-color: #003366;\n border-color: var(--w3c-blue);\n -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);\n box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);\n opacity: 0;\n -webkit-transition: opacity .5s linear;\n transition: opacity .5s linear\n}\n\n.button-backtotop:focus,.button-backtotop.active {\n opacity: 1;\n }\n\n.button-backtotop svg {\n vertical-align: -1px;\n }\n\n[dir=\"ltr\"] .button-backtotop.inline {\n float: right;\n}\n\n[dir=\"rtl\"] .button-backtotop.inline {\n float: left;\n}\n\n.button-backtotop.inline {\n position:static;\n }\n\n.button-menu {\n text-transform: uppercase;\n background-color: #ffffff;\n background-color: var(--pure-white);\n color: #003366;\n color: var(--w3c-blue);\n border-color: rgb(238, 208, 9);\n border-color: var(--gold)\n}\n\n.button-menu:hover,.button-menu:focus {\n border-color: #ffffff;\n border-color: var(--pure-white);\n background-color: rgb(238, 208, 9);\n background-color: var(--gold);\n color: #1d1d1d;\n color: var(--off-black);\n }\n\n.button-group {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n margin: 0 -8px\n}\n\n.button-group button, .button-group .button {\n min-width: 7em;\n -webkit-box-flex: 1;\n -ms-flex: 1;\n flex: 1;\n text-align: center;\n margin: 8px;\n }\n\n[dir=\"ltr\"] img.left {\n float: left;\n}\n\n[dir=\"rtl\"] img.left {\n float: right;\n}\n\n[dir=\"ltr\"] img.left {\n margin-right: 1em;\n}\n\n[dir=\"rtl\"] img.left {\n margin-left: 1em;\n}\n\n[dir=\"ltr\"] img.right {\n clear: right;\n}\n\n[dir=\"rtl\"] img.right {\n clear: left;\n}\n\n[dir=\"ltr\"] img.right {\n float: right;\n}\n\n[dir=\"rtl\"] img.right {\n float: left;\n}\n\n[dir=\"ltr\"] img.right {\n margin-left: 1em;\n}\n\n[dir=\"rtl\"] img.right {\n margin-right: 1em;\n}\n\nmark {\n background-color: rgba(238, 208, 9, .35);\n background-color: var(--gold-light);\n}\n\np {\n margin: 1em 0;\n}\n\n.showhidebutton {\n display: inline;\n background: transparent;\n color: inherit;\n border-color: transparent;\n font-weight: normal\n}\n\n[dir=\"ltr\"] .showhidebutton:after {\n margin-left: .5em;\n}\n\n[dir=\"rtl\"] .showhidebutton:after {\n margin-right: .5em;\n}\n\n.showhidebutton:after {\n display: inline-block;\n background-color: #003366;\n background-color: var(--w3c-blue);\n color: #ffffff;\n color: var(--pure-white);\n content: \"–\";\n font-weight: bold;\n padding: .3em;\n border-radius: 3px;\n width: 1em;\n height: 1em;\n line-height: 1em;\n }\n\n.showhidebutton:hover:after,.showhidebutton:focus:after {\n color: #003366;\n color: var(--w3c-blue);\n background-color: #ffffff !important;\n background-color: var(--pure-white) !important;\n }\n\n.showhidebutton[aria-expanded=false]:after {\n content: \"+\";\n }\n\n.showhidebutton {\n /* &.button-inline:after {\n margin-inline-start: .2em;\n padding: .15em;\n border-radius: 3px;\n width: .85em;\n height: .85em;\n line-height: .85em;\n }*/\n}\n\nblockquote {\n font-style: italic;\n margin-bottom: 1em\n}\n\nblockquote cite {\n display: block;\n font-style: normal;\n /*color: var(--w3c-blue);*/\n padding-left: 32px;\n padding-left: 2rem\n }\n\n[dir=\"ltr\"] blockquote cite:before {\n margin-left: -32px;\n margin-left: -2rem;\n}\n\n[dir=\"rtl\"] blockquote cite:before {\n margin-right: -32px;\n margin-right: -2rem;\n}\n\nblockquote cite:before {\n content: \"— \";\n font-weight: bold;\n width: 32px;\n width: 2rem;\n display: inline-block;\n }\n\n[dir=\"ltr\"] blockquote p:first-of-type::before {\n margin-left: -.75ch;\n}\n\n[dir=\"rtl\"] blockquote p:first-of-type::before {\n margin-right: -.75ch;\n}\n\nblockquote p:first-of-type::before {\n content: '“';\n }\n\nblockquote p:last-of-type {\n margin-bottom: 0;\n }\n\nblockquote p:last-of-type::after {\n content: '”';\n }\n\nblockquote.special {\n text-align: center;\n }\n\n[dir=\"ltr\"] blockquote.pull {\n margin-left: 64px;\n margin-left: 4rem;\n}\n\n[dir=\"rtl\"] blockquote.pull {\n margin-right: 64px;\n margin-right: 4rem;\n}\n\n[dir=\"ltr\"] blockquote.pull {\n border-left: 2px solid #ddd;\n}\n\n[dir=\"rtl\"] blockquote.pull {\n border-right: 2px solid #ddd;\n}\n\n[dir=\"ltr\"] blockquote.pull {\n border-left: 2px solid var(--line-grey);\n}\n\n[dir=\"rtl\"] blockquote.pull {\n border-right: 2px solid var(--line-grey);\n}\n\nblockquote.pull {\n position: relative;\n font-size: 20px;\n font-size: 1.25rem;\n padding-left: 1ch;\n border: 1px solid transparent;\n color: #003366;\n color: var(--w3c-blue);\n font-weight: bold\n}\n\nblockquote.pull.right, blockquote.pull.left {\n max-width: 256px;\n max-width: 16rem;\n }\n\n[dir=\"ltr\"] blockquote.pull.right {\n float: right;\n}\n\n[dir=\"rtl\"] blockquote.pull.right {\n float: left;\n}\n\n[dir=\"ltr\"] blockquote.pull.left {\n float: left;\n}\n\n[dir=\"rtl\"] blockquote.pull.left {\n float: right;\n}\n\n[dir=\"ltr\"] blockquote.pull.left {\n margin-right: 32px;\n margin-right: 2rem;\n}\n\n[dir=\"rtl\"] blockquote.pull.left {\n margin-left: 32px;\n margin-left: 2rem;\n}\n\n[dir=\"ltr\"] blockquote.pull p:first-of-type::before {\n margin-left: -1.25ch;\n}\n\n[dir=\"rtl\"] blockquote.pull p:first-of-type::before {\n margin-right: -1.25ch;\n}\n\nblockquote.pull p:first-of-type::before {\n font-size: 80px;\n font-size: 5rem;\n position: absolute;\n left: 0;\n top:-.25ch;\n }\n\nblockquote.pull cite {\n margin-top: 8px;\n margin-top: .5rem;\n font-size: 16px;\n font-size: 1rem;\n font-weight: normal;\n color: #1d1d1d;\n color: var(--off-black);\n }\n\nblockquote.pull.alt-1 {\n color: #005A9C;\n color: var(--w3c-classic);\n }\n\nblockquote.pull.alt-2 {\n color: #005A6A;\n color: var(--wai-green);\n }\n\nblockquote.pull.alt-3 {\n color: #1d1d1d;\n color: var(--off-black);\n }\n\n.box {\n border: solid 1px #ddd;\n border: solid 1px var(--line-grey);\n margin-top: 16px;\n background-color: #ffffff;\n background-color: var(--pure-white);\n}\n\n.box + .box#toc {\n margin-top: 0;\n border-top: 0;\n}\n\n.box.box-space-above {\n margin-top: 90px;\n}\n\n.box-h {\n padding: 8px 16px;\n color: #005A6A;\n color: var(--wai-green)\n}\n\n@media print {\n\n.box-h {\n color: #000\n}\n }\n\n.box-h {\n font-weight: bold;\n background-color: #f2f2f2;\n background-color: var(--off-white)\n}\n\n.box-h h1, .box-h h2, .box-h h3, .box-h h4, .box-h h5, .box-h h6 {\n border: none;\n font-size: inherit;\n color: inherit;\n margin: 0;\n padding: 0;\n font-weight: inherit;\n display: inline-block\n }\n\n@supports (all: unset) {\n\n.box-h h1, .box-h h2, .box-h h3, .box-h h4, .box-h h5, .box-h h6 {\n all: unset\n }\n }\n\n.box-h-large {\n font-size: 20px;\n font-size: 1.25rem;\n color: #003366;\n color: var(--w3c-blue);\n padding-bottom: 7px;\n font-weight: normal;\n border-bottom: solid 1px #ddd;\n border-bottom: solid 1px var(--line-grey);\n}\n\n[dir=\"ltr\"] .box-h-icon svg {\n margin-right: 4px;\n}\n\n[dir=\"rtl\"] .box-h-icon svg {\n margin-left: 4px;\n}\n\n.box-i:before, .box-i:after {\n content: \" \";\n display: table;\n }\n\n.box-i:after {\n clear: both;\n }\n\n.box-i {\n padding: 8px 16px;\n font-size: 14/16 * 16px;\n font-size: 14/16 * 1rem\n}\n\n.box-i > :first-child {\n margin-top: 0;\n }\n\n.box-i > :last-child {\n margin-bottom: 0;\n }\n\n.box.box-list .box-i ul, .box.box-list .box-i ol {\n margin:0;\n padding: 0;\n list-style: none;\n }\n\n.box.box-linklist .box-i {\n padding: 0;\n }\n\n.box.box-simple .box-i {\n padding: 2px 8px 8px;\n }\n\n.box.box-simple .box-h-simple {\n padding: 8px 8px 2px;\n background-color: transparent;\n font-size: 14px;\n font-size: .875rem;\n line-height: 1.57;\n }\n\n.box.box-simple.box-aside .box-i {\n font-size: 14px;\n font-size: .875rem;\n}\n\n@media (min-width: 35em) {\n .box.box-left, .box.box-right {\n width: 33%;\n margin-top: -9px\n }\n .box.box-left.box-simple, .box.box-right.box-simple { margin-top:-3px; }\n [dir=\"ltr\"] .box.box-left {\n clear: left;\n }\n [dir=\"rtl\"] .box.box-left {\n clear: right;\n }\n [dir=\"ltr\"] .box.box-left {\n float: left;\n }\n [dir=\"rtl\"] .box.box-left {\n float: right;\n }\n [dir=\"ltr\"] .box.box-left {\n margin-right: 1em;\n }\n [dir=\"rtl\"] .box.box-left {\n margin-left: 1em;\n }\n [dir=\"ltr\"] .box.box-right {\n clear: right;\n }\n [dir=\"rtl\"] .box.box-right {\n clear: left;\n }\n [dir=\"ltr\"] .box.box-right {\n float: right;\n }\n [dir=\"rtl\"] .box.box-right {\n float: left;\n }\n [dir=\"ltr\"] .box.box-right {\n margin-left: 1em;\n }\n [dir=\"rtl\"] .box.box-right {\n margin-right: 1em;\n }\n}\n\n.breadcrumb {\n font-size: 13px;\n font-size: .8125rem;\n background-color: #ffffff;\n background-color: var(--pure-white);\n border-bottom: 1px solid #ddd;\n border-bottom: 1px solid var(--line-grey);\n padding-top: 16px;\n padding-bottom: 16px;\n margin-bottom: 32px\n}\n\n.breadcrumb ul {\n margin: 0;\n padding: 0;\n grid-column: 2/10\n }\n\n.breadcrumb ul li {\n display: inline-block;\n margin: 0;\n padding: 0\n }\n\n.breadcrumb ul li:after {\n content: \" / \";\n color: #005A6A;\n color: var(--wai-green);\n white-space: pre-wrap;\n }\n\n.breadcrumb ul li:last-child:after {\n content: \"\";\n display:none;\n }\n\n.breadcrumb a {\n color: #003366;\n color: var(--w3c-blue)\n }\n\n@media print { .breadcrumb a:after { content: ''; } }\n\n.breadcrumb [aria-current=page] {\n font-weight: bold;\n text-decoration: none;\n }\n\n.content {\n display: grid;\n grid-area: content;\n grid-template-columns: repeat(6, minmax(0, 120px));\n grid-column-gap: 32px\n}\n\n.content > * {\n grid-column: 1/5;\n grid-auto-flow: dense;\n }\n\n.content {\n & > .ref-side, > & .demo-side, > & .aside {\n grid-column: 5/7;\n font-size: 14px;\n font-size: .875rem;\n line-height: 1.2\n }\n & > .ref-side p:first-of-type, > & .demo-side p:first-of-type, > & .aside p:first-of-type {\n margin-top: 0;\n }\n}\n\n.content.wide {\n grid-template-columns: repeat(8, minmax(0, 120px));\n grid-column-start: navigation;\n grid-column-end: content\n }\n\n.content.wide > * {\n grid-column: 3/9;\n }\n\n.content.wide .sn-contents {\n grid-column:1/3;\n grid-row:1/99;\n }\n\n[dir=\"ltr\"] .example-bar {\n padding-left: 32px;\n}\n\n[dir=\"rtl\"] .example-bar {\n padding-right: 32px;\n}\n\n[dir=\"ltr\"] .example-bar {\n padding-right: 32px;\n}\n\n[dir=\"rtl\"] .example-bar {\n padding-left: 32px;\n}\n\n.example-bar {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex\n}\n\n@supports (display: grid) {\n\n.example-bar {\n display: grid;\n grid-column-gap: 32px;\n padding: 0;\n max-width: none\n}\n }\n\n.example-bar {\n grid-template-columns: repeat(6, minmax(0, 1fr))\n}\n\n.example-bar > * {\n grid-column: 2/7;\n }\n\n[dir=\"ltr\"] .example-bar .eg {\n border-right: 2px solid #005A6A;\n}\n\n[dir=\"rtl\"] .example-bar .eg {\n border-left: 2px solid #005A6A;\n}\n\n[dir=\"ltr\"] .example-bar .eg {\n border-right: 2px solid var(--wai-green);\n}\n\n[dir=\"rtl\"] .example-bar .eg {\n border-left: 2px solid var(--wai-green);\n}\n\n.example-bar .eg {\n grid-column: 1/2;\n grid-row: 1/99;\n text-align: right;\n padding-top: 0;\n padding-bottom: 0;\n padding-left: 8px;\n padding-right: 8px;\n font-weight: bold;\n font-style: italic;\n color: #005A6A;\n color: var(--wai-green);\n }\n\n[dir=\"ltr\"] .example-sheet {\n padding-right: 32px;\n}\n\n[dir=\"rtl\"] .example-sheet {\n padding-left: 32px;\n}\n\n.example-sheet {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n padding-inlne-start: 32px\n}\n\n@supports (display: grid) {\n\n.example-sheet {\n display: grid;\n grid-column-gap: 32px;\n padding: 0;\n max-width: none\n}\n }\n\n.example-sheet {\n grid-template-columns: repeat(6, minmax(0, 1fr))\n}\n\n.example-sheet .example-sheet-inner {\n grid-column: 2/6;\n background-color: #ffffff;\n background-color: var(--pure-white);\n padding-top: 16px;\n padding-bottom: 16px;\n padding-left: 32px;\n padding-right: 32px;\n }\n\n.decision-tree {\n list-style: none;\n margin: 1em 0;\n padding:0\n}\n\n.decision-tree > li {\n /*border: 2px solid #999;\n border-block-start:none;*/\n }\n\n.decision-tree > li > strong {\n display: block;\n padding: 1em .5em;\n }\n\n.decision-tree > li:first-child {\n /*border-block-start:2px solid #999;*/\n }\n\n.decision-tree > li > ul {\n padding:0;\n list-style: none\n /*border-block-start: 1px dotted #aaa;*/\n }\n\n@supports (display: flex) {\n\n.decision-tree > li > ul {\n display:-webkit-box;\n display:-ms-flexbox;\n display:flex;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: reverse;\n -ms-flex-direction: row-reverse;\n flex-direction: row-reverse;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n -webkit-box-align: stretch;\n -ms-flex-align: stretch;\n align-items: stretch\n }\n }\n\n.decision-tree > li > ul > li {\n text-indent: 0;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n font-weight: normal\n }\n\n@supports (display: flex) {\n\n.decision-tree > li > ul > li {\n -ms-flex-preferred-size: 25%;\n flex-basis: 25%\n }\n }\n\n.decision-tree > li > ul > li {\n padding: .5em;\n // border: 1px solid #aaa\n }\n\n@supports (display: flex) {\n\n.decision-tree > li > ul > li:nth-child(odd) {\n -ms-flex-preferred-size: 75%;\n flex-basis: 75%\n }\n }\n\n.decision-tree > li > ul > li:nth-child(odd):last-child {\n display:block;\n -ms-flex-preferred-size:100%;\n flex-basis:100%;\n }\n\n.decision-tree > li > ul > li ul {\n padding:0;\n margin:0;\n }\n\n.decision-tree > li > ul > li li {\n padding: 0;\n padding-bottom: 0.5em;\n margin-bottom: 0.5em;\n border-bottom: 1px solid #3b3b3b;\n border-bottom: 1px solid var(--dk-grey);\n list-style: none\n }\n\n.decision-tree > li > ul > li li > em {\n display: block;\n padding-left: 1.5em;\n position: relative;\n margin-top: .25em;\n font-style: normal\n }\n\n[dir=\"ltr\"] .decision-tree > li > ul > li li > em:before {\n margin-left: -1.5em;\n}\n\n[dir=\"rtl\"] .decision-tree > li > ul > li li > em:before {\n margin-right: -1.5em;\n}\n\n.decision-tree > li > ul > li li > em:before {\n position:absolute;\n content: '';\n top:.2em;\n }\n\n.decision-tree > li > ul > li li:last-child {\n border-bottom-style: none;\n padding-bottom: 0;\n margin-bottom: 0;\n }\n\n.decision-tree .yes {\n background-color: color(#003366 lightness(95%));\n background-color: color(var(--w3c-blue) lightness(95%));\n border-bottom: none\n }\n\n[dir=\"ltr\"] .decision-tree .yes li {\n margin-left: 1em;\n}\n\n[dir=\"rtl\"] .decision-tree .yes li {\n margin-right: 1em;\n}\n\n.decision-tree .yes li {\n list-style: disc\n }\n\n.decision-tree .yes li:only-child {\n list-style: none;\n }\n\n.decision-tree .no {\n /*border-inline-end:1px dotted #aaa;*/\n background-color: color(#c0272d lightness(85%));\n background-color: color(var(--faded-red) lightness(85%));\n border-bottom: none;\n position: relative\n }\n\n[dir=\"ltr\"] .decision-tree .no:after { margin-left: -8px; margin-left: -.5rem;\n}\n\n[dir=\"rtl\"] .decision-tree .no:after { margin-right: -8px; margin-right: -.5rem;\n}\n\n.decision-tree .no:after { top: 100%; left: 50%; border: solid transparent; content: \" \"; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(119, 119, 119, 0); border-top-color: color(#c0272d lightness(85%)); border-top-color: color(var(--faded-red) lightness(85%)); border-width: 16px; border-width: 1rem; z-index: 500; }\n\n.decision-tree .no {\n /*&:before { top: 100%; left: 50%; border: solid transparent; content: \" \"; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(119, 119, 119, 0); border-top-color: #999; border-width: 1.1rem; margin-inline-start: -.6rem; z-index: 400; }*/\n }\n\n.doc-archived h1::before {\n content: \"Archived\";\n }\n\n.doc-draft h1::before {\n content: \"Draft\";\n }\n\n.doc-note-translation {\n font-size: 13px;\n font-size: .8125rem\n}\n\n.doc-note-translation p {\n margin-top: 5px;\n margin-bottom: 5px\n }\n\n.doc-note-translation p:first-of-type {\n margin-top: 0;\n }\n\n.doc-note-translation p:last-child {\n margin-bottom: 0;\n }\n\n[dir=\"ltr\"] .doc-note h1::before {\n margin-right: 8px;\n}\n\n[dir=\"rtl\"] .doc-note h1::before {\n margin-left: 8px;\n}\n\n.doc-note h1::before{\n background-color: rgb(238, 208, 9);\n background-color: var(--gold);\n color: #091832;\n color: var(--dk-blue);\n display: inline-block;\n padding: 4px 8px;\n margin-top: -8px;\n font-size: 14px;\n font-size: .875rem;\n text-transform: uppercase;\n letter-spacing: 1px;\n font-weight: bold;\n vertical-align: middle;\n border-radius: 3px;\n }\n\n.doc-note-box {\n border: 2px solid rgb(238, 208, 9);\n border: 2px solid var(--gold);\n padding: 8px;\n background-color: #ffffff;\n background-color: var(--pure-white);\n margin-bottom: 20px\n}\n\n.doc-note-box p:first-child {\n margin-top: 0;\n }\n\n.doc-note-box p:last-child {\n margin-bottom: 0;\n }\n\n.doc-note-translations {\n\n}\n\ndetails {\n padding-left: 32px;\n padding-left: 2rem;\n}\n\n[dir=\"ltr\"] summary {\n margin-left: -32px;\n margin-left: -2rem;\n}\n\n[dir=\"rtl\"] summary {\n margin-right: -32px;\n margin-right: -2rem;\n}\n\nsummary {\n cursor: pointer;\n display: block;\n}\n\nsummary::-webkit-details-marker {\n display: none;\n}\n\n[dir=\"ltr\"] summary > *:first-child::before {\n margin-right: 8px;\n margin-right: 0.5rem;\n}\n\n[dir=\"rtl\"] summary > *:first-child::before {\n margin-left: 8px;\n margin-left: 0.5rem;\n}\n\nsummary > *:first-child::before {\n content: '+';\n display: inline-block;\n border-radius: 5px;\n width: 20.8px;\n width: 1.3rem;\n height: 20.8px;\n height: 1.3rem;\n line-height: .9;\n background: #ffffff;\n background: var(--pure-white);\n color: #005A6A;\n color: var(--wai-green);\n border: 2px solid #005A6A;\n border: 2px solid var(--wai-green);\n text-align: center;\n font-weight: bold;\n }\n\nsummary:hover > *:first-child::before,summary:focus > *:first-child::before {\n background: #003366;\n background: var(--w3c-blue);\n border-color: #003366;\n border-color: var(--w3c-blue);\n color: #ffffff;\n color: var(--pure-white);\n }\n\ndetails[open] > summary > *:first-child::before {\n content: '–';\n}\n\ndetails > div::after {\n content: \"\";\n display: block;\n clear: both;\n}\n\n.excol-all {\n margin: 16px 0;\n}\n\nfigure.shrink-wrap {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background-color: #ffffff;\n background-color: var(--pure-white);\n width: -webkit-min-content;\n width: -moz-min-content;\n width: min-content;\n max-width: 100%;\n border: 1px solid #ddd;\n border: 1px solid var(--line-grey);\n border-radius: 3px;\n padding: 10px\n}\n\n@media (min-width: 47.5em) {\n\nfigure.shrink-wrap .figcontent {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex\n }\n figure.shrink-wrap .figcontent > * {\n -webkit-box-flex: 1;\n -ms-flex: 1;\n flex: 1;\n }\n }\n\nfigure.shrink-wrap img {\n border: 1px solid #ddd;\n border: 1px solid var(--line-grey);\n max-width: none !important;\n }\n\nfigure.shrink-wrap figcaption {\n font-weight: normal;\n border: none;\n margin: 0;\n }\n\n.page-footer, .site-footer {\n font-size: 14px;\n font-size: .875rem\n}\n\n@media print {\n\n.page-footer, .site-footer {\n font-size: 8pt\n}\n }\n\n.page-footer, .site-footer {\n padding-top: 16px;\n padding-bottom: 16px\n}\n\n.page-footer p:first-of-type, .site-footer p:first-of-type {\n margin-top: 0;\n }\n\n.page-footer p:last-of-type, .site-footer p:last-of-type {\n margin-bottom: 0;\n }\n\n.page-footer {\n margin-top: 32px;\n background-color: #efefef;\n background-color: var(--footer-grey)\n}\n\n.page-footer .inner {\n grid-area: content;\n }\n\n.site-footer {\n margin-top: 32px;\n padding-top: 16px;\n padding-bottom: 16px;\n background-color: #3b3b3b;\n background-color: var(--dk-grey);\n color: #ffffff;\n color: var(--pure-white)\n}\n\n@media print {\n\n.site-footer {\n background-color: #efefef;\n background-color: var(--footer-grey);\n color: #3b3b3b;\n color: var(--dk-grey);\n border-top: 1px solid #3b3b3b;\n border-top: 1px solid var(--dk-grey)\n}\n }\n\n.site-footer a {\n color: #ffffff;\n color: var(--pure-white);\n }\n\n.site-footer a.largelink {\n color: rgb(238, 208, 9);\n color: var(--gold);\n font-size: 20px;\n font-size: 1.25rem;\n text-decoration: none\n }\n\n@media print {\n\n.site-footer a.largelink {\n color: #3b3b3b;\n color: var(--dk-grey);\n font-size: 12pt\n }\n }\n\n.site-footer a.largelink:hover, .site-footer a.largelink:focus {\n text-decoration: underline;\n }\n\n.site-footer .footer-list-header {\n font-weight: bold;\n border-bottom: 1px solid rgba(221, 221, 221, 0.32);\n border-bottom: 1px solid var(--trans-line-grey);\n padding: 4px 0;\n }\n\n.site-footer .about {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between\n }\n\n@media print {\n\n.site-footer .about {\n grid-column-end: q4-end;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n -webkit-box-align: end;\n -ms-flex-align: end;\n align-items: flex-end\n }\n .site-footer .about p {\n margin: 0;\n }\n }\n\n@media print {\n\n.site-footer>:not(.about) {\n display: none\n }\n }\n\n.page-footer + .site-footer {\n margin-top: 0;\n}\n\n.site-footer ul {\n margin: 0;\n padding: 0;\n}\n\n.site-footer ul li {\n list-style:none;\n}\n\n.footnotes {\n margin-top: 60px;\n}\n\n.footnotes ol {\n font-size: 13.6px;\n font-size: .85rem;\n}\n\ninput, select, textarea {\n font-size: 1em;\n font-family: inherit;\n}\n\ninput[type=\"search\"] {\n -webkit-appearance: none;\n}\n\nfieldset {\n border: none;\n margin: 0 0 32px;\n margin: 0 0 2rem;\n padding: 0;\n}\n\nlegend {\n font-size: 20px;\n font-size: 1.25rem;\n font-weight: bold;\n}\n\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]),textarea {\n border: 1px solid #686868;\n border: 1px solid var(--grey)\n}\n\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]):hover,input:not([type=\"checkbox\"]):not([type=\"radio\"]):focus,textarea:hover,textarea:focus {\n border: 1px solid #003366;\n border: 1px solid var(--w3c-blue);\n }\n\n& ::-webkit-input-placeholder {\n color: #767676;\n font-style: italic;\n opacity: 1;\n}\n\n& :-moz-placeholder { /* Firefox 18- */\n color: #767676;\n font-style: italic;\n opacity: 1;\n}\n\n& ::-moz-placeholder { /* Firefox 19+ */\n color: #767676;\n font-style: italic;\n opacity: 1;\n}\n\n& :-ms-input-placeholder {\n color: #767676;\n font-style: italic;\n opacity: 1;\n}\n\n.field {\n padding: 4px;\n margin: 0 0 32px;\n margin: 0 0 2rem\n}\n\n.field label {\n display: block;\n }\n\n.field input:not([type=\"checkbox\"]):not([type=\"radio\"]),.field textarea {\n display: block;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n width: 100%;\n padding: 8px\n }\n\n.field input:not([type=\"checkbox\"]):not([type=\"radio\"]):focus,.field textarea:focus {\n outline: none;\n border-color: #005A9C;\n border-color: var(--w3c-classic);\n background-color: #EDF4FA\n }\n\n.field input:not([type=\"checkbox\"]):not([type=\"radio\"]):focus ::-webkit-input-placeholder,.field textarea:focus ::-webkit-input-placeholder {\n color: #545554;\n }\n\n.field input:not([type=\"checkbox\"]):not([type=\"radio\"]):focus :-moz-placeholder,.field textarea:focus :-moz-placeholder { /* Firefox 18- */\n color: #545554;\n }\n\n.field input:not([type=\"checkbox\"]):not([type=\"radio\"]):focus ::-moz-placeholder,.field textarea:focus ::-moz-placeholder { /* Firefox 19+ */\n color: #545554;\n }\n\n.field input:not([type=\"checkbox\"]):not([type=\"radio\"]):focus :-ms-input-placeholder,.field textarea:focus :-ms-input-placeholder {\n color: #545554;\n }\n\n.field[focus-within] {\n background-color: #EDF4FA;\n }\n\n.field:focus-within {\n background-color: #EDF4FA;\n }\n\n.field[focus-within] input:focus {\n background-color: #ffffff !important;\n background-color: var(--pure-white) !important;\n }\n\n.field:focus-within input:focus {\n background-color: #ffffff !important;\n background-color: var(--pure-white) !important;\n }\n\n[dir=\"ltr\"] .group > .field {\n margin-left: 32px;\n margin-left: 2rem;\n}\n\n[dir=\"rtl\"] .group > .field {\n margin-right: 32px;\n margin-right: 2rem;\n}\n\n.group > .field {\n margin-bottom: 8px;\n margin-bottom: .5rem;\n}\n\n.radio-field {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n padding: 4px;\n margin: 0 0 8px;\n border-radius: 3px\n}\n\n[dir=\"ltr\"] .radio-field input {\n margin-right: .5em;\n}\n\n[dir=\"rtl\"] .radio-field input {\n margin-left: .5em;\n}\n\n.radio-field input {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 1em;\n flex: 0 0 1em;\n width: 1em;\n height: 1em\n }\n\n.radio-field input:checked + label {\n font-weight: bold;\n color: #091832;\n color: var(--dk-blue);\n }\n\n.radio-field:hover,.radio-field:focus {\n background-color: #196cac;\n background-color: var(--light-blue);\n color: #fff\n }\n\n.radio-field:hover :checked + label,.radio-field:focus :checked + label {\n color: inherit;\n }\n\n.radio-field label {\n -webkit-box-flex: 1;\n -ms-flex: 1 1 100%;\n flex: 1 1 100%;\n cursor: pointer;\n }\n\nfieldset {\n border: none;\n}\n\nlegend {\n font-size: 20px;\n font-size: 1.25rem;\n font-weight: bold;\n}\n\n@media (min-width: 35em) {\n\n.searchform {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center\n}\n }\n\n[dir=\"ltr\"] .searchform label {\n text-align: right;\n}\n\n[dir=\"rtl\"] .searchform label {\n text-align: left;\n}\n\n.searchform label {\n -webkit-box-flex: 1;\n -ms-flex: 1;\n flex: 1;\n }\n\n[dir=\"ltr\"] .searchform input {\n margin-left: 10px;\n}\n\n[dir=\"rtl\"] .searchform input {\n margin-right: 10px;\n}\n\n.searchform input {\n -webkit-box-flex: 4;\n -ms-flex: 4;\n flex: 4;\n }\n\n[dir=\"ltr\"] .searchform button {\n margin-left: 10px;\n}\n\n[dir=\"rtl\"] .searchform button {\n margin-right: 10px;\n}\n\n.searchform button {\n -webkit-box-flex: 1;\n -ms-flex: 1;\n flex: 1;\n }\n\n#site-header {\n background-color: #005A9C;\n background-color: var(--w3c-classic);\n color: #ffffff;\n color: var(--pure-white)\n}\n\n@media print {\n\n#site-header {\n background-color: #f2f2f2;\n background-color: var(--off-white);\n color: #000\n}\n }\n\n#site-header {\n padding-top: 3px\n}\n\n@supports (display: grid) {\n\n[dir=\"ltr\"] #site-header {\n padding-left: 8px;\n }\n\n[dir=\"rtl\"] #site-header {\n padding-right: 8px;\n }\n\n[dir=\"ltr\"] #site-header {\n padding-right: 8px;\n }\n\n[dir=\"rtl\"] #site-header {\n padding-left: 8px;\n }\n }\n\n#site-header a {\n color: #ffffff;\n color: var(--pure-white)\n }\n\n@media print {\n\n#site-header a {\n color: #005A9C;\n color: var(--w3c-classic)\n }\n }\n\n@media print {\n #site-header a:after {\n content: '';\n }\n }\n\n.wai {\n line-height: 1.2\n}\n\n@media (min-width: 35em) {\n\n.wai {\n vertical-align: middle;\n /*display: block;*/\n font-size: 1.5625rem\n}\n }\n\n.logos {\n grid-column-start: 2;\n grid-column-end: 6;\n grid-row-start: 1;\n padding-top: 16px;\n padding-bottom: 16px;\n padding-left: 0;\n padding-right: 0;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n width: 60%\n}\n\n@supports (display: grid) {\n\n.logos {\n width: auto\n}\n }\n\n.logos .claim {\n font-size: 14px;\n font-size: .875rem;\n font-style: italic\n }\n\n.logos .claim:lang(ar) {\n font-style: normal;\n }\n\n[dir=\"ltr\"] .logos .claim {\n margin-left: 16px;\n}\n\n[dir=\"rtl\"] .logos .claim {\n margin-right: 16px;\n}\n\n[dir=\"ltr\"] .logos .claim {\n padding-left: 16px;\n}\n\n[dir=\"rtl\"] .logos .claim {\n padding-right: 16px;\n}\n\n[dir=\"ltr\"] .logos .claim {\n border-left: 1px solid rgb(238, 208, 9);\n}\n\n[dir=\"rtl\"] .logos .claim {\n border-right: 1px solid rgb(238, 208, 9);\n}\n\n[dir=\"ltr\"] .logos .claim {\n border-left: 1px solid var(--gold);\n}\n\n[dir=\"rtl\"] .logos .claim {\n border-right: 1px solid var(--gold);\n}\n\n.logos .claim {\n color: #ffffff;\n color: var(--pure-white)\n }\n\n@media print {\n\n.logos .claim {\n color: #005A9C;\n color: var(--w3c-classic)\n }\n }\n\n.logos .claim {\n -webkit-box-flex:1;\n -ms-flex:1 0 0px;\n flex:1 0 0;\n display: none\n }\n\n@media (min-width: 35em) {\n\n.logos .claim {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center\n }\n }\n\n@media (min-width: 23em) {\n\n[dir=\"ltr\"] .home {\n margin-right: 32px;\n }\n\n[dir=\"rtl\"] .home {\n margin-left: 32px;\n }\n }\n\n.home {\n text-decoration: none;\n -webkit-transition: color .25s ease-in .1s;\n transition: color .25s ease-in .1s;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center\n}\n\n@supports (display: grid) {\n\n.home {\n -webkit-box-flex:0;\n -ms-flex:0;\n flex:0\n}\n }\n\n@media (min-width: 60em) {\n\n[dir=\"ltr\"] .home {\n margin-right: 8px;\n }\n\n[dir=\"rtl\"] .home {\n margin-left: 8px;\n }\n }\n\n.home svg, .home img {\n vertical-align:middle;\n color: inherit;\n fill: currentColor;\n height: 30px\n }\n\n@media (min-width: 35em) {\n\n.home svg, .home img {\n height: 46px\n }\n }\n\n.home {\n [dir=\"ltr\"] img {\n padding-right: 8px;\n }\n [dir=\"rtl\"] img {\n padding-left: 8px;\n }\n}\n\n.home.w3c {\n border-bottom: 2px solid transparent\n }\n\n.home.w3c:hover {\n border-bottom-color: currentColor;\n }\n\n.home .wai {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center\n }\n\n@media (min-width: 35em) {\n\n.home .wai {\n font-size: 1.25rem\n }\n }\n\n.home .wai .wa {\n padding-bottom: 2px;\n }\n\n.home .wai .i {\n border-top: 1px solid rgb(238, 208, 9);\n border-top: 1px solid var(--gold);\n padding-top: 2px;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n }\n\n.home:hover,.home:focus {\n text-decoration: underline;\n color: rgb(238, 208, 9) !important;\n color: var(--gold) !important;\n }\n\nh1, h2, h3, h4, h5, h6 {\n padding: 0;\n}\n\nh1, h2 { margin: 60px 0 20px; }\n\nh3 { margin: 40px 0 20px; }\n\nh4, h5, h6 { margin: 20px 0 10px; }\n\nh1, h2, h3, h4 {\n color: #005A6A;\n color: var(--wai-green)\n}\n\n@media print {\n\nh1, h2, h3, h4 {\n color: #000\n}\n }\n\nh1 {\n font-size: 24px;\n font-size: 1.5rem\n}\n\n@media (min-width: 35em) {\n\nh1 {\n font-size: 2rem\n}\n }\n\n@media (min-width: 60em) {\n\nh1 {\n font-size: 2.375rem\n}\n }\n\nh1 {\n line-height: 1.2;\n font-weight: normal;\n margin-top: 0\n}\n\nh1 + h2 {\n margin-top: 0;\n }\n\nh2 {\n font-size: 22px;\n font-size: 1.375rem;\n line-height: 1.2;\n font-weight: bold;\n border-bottom: 1px solid #ddd;\n border-bottom: 1px solid var(--line-grey)\n}\n\nh2 + h3 {\n margin-top: 0;\n }\n\nh3, h4 {\n font-size: 18px;\n font-size: 1.125rem;\n line-height: 1.4;\n}\n\nh3 + h4 {\n margin-top: 0;\n}\n\nh4 {\n font-weight: normal\n}\n\nh4 + h5 {\n margin-top: 0;\n }\n\nh5 {\n font-weight: bold;\n line-height: 1.6\n}\n\nh5 + h6 {\n margin-top: 0;\n }\n\nh6 {\n font-size: 14px;\n font-size:.875rem;\n line-height: 1.8;\n}\n\nh1.ex:before, h1.ap:before, h1 b, h2.ex:before, h2.ap:before, h2 b, h3.ex:before, h3.ap:before, h3 b, h4.ex:before, h4.ap:before, h4 b, h5.ex:before, h5.ap:before, h5 b, h6.ex:before, h6.ap:before, h6 b {\n color: #003366 !important;\n color: var(--w3c-blue) !important;\n font-weight: bold;\n }\n\n.no-js .ex {\n counter-increment: examples;\n counter-reset: approaches\n }\n\n.no-js .ex:before {\n content: 'Example ' counter(examples) ': ';\n }\n\n.no-js .ex.inap {\n counter-reset: none;\n }\n\n.no-js .newap {\n counter-reset: approaches;\n }\n\n.no-js .newex {\n counter-reset: examples;\n }\n\n.no-js h2.first, .no-js h3.first, .no-js .newexap {\n counter-reset: examples approaches;\n }\n\n.no-js .ap {\n counter-increment: approaches\n }\n\n.no-js .ap:before {\n content: 'Approach ' counter(approaches) ': ';\n }\n\n[class^=\"icon-\"], [class*=\" icon-\"] {\n display: inline-block;\n width: 1em;\n height: 1em;\n stroke-width: 0;\n stroke: currentColor;\n fill: currentColor;\n}\n\n/* ==========================================\nSingle-colored icons can be modified like so:\n.icon-name {\n font-size: 32px;\n color: red;\n}\n========================================== */\n\n.icon-default {\n width: 0.9285714285714285em;\n}\n\n.icon-info {\n width: 0.8571428571428571em;\n}\n\n.icon-audio-description {\n width: 3.5em;\n height: 1.75em;\n margin: -.25em;\n}\n\n.icon-search {\n width: 0.9287109375em;\n}\n\n.icon-arrow-left {\n width: 0.8928571428571428em;\n}\n\n.icon-arrow-right {\n width: 0.8214285714285714em;\n}\n\n.icon-arrow-up {\n width: 0.9285714285714285em;\n}\n\n.icon-arrow-down {\n width: 0.9285714285714285em;\n}\n\n.icon-ex-circle {\n width: 0.8571428571428571em;\n}\n\n.icon-check-circle {\n width: 0.8571428571428571em;\n}\n\n.icon-external-link {\n width: 0.8571428571428571em;\n}\n\n.icon-readmore {\n width: 0.7142857142857142em;\n}\n\n.icon-desktop {\n width: 1.0714285714285714em;\n}\n\n.icon-laptop {\n width: 1.0714285714285714em;\n}\n\n.icon-tablet {\n width: 0.6428571428571428em;\n}\n\n.icon-mobile {\n width: 0.42857142857142855em;\n}\n\n.icon-code {\n width: 1.0714285714285714em;\n}\n\n.icon-fork {\n width: 0.5714285714285714em;\n}\n\n.icon-code-file {\n width: 0.8571428571428571em;\n}\n\n.icon-cart-plus {\n width: 0.9285714285714285em;\n}\n\n.icon-languages {\n height: 1em;\n width: 2.75em;\n vertical-align: -8%;\n}\n\n.icon-translations {\n height: 1.6em;\n vertical-align: middle\n}\n\ndl {\n margin: 16px 0;\n}\n\ndt {\n font-weight: bold;\n}\n\n.notbold dt {\n font-weight: normal;\n}\n\n[dir=\"ltr\"] dd {\n margin-left: 32px;\n}\n\n[dir=\"rtl\"] dd {\n margin-right: 32px;\n}\n\ndd+dt {\n margin-top: 8px;\n}\n\ndl.paragraph-like dd+dt {\n margin-top: 1em;\n}\n\nul li, ol li {\n margin-bottom: 8px;\n}\n\n.linklist, .linklist li {\n margin: 0;\n padding: 0;\n list-style:none;\n }\n\n.linklist a {\n display: block;\n padding: 4px 16px;\n border-bottom: 1px solid #ddd;\n border-bottom: 1px solid var(--line-grey);\n text-decoration: none\n }\n\n.linklist a svg {\n height: .65em;\n }\n\n.linklist a:hover svg, .linklist a:focus svg {\n color: #c0272d;\n color: var(--faded-red);\n }\n\n.linklist a:hover .visual-a, .linklist a:focus .visual-a {\n text-decoration: underline;\n }\n\n.linklist li:last-child a {\n border-bottom: none;\n }\n\n.nolist {\n margin: 0;\n padding: 0\n}\n\n.nolist li {\n list-style: none;\n margin: 0;\n padding: 0;\n }\n\np+ul, p+ol {\n margin-top: -8px;\n}\n\n.columns {\n padding: 0\n}\n\n[dir=\"ltr\"] .columns > * {\n margin-left: 32px;\n}\n\n[dir=\"rtl\"] .columns > * {\n margin-right: 32px;\n}\n\n.two.columns, .four.columns {\n grid-column-gap: 32px;\n -webkit-column-gap: 32px;\n column-gap: 32px\n}\n\n@media (min-width: 35em) {\n\n.two.columns, .four.columns {\n -webkit-columns: 2;\n columns: 2\n}\n }\n\n.four.columns {\n padding: 0 8px\n}\n\n@media (min-width: 60em) {\n\n.four.columns {\n -webkit-columns: 4;\n columns: 4\n}\n }\n\n.two.small.columns {\n grid-column-gap: 32px;\n -webkit-column-gap: 32px;\n column-gap: 32px\n}\n\n@media (min-width: 35em) {\n\n.two.small.columns {\n -webkit-columns: 1;\n columns: 1\n}\n }\n\n@media (min-width: 60em) {\n\n.two.small.columns {\n -webkit-columns: 2;\n columns: 2\n}\n }\n\n.info {\n background-color: rgb(238, 208, 9);\n background-color: var(--gold);\n background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(238, 208, 9)), to(color(rgb(238, 208, 9) blackness(15%))));\n background-image: linear-gradient(to bottom, rgb(238, 208, 9), color(rgb(238, 208, 9) blackness(15%)));\n background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gold)), to(color(var(--gold) blackness(15%))));\n background-image: linear-gradient(to bottom, var(--gold), color(var(--gold) blackness(15%)));\n background-size: 100% 20%;\n background-repeat: no-repeat;\n background-position: bottom;\n font-weight: bold;\n text-align: center\n}\n\n[dir=\"ltr\"] .info svg {\n margin-right: 8px;\n}\n\n[dir=\"rtl\"] .info svg {\n margin-left: 8px;\n}\n\n.info svg {\n font-size: 2em;\n vertical-align: middle;\n margin-top: -.14em;\n }\n\n#controls {\n background-color: #f2f2f2;\n background-color: var(--off-white);\n padding-left: 8px;\n padding-right: 8px;\n padding-top: 0;\n padding-bottom: 0\n}\n\n@media (min-width: 35em) {\n\n[dir=\"ltr\"] #controls {\n text-align: right;\n }\n\n[dir=\"rtl\"] #controls {\n text-align: left;\n }\n }\n\n#controls {\n font-size: .8125em\n}\n\n#controls > ul {\n padding: 0;\n margin: 0\n }\n\n@media (min-width: 35em) {\n\n#controls > ul {\n grid-column-start: navigation;\n grid-column-end: content\n }\n }\n\n[dir=\"ltr\"] #controls > ul > li {\n margin-left: 4px;\n}\n\n[dir=\"rtl\"] #controls > ul > li {\n margin-right: 4px;\n}\n\n[dir=\"ltr\"] #controls > ul > li {\n padding-left: 4px;\n}\n\n[dir=\"rtl\"] #controls > ul > li {\n padding-right: 4px;\n}\n\n#controls > ul > li {\n display: inline;\n list-style: none;\n margin: 0;\n padding: 0\n }\n\n@media (min-width: 35em) {\n\n[dir=\"ltr\"] #controls > ul > li {\n margin-left: 8px;\n }\n\n[dir=\"rtl\"] #controls > ul > li {\n margin-right: 8px;\n }\n\n[dir=\"ltr\"] #controls > ul > li {\n padding-left: 8px;\n }\n\n[dir=\"rtl\"] #controls > ul > li {\n padding-right: 8px;\n }\n\n#controls > ul > li {\n margin: 0;\n padding: 0\n }\n }\n\n[dir=\"ltr\"] #controls > ul > li {\n border-left: 1px solid #003366;\n}\n\n[dir=\"rtl\"] #controls > ul > li {\n border-right: 1px solid #003366;\n}\n\n[dir=\"ltr\"] #controls > ul > li {\n border-left: 1px solid var(--w3c-blue);\n}\n\n[dir=\"rtl\"] #controls > ul > li {\n border-right: 1px solid var(--w3c-blue);\n}\n\n#controls > ul > li:first-child {\n border-left: 0;\n border-right: 0;\n margin: 0;\n padding: 0;\n }\n\n#controls a {\n color: #003366;\n color: var(--w3c-blue);\n text-decoration: none;\n padding-top: 2px;\n padding-bottom: 2px;\n padding-left: 0;\n padding-right: 0\n }\n\n#controls a:hover,#controls a:focus {\n border-bottom: none;\n text-decoration: underline;\n }\n\n@media print {\n\n#controls {\n display: none\n}\n }\n\n#controls [hidden] {\n display: none !important;\n}\n\n.languagelist>ul {\n display: inline;\n margin: 0;\n padding: 0;\n}\n\n.languagelist>ul>li {\n border: none;\n padding: 0;\n margin:0;\n display: inline-block\n}\n\n[dir=\"ltr\"] .languagelist>ul>li:first-child {\n margin-right: 4px;\n}\n\n[dir=\"rtl\"] .languagelist>ul>li:first-child {\n margin-left: 4px;\n}\n\n.languagelist>ul>li:first-child:before {\n display:none;\n margin: 0;\n}\n\n[dir=\"ltr\"] .languagelist>ul>li:before {\n margin-right: 4px;\n}\n\n[dir=\"rtl\"] .languagelist>ul>li:before {\n margin-left: 4px;\n}\n\n.languagelist>ul>li:before {\n content: \"\";\n display: inline-block;\n background-color: #005A9C;\n width: 4px;\n height: 4px;\n margin:0;\n margin-top: -4px;\n vertical-align: middle;\n}\n\n#showoptions {\n display: inline;\n}\n\n.mainnav {\n position: relative;\n font-size: 14px;\n font-size: .875rem;\n border-top: 1px solid #005A9C;\n border-top: 1px solid var(--w3c-classic);\n border-bottom: 1px solid #005A9C;\n border-bottom: 1px solid var(--w3c-classic);\n background-color: #003366;\n background-color: var(--w3c-blue);\n display: none\n}\n\n.mainnav.open { display: block; }\n\n@media (min-width: 35em) {\n\n.mainnav {\n display: block\n}\n }\n\n@media print {\n\n.mainnav {\n display: none\n}\n }\n\n.mainnav > ul {\n width: 100%;\n max-width: 1268px;\n padding: 0;\n margin: 0 auto !important;\n position: relative;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: stretch;\n -ms-flex-align: stretch;\n align-items: stretch;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap\n }\n\n@media (min-width: 35em) {\n\n.mainnav > ul {\n -ms-flex-wrap: nowrap;\n flex-wrap: nowrap\n }\n }\n\n.mainnav > ul > li {\n display:block;\n position: relative;\n -ms-flex-preferred-size: 50%;\n flex-basis: 50%;\n -webkit-box-flex: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n -ms-flex-negative: 1;\n flex-shrink: 1\n }\n\n.mainnav > ul > li.active {\n background: #003366;\n background: var(--w3c-blue)\n }\n\n.mainnav > ul > li.active > a > span {\n border-bottom: 2px solid rgb(238, 208, 9) !important;\n border-bottom: 2px solid var(--gold) !important;\n }\n\n.mainnav > ul > li > a {\n text-decoration: none;\n display:block;\n width: 100%;\n height: 100%;\n color: #ffffff;\n color: var(--pure-white);\n text-align: center;\n /*padding: 15px;*/\n min-height: 44px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n border-bottom: #005A9C;\n border-bottom: var(--w3c-classic)\n }\n\n.mainnav > ul > li > a > span {\n display: block;\n border-bottom: 2px solid transparent;\n }\n\n.mainnav > ul > li > a:hover,.mainnav > ul > li > a:focus {\n background-color: #091832;\n background-color: var(--dk-blue);\n }\n\n.mainnav > ul > li > a:hover > span,.mainnav > ul > li > a:focus > span, .mainnav > ul > li > a[aria-current=\"page\"] > span, .mainnav > ul > li > a[aria-current=\"location\"] > span {\n border-bottom: 2px solid rgb(238, 208, 9);\n border-bottom: 2px solid var(--gold);\n }\n\n.mainnav > ul > li > a[aria-current=\"page\"]:hover > span,.mainnav > ul > li > a[aria-current=\"page\"]:focus > span, .mainnav > ul > li > a[aria-current=\"location\"]:hover > span, .mainnav > ul > li > a[aria-current=\"location\"]:focus > span {\n border-bottom: 2px solid #ffffff;\n border-bottom: 2px solid var(--pure-white);\n }\n\n[dir=\"ltr\"] .mainnav > ul > li + li > a {\n border-left: 1px solid #235A97;\n}\n\n[dir=\"rtl\"] .mainnav > ul > li + li > a {\n border-right: 1px solid #235A97;\n}\n\n@media (min-width: 60em) {\n\n#openmenu {\n display: none\n}\n }\n\n@media print {\n\n#openmenu {\n display: none\n}\n }\n\n@media (min-width: 35em) {\n\n.page-home #openmenu {\n display: none\n}\n }\n\n[dir=\"ltr\"] .metanav {\n text-align: right;\n}\n\n[dir=\"rtl\"] .metanav {\n text-align: left;\n}\n\n.metanav {\n width: 100%;\n display: none;\n font-size: .85em\n}\n\n.metanav.open {display: block;}\n\n@media (min-width: 35em) {\n\n.metanav {\n display: block\n}\n }\n\n@media print {\n\n.metanav {\n display: none\n}\n }\n\n.metanav a {\n text-decoration: none\n }\n\n.metanav a:hover,.metanav a:focus, .metanav a[aria-current=\"page\"] {\n text-decoration: underline;\n }\n\n.metanav a[aria-current=\"page\"] {\n text-decoration: underline;\n }\n\n.metanav > ul {\n width: 100%;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end\n }\n\n.metanav > ul li {\n display: inline-block;\n padding-left: 8px;\n padding-right: 8px\n }\n\n@media (min-width: 35em) {\n\n.metanav > ul li {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center\n }\n }\n\n.metanav > ul li:first-child {\n border: 0;\n }\n\n.metanav > ul li:last-child {\n margin-bottom: 0;\n padding:0;\n border: 0;\n }\n\n.metanav > ul li a {\n position: relative;\n min-height: 24px;\n padding-top: 10px;\n padding-bottom: 10px;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center\n }\n\n.metanav > ul li a:before, .metanav > ul li a:after {\n position: absolute;\n top: 12px;\n left: -8px;\n bottom: 12px;\n width: 1px;\n background-color: rgb(238, 208, 9);\n background-color: var(--gold);\n }\n\n[dir=\"ltr\"] .metanav > ul li a:before {\n content: '';\n }\n\n[dir=\"rtl\"] .metanav > ul li a:after {\n content: '';\n }\n\n@media (min-width: 35em) {\n\n[dir=\"ltr\"] .metanav > ul li a {\n text-align: right;\n }\n\n[dir=\"rtl\"] .metanav > ul li a {\n text-align: left;\n }\n\n.metanav > ul li a {\n width: 100%\n }\n }\n\n[dir=\"ltr\"] .metanav > ul li:first-child a:before {\n display: none;\n }\n\n[dir=\"rtl\"] .metanav > ul li:nth-last-child(2) a:after {\n display: none;\n }\n\n.metanav form[role=search] {\n background-color: #003366;\n background-color: var(--w3c-blue);\n border: 1px solid #ffffff;\n border: 1px solid var(--pure-white)\n }\n\n.metanav form[role=search] > div {\n display:-webkit-box;\n display:-ms-flexbox;\n display:flex;\n }\n\n.metanav form[role=search] label {\n text-transform: none;\n font-weight: normal;\n }\n\n.metanav form[role=search] input {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n -webkit-appearance: none;\n background-color: transparent;\n border: 0;\n border-radius: 0;\n color: #f2f2f2;\n color: var(--off-white);\n height: 100%;\n padding: 5px;\n margin: 0;\n width: 10em\n }\n\n.metanav form[role=search] input:focus {\n color: #ffffff;\n color: var(--pure-white);\n }\n\n.metanav form[role=search] input::-webkit-search-decoration {\n display: none;\n }\n\n.metanav form[role=search] input::-webkit-search-cancel-button,\n .metanav form[role=search] input::-webkit-search-results-button {\n -webkit-filter: invert(100%);\n filter: invert(100%);\n }\n\n.metanav form[role=search] button {\n display: block;\n margin: 0;\n }\n\n.metanav form[role=search] ::-webkit-input-placeholder {\n color: #ffffff;\n color: var(--pure-white);\n font-style: italic;\n opacity: 1;\n }\n\n.metanav form[role=search] :-moz-placeholder { /* Firefox 18- */\n color: #ffffff;\n color: var(--pure-white);\n font-style: italic;\n opacity: 1;\n }\n\n.metanav form[role=search] ::-moz-placeholder { /* Firefox 19+ */\n color: #ffffff;\n color: var(--pure-white);\n font-style: italic;\n opacity: 1;\n }\n\n.metanav form[role=search] :-ms-input-placeholder {\n color: #ffffff;\n color: var(--pure-white);\n font-style: italic;\n opacity: 1;\n }\n\n.navigations {\n position: relative;\n grid-column-start: 6;\n grid-column-end: -2;\n -webkit-box-flex: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center ;\n -ms-flex-align: center ;\n align-items: center \n}\n\n.navigations .nava11y {\n display: block;\n }\n\n.mainnav > ul, .metanav > ul {\n margin: 0;\n padding: 0\n }\n\n.mainnav > ul > li, .metanav > ul > li {\n list-style: none;\n margin: 0;\n }\n\n.teaser.news {\n background-color: #ffffff;\n background-color: var(--pure-white);\n}\n\n.announce-box {\n background-color: #fafafa;\n background-color: var(--lt-off-white);\n border: 1px solid #ddd;\n border: 1px solid var(--line-grey);\n border-top: 1px;\n border-bottom: 1px;\n border-left: 0;\n border-right: 0;\n padding-top: 10px !important;\n padding-bottom: 10px !important;\n padding-left: 25px !important;\n padding-right: 25px !important\n}\n\n.announce-box+.announce-box {\n border-top:0;\n }\n\n.announce-box>:first-child {\n margin-top: 0;\n }\n\n.announce-box>:last-child {\n margin-bottom: 0;\n }\n\n.notes {\n font-size: .85em\n}\n\n.notes strong:first-child {\n font-weight: bold;\n color: #005A6A;\n color: var(--wai-green);\n }\n\n.pager {\n background-color: #ffffff;\n background-color: var(--pure-white);\n border: 1px solid #ddd;\n border: 1px solid var(--line-grey);\n margin-top: 32px;\n}\n\n.pager > ul {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n -ms-flex-line-pack: center;\n align-content: center;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n margin: 0;\n padding: 8px;\n}\n\n.pager--item {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-flex: 0;\n -ms-flex: 0 1 50%;\n flex: 0 1 50%;\n}\n\n.pager--item:only-child {\n -ms-flex-preferred-size: 100%;\n flex-basis: 100%;\n }\n\n.pager--item {\n list-style: none;\n margin:0;\n}\n\n.pager--item a:link {\n color: #005A6A;\n color: var(--wai-green);\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n -webkit-box-flex: 1;\n -ms-flex: 1 100%;\n flex: 1 100%;\n text-decoration: none;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n}\n\n.pager--item a:visited {\n color: #660066;\n color: var(--visited-link);\n}\n\n.pager--item a:hover,\n.pager--item a:focus {\n color: #003366;\n color: var(--w3c-blue);\n}\n\n.pager--item a:active {\n color: #005A6A;\n color: var(--wai-green);\n}\n\n[dir=\"ltr\"] .pager--item.next a {\n text-align: right;\n}\n\n[dir=\"rtl\"] .pager--item.next a {\n text-align: left;\n}\n\n.pager--item.next a {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: reverse;\n -ms-flex-direction: row-reverse;\n flex-direction: row-reverse;\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n}\n\n.pager--item-icon {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n font-size: 33px;\n}\n\n[dir=\"ltr\"] .pager--item-text {\n margin-right: 8px;\n}\n\n[dir=\"rtl\"] .pager--item-text {\n margin-left: 8px;\n}\n\n[dir=\"ltr\"] .pager--item-text {\n margin-left: 8px;\n}\n\n[dir=\"rtl\"] .pager--item-text {\n margin-right: 8px;\n}\n\n.pager--item-text {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-flex: 1;\n -ms-flex: 1 auto;\n flex: 1 auto;\n width: 100%;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n\n.pager--item-text-direction {\n color: #1d1d1d;\n color: var(--off-black);\n font-size: 12px;\n font-size: .75rem;\n}\n\n.pager--item-text-target {\n font-size: 16px;\n font-size: 1rem;\n line-height: 1;\n}\n\n.pagination {\n margin: 0;\n margin-top: 16px;\n margin-bottom: 16px;\n padding-top: 16px;\n border-top: 2px solid #ddd;\n border-top: 2px solid var(--line-grey)\n}\n\n.pagination ul {\n width: 100%;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n margin: 0;\n padding: 0;\n list-style: none;\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end\n }\n\n[dir=\"ltr\"] .pagination li {\n margin-left: 8px;\n}\n\n[dir=\"rtl\"] .pagination li {\n margin-right: 8px;\n}\n\n.pagination a, .pagination .like-a {\n padding-top: 8px;\n padding-bottom: 8px;\n padding-left: 16px;\n padding-right: 16px;\n border-radius: 4px;\n border: 2px solid #ddd;\n border: 2px solid var(--line-grey);\n }\n\n.pagination .is-active .like-a {\n background-color: #003366;\n background-color: var(--w3c-blue);\n border-color: #003366;\n border-color: var(--w3c-blue);\n color: #ffffff;\n color: var(--pure-white);\n }\n\n.pagination a:hover,.pagination a:focus {\n background-color: #ddd;\n background-color: var(--line-grey);\n }\n\n.quote {\n background-color: #005A6A;\n background-color: var(--wai-green);\n border-radius: 5px;\n color: #ffffff;\n color: var(--pure-white);\n padding: 22px;\n}\n\n.quote--block {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n margin: 0;\n padding: 0;\n}\n\n.quote--block-text {\n font-size: 20px;\n font-style: italic;\n line-height: 1.25;\n margin: 0;\n padding: 0;\n}\n\n.quote--block-text::before {\n content: open-quote;\n}\n\n.quote--block-text::after {\n content: close-quote;\n}\n\n.quote--block-cite {\n font-size: 15px;\n font-weight: 500;\n margin: 0;\n margin-top: 9px;\n}\n\n.quote--block-cite a {\n color: #FAFAFC;\n color: var(--body-bg);\n}\n\n.related-content {\n background-color: #ffffff;\n background-color: var(--pure-white);\n border: 1px solid #ddd;\n border: 1px solid var(--line-grey);\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-flex: 1;\n -ms-flex: 1 100%;\n flex: 1 100%;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n margin: 50px;\n}\n\n.related-content--head {\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n background-color: #f2f2f2;\n background-color: var(--off-white);\n border-box-end: 1px solid #ddd;\n border-box-end: 1px solid var(--line-grey);\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n height: 48px;\n}\n\n[dir=\"ltr\"] .related-content--head-icon {\n margin-right: 10px;\n}\n\n[dir=\"rtl\"] .related-content--head-icon {\n margin-left: 10px;\n}\n\n[dir=\"ltr\"] .related-content--head-icon {\n margin-left: 19px;\n}\n\n[dir=\"rtl\"] .related-content--head-icon {\n margin-right: 19px;\n}\n\n.related-content--head-icon {\n height: 22px;\n width: 22px;\n}\n\n.related-content--head-heading {\n border: none;\n color: #003366;\n color: var(--w3c-blue);\n -webkit-box-flex: 1;\n -ms-flex: 1 100%;\n flex: 1 100%;\n font-size: 20px;\n margin: 0;\n padding: 0;\n}\n\n.related-content--content {\n margin: 0;\n padding: 0;\n}\n\n.related-content--content-list {\n list-style: none;\n margin: 22px;\n padding: 0;\n}\n\n.related-content--content-list li {\n font-size: 14px;\n line-height: 2.2em;\n}\n\n.sidenav {\n grid-area: navigation;\n margin-bottom: 24px;\n display: none\n}\n\n.sidenav.open {\n display: block;\n margin-top: 16px;\n }\n\n@media (min-width: 60em) {\n\n.sidenav {\n display: block\n}\n }\n\n@media print {\n\n.sidenav {\n display: none\n}\n }\n\n.sidenav--head {\n background-color: #003366;\n background-color: var(--w3c-blue);\n border: 2px solid #003366;\n border: 2px solid var(--w3c-blue);\n border-width: 0 5px;\n padding: 16px 24px;\n display:-webkit-box;\n display:-ms-flexbox;\n display:flex;\n -webkit-box-align: end;\n -ms-flex-align: end;\n align-items: flex-end;\n border-bottom: none;\n font-weight: bold;\n}\n\n[dir=\"ltr\"] .sidenav--head-icon {\n margin-left: -16px;\n}\n\n[dir=\"rtl\"] .sidenav--head-icon {\n margin-right: -16px;\n}\n\n.sidenav--head-icon {\n padding-bottom: .3em;\n}\n\n[dir=\"ltr\"] .sidenav--head-icon--inner {\n float: left;\n}\n\n[dir=\"rtl\"] .sidenav--head-icon--inner {\n float: right;\n}\n\n[dir=\"ltr\"] .sidenav--head-icon--inner {\n margin-right: 8px;\n}\n\n[dir=\"rtl\"] .sidenav--head-icon--inner {\n margin-left: 8px;\n}\n\n.sidenav--head-icon--inner {\n width: 47px;\n height: 48px;\n}\n\n.sidenav--head-section {\n color: #ffffff;\n color: var(--pure-white);\n text-transform: uppercase;\n letter-spacing: .7px;\n font-size: 11px;\n font-size: .6875rem;\n font-weight: bold;\n}\n\n.sidenav--head-subsection {\n color: #ffffff;\n color: var(--pure-white);\n font-size: 22px;\n font-size: 1.375rem;\n}\n\n[dir=\"ltr\"] .sidenav--list {\n border-left-width: 5px;\n}\n\n[dir=\"rtl\"] .sidenav--list {\n border-right-width: 5px;\n}\n\n[dir=\"ltr\"] .sidenav--list {\n border-right-width: 0;\n}\n\n[dir=\"rtl\"] .sidenav--list {\n border-left-width: 0;\n}\n\n.sidenav--list {\n background-color: #003366;\n background-color: var(--w3c-blue);\n border: 2px solid #003366;\n border: 2px solid var(--w3c-blue);\n border-bottom: 5px;\n border-top: 0;\n margin: 0;\n padding:0;\n font-size: 13px;\n font-size: .8125rem\n}\n\n.sidenav--list a {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n padding-top: 8px;\n padding-bottom: 8px;\n padding-left: 24px;\n padding-right: 24px;\n min-height: 44px;\n color: #ffffff;\n color: var(--pure-white);\n text-decoration: none;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center\n }\n\n.sidenav--list a:hover,.sidenav--list a:focus {\n text-decoration: underline;\n background-color: #f2f2f2;\n background-color: var(--off-white);\n color: #005A6A;\n color: var(--wai-green);\n }\n\n.sidenav--list a:focus {\n outline-color: rgb(238, 208, 9);\n outline-color: var(--gold);\n }\n\n.sidenav--list a span.lang {\n font-weight: normal;\n }\n\n.sidenav--list li a {\n border-top: 1px solid #005A9C;\n border-top: 1px solid var(--w3c-classic);\n }\n\n.sidenav--list {\n .sidenav-head + & {\n border-top: none;\n }\n}\n\n[dir=\"ltr\"] .sidenav--list ul {\n padding-left: 24px;\n}\n\n[dir=\"rtl\"] .sidenav--list ul {\n padding-right: 24px;\n}\n\n.sidenav--list ul {\n padding: 0;\n margin: 0;\n }\n\n.sidenav--list a + ul { display:none; }\n\n.sidenav--list a[aria-current] + ul { display:block; }\n\n.sidenav--list li {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n.sidenav--list ul li:first-child a {\n border-top-color:transparent;\n }\n\n.sidenav--list a[aria-current] {\n /*color: var(--w3c-blue);\n background-color: var(--body-bg);*/\n }\n\n.sidenav--list a[aria-current=location] {\n padding-bottom: 4px;\n font-weight: bold;\n }\n\n.sidenav--list a[aria-current=page] {\n font-weight: bold;\n color: #005A6A;\n color: var(--wai-green);\n background-color: #FAFAFC;\n background-color: var(--body-bg);\n position:relative\n }\n\n.sidenav--list a[aria-current=page]:before, .sidenav--list a[aria-current=page]:after {\n position: absolute;\n content: \"\";\n width: 0;\n height: 0;\n left: auto;\n right: 0;\n }\n\n[dir=\"rtl\"] .sidenav--list a[aria-current=page]:before,[dir=\"rtl\"] .sidenav--list a[aria-current=page]:after {\n left: 0;\n right: auto;\n }\n\n.sidenav--list a[aria-current=page]:before, .sidenav--list a[aria-current=page]:after {\n border: 1px solid #ffffff;\n border: 1px solid var(--pure-white);\n opacity: .9;\n }\n\n.sidenav--list a[aria-current=page]:before {\n top:-2px;\n border-color: transparent #ffffff #ffffff transparent;\n border-color: transparent var(--pure-white) var(--pure-white) transparent;\n }\n\n[dir=\"rtl\"] .sidenav--list a[aria-current=page]:before {\n border-color: transparent transparent #ffffff #ffffff;\n border-color: transparent transparent var(--pure-white) var(--pure-white);\n }\n\n.sidenav--list a[aria-current=page]:after {\n bottom:-2px;\n border-color: #ffffff #ffffff transparent transparent;\n border-color: var(--pure-white) var(--pure-white) transparent transparent;\n }\n\n[dir=\"rtl\"] .sidenav--list a[aria-current=page]:after {\n border-color: #ffffff transparent transparent #ffffff;\n border-color: var(--pure-white) transparent transparent var(--pure-white);\n }\n\n.sidenav-languages {\n font-size: 13px;\n font-size: .8125rem;\n margin-top: 32px;\n margin-top: 2rem;\n border-radius: 3px;\n border: 2px solid rgb(238, 208, 9);\n border: 2px solid var(--gold);\n background-color: #ffffff;\n background-color: var(--pure-white)\n}\n\n.sidenav-languages header {\n border-bottom: 2px solid rgb(238, 208, 9);\n border-bottom: 2px solid var(--gold);\n padding-top: 8px;\n padding-bottom: 8px;\n padding-left: 27px;\n padding-right: 27px;\n font-weight: bold;\n }\n\n[dir=\"ltr\"] .sidenav-languages .langlist {\n padding-left: 27px;\n}\n\n[dir=\"rtl\"] .sidenav-languages .langlist {\n padding-right: 27px;\n}\n\n.sidenav-languages .langlist {\n list-style-position: inside;\n list-style-type: square;\n color: #005A9C;\n color: var(--w3c-classic)\n }\n\n.sidenav-languages .langlist li {\n margin-bottom: 2px;\n }\n\n[dir=\"ltr\"] .sidenav-languages p {\n padding-left: 27px;\n}\n\n[dir=\"rtl\"] .sidenav-languages p {\n padding-right: 27px;\n}\n\n[dir=\"ltr\"] .sidenav-languages p {\n padding-right: 0;\n}\n\n[dir=\"rtl\"] .sidenav-languages p {\n padding-left: 0;\n}\n\n.sidenav-languages p {\n padding-top: 4px;\n padding-bottom: 4px;\n margin:0;\n border-top: 1px solid #eed009;\n }\n\n[dir=\"ltr\"] table,[dir=\"ltr\"] caption {\n text-align: left;\n}\n\n[dir=\"rtl\"] table,[dir=\"rtl\"] caption {\n text-align: right;\n}\n\ntable {\n border: 1px solid #ddd;\n border: 1px solid var(--line-grey);\n border-collapse: collapse;\n margin-bottom: 2em;\n}\n\ncaption {\n font-weight: bold;\n font-size: 18px;\n font-size: 1.125rem;\n color: #005A6A;\n color: var(--wai-green);\n line-height: 1.4;\n margin-bottom: 8px;\n}\n\nth, td {\n padding-top: 12px;\n padding-bottom: 12px;\n padding-left: 18px;\n padding-right: 18px;\n border: 1px solid #ddd;\n border: 1px solid var(--line-grey);\n vertical-align: top;\n}\n\n.dense td, .dense th {\n padding-top: 2px;\n padding-bottom: 2px;\n padding-left: 4px;\n padding-right: 4px;\n}\n\nth {\n font-weight: bold;\n color: #ffffff;\n color: var(--pure-white);\n background-color: #005A6A;\n background-color: var(--wai-green)\n}\n\nth a {\n color: inherit\n }\n\nth a:hover,th a:focus {\n color: rgb(238, 208, 9);\n color: var(--gold);\n }\n\nth a:visited {\n color: inherit;\n }\n\nth > :first-child, td > :first-child {\n margin-top: 0;\n }\n\nth > :last-child, td > :last-child {\n margin-top: 0;\n }\n\n.hyphenated {\n -webkit-hyphens: auto;\n -ms-hyphens: auto;\n hyphens: auto;\n}\n\n.teaser.audiences-inline .subtitle {\n /*font-weight:normal;*/\n }\n\n.teaser.audiences-inline .title {\n display: block;\n font-size: 36px;\n font-size: 2.25rem;\n }\n\n.making-web-accessible {\n text-align:center;\n border-bottom: 1px solid #ddd;\n border-bottom: 1px solid var(--line-grey);\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column\n}\n\n.making-web-accessible [hidden] {\n display: none !important;\n }\n\n.making-web-accessible .inner.hidesection {\n position: relative;\n -webkit-box-ordinal-group: 0;\n -ms-flex-order: -1;\n order: -1;\n }\n\n[dir=\"ltr\"] .making-web-accessible .making-web-accessible-box {\n text-align: left;\n}\n\n[dir=\"rtl\"] .making-web-accessible .making-web-accessible-box {\n text-align: right;\n}\n\n[dir=\"ltr\"] .making-web-accessible .making-web-accessible-box {\n padding-right: 20px;\n}\n\n[dir=\"rtl\"] .making-web-accessible .making-web-accessible-box {\n padding-left: 20px;\n}\n\n[dir=\"ltr\"] .making-web-accessible .making-web-accessible-box {\n padding-left: 105px;\n}\n\n[dir=\"rtl\"] .making-web-accessible .making-web-accessible-box {\n padding-right: 105px;\n}\n\n.making-web-accessible .making-web-accessible-box {\n padding-top: 32px;\n padding-bottom: 0;\n }\n\n[dir=\"ltr\"] .making-web-accessible .mwa-icon {\n margin-left: -85px;\n}\n\n[dir=\"rtl\"] .making-web-accessible .mwa-icon {\n margin-right: -85px;\n}\n\n.making-web-accessible .mwa-icon {\n width: 65px;\n height: 65px;\n float:left;\n }\n\n.making-web-accessible .title {\n display: block;\n font-size: 36px;\n font-size: 2.25rem;\n }\n\n.making-web-accessible .teaser-h h2 {\n margin:0;\n }\n\n.making-web-accessible h3 {\n margin-top: 10px;\n font-size: 24px;\n font-size: 1.5rem;\n margin-bottom:0;\n }\n\n.making-web-accessible p {\n margin-bottom:0;\n }\n\n[dir=\"ltr\"] .making-web-accessible .showhidebutton {\n float: right;\n}\n\n[dir=\"rtl\"] .making-web-accessible .showhidebutton {\n float: left;\n}\n\n.making-web-accessible .showhidebutton {\n position: absolute;\n top: -1.35em;\n right: 0;\n }\n\n.teaser.media-inline .subtitle {\n /*font-weight:normal;*/\n }\n\n.teaser.media-inline .title {\n display: block;\n font-size: 36px;\n font-size: 2.25rem;\n }\n\n.white-bg {\n background-color: #ffffff;\n background-color: var(--pure-white);\n}\n\n.bordered {\n border: 1px 0;\n border-color: #ddd;\n border-color: var(--line-grey);\n}\n\n.teaser.news-teaser .title {\n display: block;\n font-size: 36px;\n font-size: 2.25rem;\n }\n\n.teaser.resource-inline .subtitle {\n /*font-weight:normal;*/\n }\n\n.teaser.resource-inline .title {\n display: block;\n font-size: 36px;\n font-size: 2.25rem;\n }\n\n.teaser {\n padding-top: 32px;\n padding-bottom: 32px;\n}\n\n.teaser.featured {\n background-size: cover;\n background-position: center\n}\n\n.teaser.featured .teaser-c {\n background-color: rgba(255, 255, 255, 0.9);\n border-top: 5px solid #c0272d;\n border-top: 5px solid var(--faded-red);\n padding-top: 16px;\n padding-bottom: 16px;\n padding-left: 32px;\n padding-right: 32px;\n display:block;\n }\n\n.teaser-h h2, .teaser-h h3, .teaser-h h4, .teaser-h h5, .teaser-h h6 {\n margin: 0;\n margin-bottom: 16px;\n padding: 0;\n border:none;\n color: #005A6A;\n color: var(--wai-green);\n font-size: 16px;\n font-size: 1rem;\n line-height: 1.2\n }\n\n.teaser-h h2.title, .teaser-h h3.title, .teaser-h h4.title, .teaser-h h5.title, .teaser-h h6.title {\n font-size: 24px;\n font-size: 1.5rem;\n margin: 0;\n margin-top: 10px;\n margin-bottom: 20px\n }\n\n@media (min-width: 35em) {\n\n.teaser-h h2.title, .teaser-h h3.title, .teaser-h h4.title, .teaser-h h5.title, .teaser-h h6.title {\n font-size: 2rem\n }\n }\n\n@media (min-width: 60em) {\n\n.teaser-h h2.title, .teaser-h h3.title, .teaser-h h4.title, .teaser-h h5.title, .teaser-h h6.title {\n font-size: 2.375rem\n }\n }\n\n.teaser-h .subtitle {\n font-weight: bold;\n margin: 0;\n font-size: 14px;\n font-size: .875rem;\n color: #1d1d1d;\n color: var(--off-black);\n }\n\n[dir=\"ltr\"] .teaser-h-icon {\n margin-right: 10px;\n}\n\n[dir=\"rtl\"] .teaser-h-icon {\n margin-left: 10px;\n}\n\n.teaser-h-icon {\n height:1em;\n width: 1em;\n vertical-align: middle\n}\n\n.teaser-h-icon.full {\n display: block;\n height: 1.8em;\n width: 1.8em;\n }\n\n.teaser-tip {\n text-align: center\n}\n\n.teaser-tip .teaser-h h2 {\n font-size: 28px;\n font-size: 1.75rem\n }\n\n.teaser-tip .teaser-h svg {\n display: block;\n margin: 0 auto;\n height: 1.75em;\n width: 1.75em;\n }\n\n.teaser-tip .fakelink {\n margin: 0 auto;\n }\n\n.fakelink {\n text-decoration: underline;\n position: relative\n}\n\n[dir=\"ltr\"] .fakelink svg {\n margin-left: 5px;\n}\n\n[dir=\"rtl\"] .fakelink svg {\n margin-right: 5px;\n}\n\n.fakelink svg {\n width: .75em;\n height: .75em;\n }\n\n@media (min-width: 35em) {\n\n.teaser-about p {\n font-size: 1.25rem;\n }\n }\n\n@media (min-width: 60em) {\n\n.teaser-about p {\n font-size: 1.5rem;\n }\n }\n\n.teaser-about p {\n color: #686868;\n color: var(--grey);\n }\n\n.teaser-about .teaser-h h2 {\n font-weight: bold;\n }\n\n.teaser-media {\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n background-color: #ffffff;\n background-color: var(--pure-white);\n}\n\n.teaser-sponsors {\n border-top: 1px solid #ddd;\n border-top: 1px solid var(--line-grey);\n}\n\n.area-teaser {\n display: block;\n background-color: #ffffff;\n background-color: var(--pure-white);\n border: 1px solid #ddd;\n border: 1px solid var(--line-grey);\n margin: -1px;\n padding-top: 20px;\n padding-bottom: 20px;\n padding-left: 32px;\n padding-right: 32px\n}\n\n@media (min-width: 35em) {\n\n.area-teaser {\n padding-top: 40px;\n padding-bottom: 40px;\n padding-left: 40px;\n padding-right: 40px\n}\n }\n\n@media (min-width: 60em) {\n\n.area-teaser {\n padding-top: 60px;\n padding-bottom: 60px;\n padding-left: 40px;\n padding-right: 40px\n}\n }\n\n.area-teaser .teaser-h {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: end;\n -ms-flex-align: end;\n align-items: flex-end\n }\n\n.area-teaser .teaser-h h2, .area-teaser .teaser-h h3, .area-teaser .teaser-h h4, .area-teaser .teaser-h h5, .area-teaser .teaser-h h6 {margin: 0; font-weight: normal;}\n\n.area-teaser .teaser-h-icon {\n margin-bottom: 10px;\n }\n\n.area-teaser:hover .teaser-h > :not(svg), .area-teaser:focus .teaser-h > :not(svg) {\n text-decoration: underline;\n }\n\n.teaser.audiences-inline {\n\n}\n\n.video-link {\n display: inline-block;\n text-decoration: none;\n margin: 10px 0\n}\n\n.video-link img {\n -webkit-mask: url(\"../images/video-mask-16-9.svg\");\n mask: url(\"../images/video-mask-16-9.svg\");\n -webkit-mask-size: contain;\n mask-size: contain;\n width: 240px;\n }\n\n.video-link.ratio-43 img {\n -webkit-mask: url(\"../images/video-mask-4-3.svg\");\n mask: url(\"../images/video-mask-4-3.svg\");\n }\n\n.video-link span {\n display: block;\n text-align: center;\n text-decoration: underline;\n }\n\n.video-link-small img {\n width: 120px;\n}\n\n.video-link-inline {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center\n}\n\n[dir=\"ltr\"] .video-link-inline img {\n margin-right: 1em;\n}\n\n[dir=\"rtl\"] .video-link-inline img {\n margin-left: 1em;\n}\n\n.video-link-inline img {\n width: auto;\n height: 2em;\n }\n\n.video-link-inline {\n [dir=\"ltr\"] span {\n text-align: left;\n }\n [dir=\"rtl\"] span {\n text-align: right;\n }\n}\n\n/*\n Able Player core styles\n\n Default z-index map:\n\n * Modal dialog\n div.able-modal-dialog = 10000\n div.able-modal-overlay = 9500\n\n * Items that should always be on top (9000):\n #able-vts = 9400\n .able-alert = 9400\n .able-window-toolbar .able-button-handler-preferences = 9300\n .able-popup = 9200\n .able-volume-head = 9175\n .able-volume-slider = 9150\n .able-tooltip = 9000\n\n * Pop-ups with critical content: (7000 - 8000):\n .able-sign-window = 8000\n .able-transcript-area = 7000\n\n * Player controls: (5000 - 6000)\n .able-controller .able-seekbar = 6900\n .able-controller .buttonOff = 6800\n .able-controller button > img = 6700\n .able-controller button > span = 6700\n .able-controller button = 6600\n .able-big-play-button = 6500\n div.able-captions-wrapper = 6000\n .able-seekbar-head = 5500\n .able-seekbar-played = 5200\n .able-seekbar-loaded = 5100\n .able = 5000\n*/\n\n.able-wrapper {\n position: relative;\n margin: 0;\n padding: 0;\n width: 100%;\n height: auto;\n -webkit-box-sizing: content-box !important;\n box-sizing: content-box !important;\n max-width: none !important;\n}\n\n.able {\n position: relative;\n margin: 1em 0;\n width: 100%; /* will be changed dynamically as player is contructed */\n z-index: 5000;\n}\n\n[dir=\"ltr\"] .able-column-left {\n float: left;\n}\n\n[dir=\"rtl\"] .able-column-left {\n float: right;\n}\n\n[dir=\"ltr\"] .able-column-right {\n float: left;\n}\n\n[dir=\"rtl\"] .able-column-right {\n float: right;\n}\n\n.able .able-vidcap-container {\n background-color: black;\n /* height: 360px; */\n left: 0;\n margin: 0;\n position: relative;\n top: 0;\n}\n\n.able-player {\n font-family: inherit;\n background-color: #262626; /* background color of player (appears on top & bottom) */\n}\n\n.able-offscreen {\n position:absolute;\n left:-10000px;\n}\n\n[dir=\"rtl\"] .able-offscreen {\n right: -10000px;\n left: auto;\n }\n\n.able-offscreen {\n top:auto;\n width:1px;\n height:1px;\n overflow:hidden;\n}\n\n.able-media-container audio {\n display: none !important;\n}\n\n.able-video {\n}\n\n.able-video .able-now-playing {\n display: none; /* not currently used for video */\n}\n\n.able-controller {\n position: relative;\n border-top: 2px solid #4c4c4c;\n border-bottom: 2px solid #4c4c4c;\n background-color: #464646; /* background color of controller bar */\n min-height: 38px; /* height of button (20px) + 4px border + 4px padding */\n padding: 0;\n}\n\n.able-poster {\n position: absolute;\n top: 0;\n left: 0;\n}\n\n/*\n Controller Buttons & Controls\n*/\n\n.able-big-play-button {\n position: absolute;\n font-size: 8em;\n opacity: 0.5;\n filter:alpha(opacity=50); /* for IE */\n color: #fdfdfd;\n background-color: transparent;\n border: none;\n outline: none;\n left: 0;\n top: 0;\n padding: 0;\n z-index: 6500;\n}\n\n.able-big-play-button:hover {\n opacity: 100;\n filter:alpha(opacity=100); /* for IE */\n}\n\n.able-left-controls, .able-right-controls {\n overflow: visible;\n}\n\n.able-left-controls button, .able-right-controls button {\n vertical-align: middle;\n}\n\n[dir=\"ltr\"] .able-left-controls {\n float: left;\n}\n\n[dir=\"rtl\"] .able-left-controls {\n float: right;\n}\n\n[dir=\"ltr\"] .able-right-controls {\n float: right;\n}\n\n[dir=\"rtl\"] .able-right-controls {\n float: left;\n}\n\n.able-black-controls,\n.able-black-controls button,\n.able-black-controls label {\n color: #000 !important;\n}\n\n.able-black-controls .able-seekbar {\n border: 2px solid #000;\n}\n\n.able-white-controls,\n.able-white-controls button,\n.able-black-controls label {\n color: #FFF !important;\n}\n\n.able-white-controls .able-seekbar {\n border: 2px solid #FFF;\n}\n\n.able-controller button {\n background: none;\n position: relative;\n display: inline-block;\n border-style: none;\n margin: 3px;\n padding: 0;\n font-size: 20px;\n min-width: 24px;\n outline: 2px solid #464646; /* same color as .able-controller background-color */\n border: none;\n overflow: visible !important;\n z-index: 6600;\n}\n\n.able-controller button > span,\n.able-controller button > img {\n width: 20px;\n margin: 0 auto;\n padding: 0;\n z-index: 6700;\n}\n\n.able-controller .buttonOff {\n opacity: 0.5;\n filter:alpha(opacity=50); /* for IE */\n z-index: 6800;\n}\n\n.able-controller .able-seekbar {\n margin: 0 5px;\n z-index: 6900;\n}\n\n.able-controller button:hover,\n.able-controller button:focus {\n outline-style: solid;\n outline-width: medium;\n}\n\n.able-controller button:hover {\n outline-color: #8AB839 !important; /* green */\n}\n\n.able-controller button:focus {\n outline-color: #ffbb37 !important; /* yellow */\n}\n\n/*\n Seekbar\n*/\n\n.able-seekbar-wrapper {\n display: inline-block;\n vertical-align: middle;\n}\n\n.able-seekbar {\n position: relative;\n height: 0.5em;\n border: 1px solid;\n background-color: #000000;\n margin: 0 3px;\n border-style: solid;\n border-width: 2px;\n border-color: #ffffff;\n}\n\n.able-seekbar-loaded {\n display: inline-block;\n position: absolute;\n left: 0;\n top: 0;\n height: 0.5em;\n background-color: #464646;\n z-index: 5100;\n}\n\n.able-seekbar-played {\n display: inline-block;\n position: absolute;\n left: 0;\n top: 0;\n height: 0.5em;\n background-color: #DADADA;\n z-index: 5200;\n}\n\n.able-seekbar-head {\n display: inline-block;\n position: relative;\n left: 0;\n top: -0.45em;\n background-color: #FDFDFD;\n width: 0.8em;\n height: 0.8em;\n border: 1px solid;\n border-radius: 0.8em;\n z-index: 5500;\n}\n\n/*\n Volume Slider\n*/\n\n.able-volume-slider {\n width: 34px;\n height: 50px;\n background-color: #464646; /* same as .able-controller */\n padding: 10px 0;\n position: absolute;\n right: 0px;\n top: -74px;\n display: block;\n z-index: 9100;\n}\n\n.able-volume-track {\n display: block;\n position: relative;\n height: 100%; /* = 50px after padding */\n width: 5px;\n margin: 0 auto;\n background-color: #999;\n}\n\n.able-volume-track.able-volume-track-on {\n background-color: #dadada;\n position: absolute;\n height: 20px; /* change dynamically; 5px per volume tick */\n top: 30px; /* change dynamically; 50px - height */\n}\n\n.able-volume-head {\n display: inline-block;\n background-color: #fdfdfd;\n outline: 1px solid #333;\n position: absolute;\n height: 7px;\n width: 15px;\n left: -5px;\n top: 23px; /* change dynamically; .able-volume-track-on top - 7 */\n z-index: 9175;\n}\n\n.able-volume-head:hover,\n.able-volume-head:focus {\n background-color: #ffbb37 !important; /* yellow */\n}\n\n.able-volume-help { /* not visible; used in aria-describedby */\n display: none;\n}\n\n/*\ninput[type=range]:focus {\n outline: none;\n}\ninput[type=range]::-webkit-slider-runnable-track {\n width: 100%;\n height: 8.4px;\n cursor: pointer;\n animate: 0.2s;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n background: #3071a9;\n border-radius: 1.3px;\n border: 0.2px solid #010101;\n}\ninput[type=range]::-webkit-slider-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 36px;\n width: 16px;\n border-radius: 3px;\n background: #ffffff;\n cursor: pointer;\n -webkit-appearance: none;\n margin-block-start: -14px;\n}\ninput[type=range]:focus::-webkit-slider-runnable-track {\n background: #367ebd;\n}\ninput[type=range]::-moz-range-track {\n width: 100%;\n height: 8.4px;\n cursor: pointer;\n animate: 0.2s;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n background: #3071a9;\n border-radius: 1.3px;\n border: 0.2px solid #010101;\n}\ninput[type=range]::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 36px;\n width: 16px;\n border-radius: 3px;\n background: #ffffff;\n cursor: pointer;\n}\ninput[type=range]::-ms-track {\n width: 100%;\n height: 8.4px;\n cursor: pointer;\n animate: 0.2s;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\ninput[type=range]::-ms-fill-lower {\n background: #2a6495;\n border: 0.2px solid #010101;\n border-radius: 2.6px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\ninput[type=range]::-ms-fill-upper {\n background: #3071a9;\n border: 0.2px solid #010101;\n border-radius: 2.6px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\ninput[type=range]::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 36px;\n width: 16px;\n border-radius: 3px;\n background: #ffffff;\n cursor: pointer;\n}\ninput[type=range]:focus::-ms-fill-lower {\n background: #3071a9;\n}\ninput[type=range]:focus::-ms-fill-upper {\n background: #367ebd;\n}\n*/\n\n/*\n Status Bar\n*/\n\n.able-status-bar {\n height: 1.5em;\n min-height: 1.5em;\n color: #CCC;\n font-size: 0.9em;\n background-color: transparent;\n padding: 0.5em 0.5em 0.25em;\n}\n\n[dir=\"ltr\"] .able-status-bar span.able-timer {\n text-align: left;\n}\n\n[dir=\"rtl\"] .able-status-bar span.able-timer {\n text-align: right;\n}\n\n[dir=\"ltr\"] .able-status-bar span.able-timer {\n float: left;\n}\n\n[dir=\"rtl\"] .able-status-bar span.able-timer {\n float: right;\n}\n\n.able-status-bar span.able-timer {\n /* contains both span.elapsedTime and span.duration */\n width: 32%;\n}\n\n[dir=\"ltr\"] .able-status-bar span.able-speed {\n float: left;\n}\n\n[dir=\"rtl\"] .able-status-bar span.able-speed {\n float: right;\n}\n\n.able-status-bar span.able-speed {\n width: 33%;\n text-align: center;\n}\n\n[dir=\"ltr\"] .able-status {\n float: right;\n}\n\n[dir=\"rtl\"] .able-status {\n float: left;\n}\n\n.able-status {\n font-style: italic;\n width: 32%;\n text-align :right;\n}\n\n/*\n Captions and Descriptions\n*/\n\ndiv.able-captions-wrapper {\n width: 100%;\n margin: 0;\n padding: 0;\n text-align: center;\n line-height: 1.35em;\n display: block;\n z-index: 6000;\n}\n\ndiv.able-captions {\n display: none;\n padding: 0.15em 0.25em;\n /* settings that are overridden by user prefs */\n background-color: black;\n font-size: 1.1em;\n color: white;\n opacity: 0.75;\n}\n\ndiv.able-captions-overlay {\n position: absolute;\n margin: 0;\n bottom: 0;\n}\n\ndiv.able-captions-below {\n position: relative;\n min-height: 2.8em;\n}\n\ndiv.able-descriptions {\n position: relative;\n color: #FF6; /* yellow, to differentiate it from captions */\n background-color: #262626;\n min-height: 2.8em;\n border-top: 1px solid #666;\n margin: 0;\n padding: 3%;\n width: 94%;\n text-align: center;\n}\n\n/*\n Now Playing\n*/\n\ndiv.able-now-playing {\n text-align: center;\n font-weight: bold;\n font-size: 1.1em;\n color: #FFFFFF;\n background-color: transparent;\n padding: 0.5em 0.5em 1em;\n}\n\ndiv.able-now-playing span {\n font-size: 0.9em;\n}\n\ndiv.able-now-playing span span {\n display: block;\n}\n\n/*\n Modal Dialogs\n*/\n\n[dir=\"ltr\"] div.able-modal-dialog {\n margin-left: auto;\n}\n\n[dir=\"rtl\"] div.able-modal-dialog {\n margin-right: auto;\n}\n\n[dir=\"ltr\"] div.able-modal-dialog {\n margin-right: auto;\n}\n\n[dir=\"rtl\"] div.able-modal-dialog {\n margin-left: auto;\n}\n\ndiv.able-modal-dialog {\n position: absolute;\n height: auto;\n max-width: 90%;\n left: 0px;\n right: 0px;\n outline: 0px none;\n display: none;\n color: #000;\n background-color: #FAFAFA;\n -webkit-box-sizing: content-box !important;\n box-sizing: content-box !important;\n z-index: 10000;\n}\n\ndiv.able-modal-overlay {\n position: fixed;\n width: 100%;\n height: 100%;\n background-color: #000;\n opacity: 0.5;\n margin: 0;\n padding: 0;\n top: 0;\n left: 0;\n display: none;\n z-index: 9500;\n}\n\nbutton.modalCloseButton {\n position: absolute;\n top: 5px;\n right: 5px;\n}\n\n[dir=\"ltr\"] button.modal-button {\n margin-right: 5px;\n}\n\n[dir=\"rtl\"] button.modal-button {\n margin-left: 5px;\n}\n\ndiv.able-modal-dialog input:hover,\ndiv.able-modal-dialog input:focus,\ndiv.able-modal-dialog button:hover,\ndiv.able-modal-dialog button:focus {\n outline-style: solid;\n outline-width: 2px;\n}\n\ndiv.able-modal-dialog input:hover,\ndiv.able-modal-dialog button:hover {\n outline-color: #8AB839; /* green */\n}\n\ndiv.able-modal-dialog input:focus,\ndiv.able-modal-dialog button:focus {\n outline-color: #ffbb37; /* yellow */\n}\n\ndiv.able-modal-dialog h1 {\n font-weight: bold;\n font-size: 1.8em;\n line-height: 1.2em;\n margin: 0.75em 0;\n color: #000;\n text-align: center;\n}\n\n.able-prefs-form,\n.able-help-div,\n.able-resize-form {\n background-color: #F5F5F5;\n border: medium solid #ccc;\n padding: 0.5em 1em;\n margin: 0 0 0 1em;\n width: 25em;\n display: none;\n}\n\n/*\n Preferences Form\n*/\n\n[dir=\"ltr\"] .able-prefs-form fieldset {\n margin-left: 0;\n}\n\n[dir=\"rtl\"] .able-prefs-form fieldset {\n margin-right: 0;\n}\n\n.able-prefs-form fieldset {\n padding-left: 0;\n border: none;\n}\n\n.able-prefs-form legend {\n color: black;\n font-weight: bold;\n font-size: 1.1em;\n}\n\n[dir=\"ltr\"] .able-prefs-form fieldset div {\n margin-left: 1em;\n}\n\n[dir=\"rtl\"] .able-prefs-form fieldset div {\n margin-right: 1em;\n}\n\n.able-prefs-form fieldset div {\n display: table;\n}\n\n.able-prefs-form fieldset div input {\n display: table-cell;\n width: 1em;\n vertical-align: middle;\n}\n\n.able-prefs-form fieldset div label {\n display: table-cell;\n padding-left: 0.5em;\n}\n\n[dir=\"ltr\"] fieldset.able-prefs-keys div {\n float: left;\n}\n\n[dir=\"rtl\"] fieldset.able-prefs-keys div {\n float: right;\n}\n\n[dir=\"ltr\"] fieldset.able-prefs-keys div {\n margin-right: 1em;\n}\n\n[dir=\"rtl\"] fieldset.able-prefs-keys div {\n margin-left: 1em;\n}\n\n[dir=\"ltr\"] div.able-desc-pref-prompt {\n margin-left: 1em !important;\n}\n\n[dir=\"rtl\"] div.able-desc-pref-prompt {\n margin-right: 1em !important;\n}\n\ndiv.able-desc-pref-prompt {\n font-weight: bold;\n font-style: italic;\n}\n\n[dir=\"ltr\"] div.able-prefDescFormat > div {\n margin-left: 1.5em;\n}\n\n[dir=\"rtl\"] div.able-prefDescFormat > div {\n margin-right: 1.5em;\n}\n\n[dir=\"ltr\"] .able-prefs-captions label,[dir=\"ltr\"] \n.able-prefs-captions select {\n float: left;\n}\n\n[dir=\"rtl\"] .able-prefs-captions label,[dir=\"rtl\"] \n.able-prefs-captions select {\n float: right;\n}\n\n.able-prefs-captions label,\n.able-prefs-captions select {\n display: block;\n margin-bottom: 0.25em;\n}\n\n[dir=\"ltr\"] fieldset.able-prefs-captions label {\n text-align: right;\n}\n\n[dir=\"rtl\"] fieldset.able-prefs-captions label {\n text-align: left;\n}\n\nfieldset.able-prefs-captions label {\n width: 6em;\n padding-right: 1em;\n}\n\nfieldset.able-prefs-captions select {\n width: 10em;\n font-size: 0.9em;\n border-radius: none;\n}\n\n.able-prefs-form div.able-captions-sample {\n padding: 0.5em;\n text-align: center;\n}\n\n.able-prefs-form h2 {\n margin-top: 0;\n margin-bottom: 0.5em;\n font-size: 1.1em;\n}\n\n.able-prefs-form ul {\n margin-top: 0;\n}\n\n/*\n Keyboard Preferences Dialog\n*/\n\nable-prefs-form-keyboard ul {\n list-style-type: none;\n}\n\nspan.able-modkey-alt,\nspan.able-modkey-ctrl,\nspan.able-modkey-shift {\n color: #666;\n font-style: italic;\n}\n\nspan.able-modkey {\n font-weight: bold;\n color: #000;\n font-size: 1.1em;\n}\n\n/*\n Resize Window Dialog\n*/\n\n.able-resize-form h1 {\n font-size: 1.15em;\n}\n\n.able-resize-form div div {\n margin: 1em;\n}\n\n.able-resize-form label {\n padding-right: 0.5em;\n font-weight: bold;\n}\n\n.able-resize-form input[type=\"text\"] {\n font-size: 1em;\n}\n\n.able-resize-form input[readonly] {\n color: #AAA;\n}\n\n/*\n Drag & Drop\n*/\n\n.able-window-toolbar {\n background-color: #464646;\n min-height: 15px;\n padding: 10px;\n border-style: solid;\n border-width: 0 0 1px 0;\n}\n\n.able-draggable:hover {\n cursor: move;\n}\n\n.able-window-toolbar .able-button-handler-preferences {\n position: absolute;\n top: 0;\n right: 0;\n font-size: 1.5em;\n background-color: transparent;\n border: none;\n outline: none;\n padding: 0;\n z-index: 9300;\n}\n\n.able-window-toolbar .able-button-handler-preferences:hover,\n.able-window-toolbar .able-button-handler-preferences:focus {\n outline-style: solid;\n outline-width: medium;\n}\n\n.able-window-toolbar .able-button-handler-preferences:hover {\n outline-color: #8AB839 !important; /* green */\n}\n\n.able-window-toolbar .able-button-handler-preferences:focus {\n outline-color: #ffbb37 !important; /* yellow */\n}\n\n.able-window-toolbar .able-popup {\n position: absolute;\n cursor: default;\n right: 0;\n top: 0;\n display: block;\n}\n\n.able-drag {\n border: 2px dashed #F90;\n cursor: move;\n}\n\n.able-resizable {\n position: absolute;\n width: 16px;\n height: 16px;\n padding: 5px 0 0 5px;\n bottom: 0;\n right: 0;\n cursor: nwse-resize;\n background: transparent bottom right url('../ableplayer/images/wingrip.png') no-repeat;\n}\n\n/*\n Sign Language Window\n*/\n\n.able-sign-window {\n position: relative;\n margin: 1em;\n /* max-width: 100%; */\n z-index: 8000;\n}\n\n.able-sign-window video {\n width: 100%;\n}\n\n.able-sign-window:focus {\n outline: none;\n}\n\n/*\n External chapters div\n*/\n\ndiv.able-chapters-div {\n padding: 0;\n}\n\ndiv.able-chapters-div .able-chapters-heading {\n margin: 1em 0.75em;\n font-size: 1.1em;\n font-weight: bold;\n}\n\ndiv.able-chapters-div ul {\n list-style-type: none;\n padding-left: 0;\n}\n\ndiv.able-chapters-div ul li {\n max-width: 100%;\n padding: 0;\n height: 2em;\n}\n\n[dir=\"ltr\"] div.able-chapters-div button {\n text-align: left;\n}\n\n[dir=\"rtl\"] div.able-chapters-div button {\n text-align: right;\n}\n\ndiv.able-chapters-div button {\n width: 100%;\n height: 100%;\n border: none;\n background-color: transparent;\n color: #000;\n font-size: 1em;\n padding: 0.15em 1em;\n}\n\ndiv.able-chapters-div li.able-current-chapter {\n background-color: #000 !important;\n}\n\ndiv.able-chapters-div li.able-current-chapter button {\n color: #FFF !important;\n}\n\ndiv.able-chapters-div li.able-focus {\n background-color: #4C4C4C;\n}\n\ndiv.able-chapters-div button:focus,\ndiv.able-chapters-div button:hover,\ndiv.able-chapters-div button::-moz-focus-inner {\n border: 0;\n outline: none;\n color: #FFF !important;\n}\n\n/*\n Fullscreen settings\n In v2.2.4b commented out :-webkit-full-screen style\n This was causing the toolbar in fullscreen mode to be positioned slightly offscreen in webkit browsers\n Safari had an additional problem in window height was being calculated (see event.js > onWindowResize())\n Commenting out this style appears have no adverse effect in any browser\n All other fullscreen styles were already commented out, and left here solely for reference\n*/\n\n/*\n:-webkit-full-screen {\n position: fixed;\n width: 100%;\n height: 100%;\n top: 0;\n background: none;\n}\n:-moz-full-screen {\n position: fixed;\n width: 100%;\n height: 100%;\n top: 0;\n bottom: 20;\n background: none;\n}\n\n:-ms-fullscreen {\n position: fixed;\n width: 100%;\n height: 100%;\n top: 0;\n background: none;\n}\n\n:fullscreen {\n position: fixed;\n width: 100%;\n height: 80%;\n top: 0;\n background: none;\n}\n*/\n\n/*\n Tooltips & Alerts\n*/\n\n.able-tooltip, .able-alert {\n position: absolute;\n padding: 5px 10px;\n border-color: black;\n border-width: 1px;\n color: #000 !important;\n background-color: #CCCCCC;\n border-radius: 5px;\n display: block;\n}\n\n.able-alert {\n background-color: #FFFFCC;\n -webkit-box-shadow: 0px 0px 16px #262626;\n box-shadow: 0px 0px 16px #262626;\n z-index: 9400;\n}\n\n.able-popup {\n z-index: 9200;\n}\n\n.able-tooltip {\n z-index: 9000;\n}\n\n/*\n Popup Menus\n*/\n\n.able-popup {\n position: absolute;\n margin: 0;\n padding: 0;\n border-color: black;\n border-width: 1px;\n background-color: #000;\n opacity: 0.85;\n border-radius: 5px;\n display: block;\n cursor: default;\n list-style: none;\n}\n\nul.able-popup {\n list-style-type: none;\n}\n\n.able-popup li {\n padding: 0.25em 1em 0.25em 0.25em;\n margin: 1px;\n color: #FFF;\n}\n\n.able-popup li.able-focus {\n background-color: #CCC;\n color: #000;\n}\n\n.able-popup-captions li {\n padding-left: 1em;\n}\n\n.able-popup-captions li[aria-checked=\"true\"] {\n padding-left: 0;\n}\n\n.able-popup-captions li[aria-checked=\"true\"]::before {\n content: \"\\2713 \"; /* check mark; for heavier mark us 2714 */\n}\n\n/*\n Transcript\n*/\n\n.able-transcript-area {\n border-width: 1px;\n border-style: solid;\n height: 400px;\n z-index: 7000;\n outline: none;\n padding-bottom: 25px; /* keep content above 16x16px drag icon */\n background-color: #FFF;\n}\n\n.able-transcript {\n position: relative; /* must be positioned for scrolling */\n overflow-y: scroll;\n padding-left: 5%;\n padding-right: 5%;\n /* width: 90%; */\n background-color: #FFF;\n height: 350px;\n}\n\n.able-transcript div {\n margin: 1em 0;\n}\n\n.able-transcript-heading {\n font-size: 1.4em;\n font-weight: bold;\n}\n\n.able-transcript-chapter-heading {\n font-size: 1.2em;\n font-weight: bold;\n}\n\n.able-transcript div.able-transcript-desc {\n background-color: #FEE;\n border: thin solid #336;\n font-style: italic;\n padding: 1em;\n}\n\n.able-transcript .able-unspoken {\n font-weight: bold;\n}\n\n.able-transcript .able-hidden {\n position: absolute !important;\n clip: rect(1px 1px 1px 1px); /* IE6, IE7 */\n clip: rect(1px, 1px, 1px, 1px);\n}\n\n.able-highlight {\n background: #FF6; /* light yellow */\n}\n\n.able-previous {\n background: black !important;\n font-style: italic;\n}\n\n.able-transcript span:hover,\n.able-transcript span:focus,\n.able-transcript span:active {\n background: #CF6; /* light green */\n cursor: pointer;\n}\n\n[dir=\"ltr\"] .able-window-toolbar label {\n margin-right: 10px;\n}\n\n[dir=\"rtl\"] .able-window-toolbar label {\n margin-left: 10px;\n}\n\n.able-window-toolbar label {\n color: #FFF;\n}\n\n.able-window-toolbar input:focus,\n.able-window-toolbar input:hover,\n.able-window-toolbar select:focus,\n.able-window-toolbar select:hover,\n.able-controller input:focus,\n.able-controller input:hover,\n.able-controller button:focus,\n.able-controller button:hover,\n.able-seekbar-head:focus,\n.able-seekbar-head:hover {\n outline-style: solid;\n outline-width: 2px;\n}\n\n.able-window-toolbar input:focus,\n.able-window-toolbar select:focus,\n.able-controller input:focus,\n.able-controller button:focus,\n.able-seekbar-head:focus {\n outline-color: #ffbb37; /* yellow */\n}\n\n.able-window-toolbar input:hover,\n.able-window-toolbar select:hover,\n.able-controller input:hover,\n.able-controller button:hover,\n.able-seekbar-head:hover {\n outline-color: #8AB839; /* green */\n}\n\n[dir=\"ltr\"] .able-window-toolbar .transcript-language-select-wrapper {\n float: right;\n}\n\n[dir=\"rtl\"] .able-window-toolbar .transcript-language-select-wrapper {\n float: left;\n}\n\n.able-window-toolbar .transcript-language-select-wrapper {\n padding-right: 30px;\n}\n\n/*\n Playlist (both audio and video)\n*/\n\n.able-playlist {\n list-style-type: none;\n margin: 0;\n background-color: #FFFFFF;\n padding: 5px 0;\n}\n\n.able-playlist li {\n background-color: #DDDDDD; /* default background color of each item in playlist */\n margin: 5px;\n padding: 0;\n border: 2px solid #AAA;\n border-radius: 5px;\n -moz-border-radius: 5px;\n}\n\n.able-playlist li button {\n border: none;\n color: #000000;\n background-color: transparent;\n font-size: 1em;\n width: 100%;\n padding: 5px 10px;\n text-align: left;\n}\n\n.able-playlist li button:hover,\n.able-playlist li button:focus,\n.able-playlist li button:active { /* playlist items when they have mouse or keyboard focus */\n background-color: #FFEEB3;\n color: #000000;\n text-decoration: none;\n outline: none;\n}\n\n.able-playlist li button::-moz-focus-inner {\n border: 0;\n}\n\n.able-playlist li button img {\n width: 100px;\n float: left;\n margin-right: 10px;\n}\n\n.able-playlist li.able-current { /* currently selected playlist item */\n background-color: #340449;\n border-color: #230330;\n}\n\n.able-playlist li.able-current button {\n color: #FFFFFF;\n font-weight: bold;\n text-decoration: none;\n outline: none;\n}\n\n.able-playlist li.able-current button:hover,\n.able-playlist li.able-current button:focus,\n.able-playlist li.able-current button:active {\n color: #000000;\n}\n\n/*\n Search\n*/\n\n.able-search-results ul li {\n font-size: 1.1em;\n margin-bottom: 1em;\n}\n\n.able-search-results-time {\n font-weight: bold;\n text-decoration: underline;\n cursor: pointer;\n}\n\n.able-search-results-time:hover,\n.able-search-results-time:focus,\n.able-search-results-time:active {\n color: #FFF;\n background-color: #000;\n text-decoration: none;\n}\n\n.able-search-results-text {\n padding-left: 1em;\n}\n\n.able-search-term {\n background-color: #FFC;\n font-weight: bold;\n}\n\n/*\n Video Transcript Sorter (VTS)\n*/\n\n#able-vts-instructions {\n margin-bottom: 1.5em;\n padding: 1em;\n border: 1px solid #999;\n width: 720px;\n max-width: 90%;\n}\n\n#able-vts fieldset {\n margin: 1em;\n border: none;\n}\n\n#able-vts fieldset legend {\n color: #000;\n font-weight: bold;\n}\n\n[dir=\"ltr\"] #able-vts fieldset div {\n float: left;\n}\n\n[dir=\"rtl\"] #able-vts fieldset div {\n float: right;\n}\n\n#able-vts fieldset div {\n padding-right: 1em;\n}\n\n[dir=\"ltr\"] #able-vts table {\n clear: left;\n}\n\n[dir=\"rtl\"] #able-vts table {\n clear: right;\n}\n\n#able-vts table,\n#able-vts table th,\n#able-vts table td {\n border: 1px solid black;\n border-collapse: collapse;\n padding: 0.5em 0.75em;\n}\n\n#able-vts table th.actions {\n min-width: 140px;\n}\n\n#able-vts table td button {\n width: auto;\n padding: 0;\n margin: 2px;\n}\n\n#able-vts table td button svg {\n width: 16px;\n height: 16px;\n}\n\n#able-vts table button:hover,\n#able-vts table button:focus {\n /* border: 3px solid #66c2ff; */\n}\n\n#able-vts table button:hover svg {\n fill: #C00;\n}\n\ntr.kind-chapters,\ntr.kind-subtitles {\n background-color: #FFF;\n}\n\ntr.kind-descriptions {\n background-color: #FEE;\n}\n\ntr.kind-chapters {\n background-color: #e6ffe6;\n}\n\n.able-vts-dragging {\n background-color: #FFC;\n}\n\ndiv#able-vts-icon-credit {\n margin: 1em;\n}\n\ndiv#able-vts-alert {\n display: none;\n position: fixed;\n top: 5px;\n left: 5px;\n border: 2px solid #666;\n background-color: #FFC;\n padding: 1em;\n font-weight: bold;\n z-index: 9400;\n}\n\nbutton#able-vts-save {\n font-size: 1em;\n padding: 0.25em;\n border-radius: 5px;\n margin-bottom: 1em;\n font-weight: bold;\n}\n\nbutton#able-vts-save:hover,\nbutton#able-vts-save:focus {\n color: white;\n background-color: #060;\n}\n\n.able-vts-output-instructions {\n width: 720px;\n max-width: 90%;\n}\n\n#able-vts textarea {\n height: 200px;\n width: 720px;\n max-width: 90%;\n}\n\n/*\n Misc\n*/\n\n.able-clipped, .able-screenreader-alert {\n /* hide from sighted users, but not screen reader users */\n position: absolute !important;\n clip: rect(1px 1px 1px 1px); /* IE6, IE7 */\n clip: rect(1px, 1px, 1px, 1px);\n /* additional rules are needed to ensure clipped buttons are truly invisible in Safari on Mac OS X */\n width: 1px !important;\n height: 1px !important;\n overflow: hidden !important;\n}\n\n.able-error {\n display: block;\n background: #ffc;\n border: 2px solid #000;\n color: #FF0000;\n margin: 0.75em;\n padding: 0.5em;\n}\n\n.able-fallback {\n display: block;\n text-align: center;\n border: 2px solid #333355;\n background-color: #EEE;\n color: #000;\n font-weight: bold;\n font-size: 1.1em;\n padding: 1em;\n margin-bottom: 1em;\n max-width: 500px;\n width: 95%;\n}\n\n[dir=\"ltr\"] .able-fallback div,[dir=\"ltr\"] \n.able-fallback ul,[dir=\"ltr\"] \n.able-fallback p {\n text-align: left;\n}\n\n[dir=\"rtl\"] .able-fallback div,[dir=\"rtl\"] \n.able-fallback ul,[dir=\"rtl\"] \n.able-fallback p {\n text-align: right;\n}\n\n.able-fallback li {\n font-weight: normal;\n}\n\n.able-fallback img {\n width: 90%;\n margin: 1em auto;\n opacity: 0.3;\n}\n\n.able-fallback img.able-poster {\n position: relative;\n}\n\n/*\n SVG Icons\n*/\n\nbutton svg {\n display: inline-block;\n width: 1em;\n height: 1em;\n fill: currentColor;\n}\n\n/*\n icomoon.io font styling\n*/\n\n@font-face {\n font-family: 'able';\n src: url('../ableplayer/button-icons/fonts/able.eot?dqripi');\n src: url('../ableplayer/button-icons/fonts/able.eot?dqripi#iefix') format('embedded-opentype'),\n url('../ableplayer/button-icons/fonts/able.ttf?dqripi') format('truetype'),\n url('../ableplayer/button-icons/fonts/able.woff?dqripi') format('woff'),\n url('../ableplayer/button-icons/fonts/able.svg?dqripi#able') format('svg');\n font-weight: normal;\n font-style: normal;\n}\n\n[class^=\"icon-\"], [class*=\" icon-\"] {\n /* use !important to prevent issues with browser extensions that change fonts */\n font-family: 'able' !important;\n speak: none;\n font-style: normal;\n font-weight: normal;\n -webkit-font-feature-settings: normal;\n font-feature-settings: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n\n /* Better Font Rendering =========== */\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n.icon-play:before {\n content: \"\\f04b\";\n}\n\n.icon-pause:before {\n content: \"\\f04c\";\n}\n\n.icon-stop:before {\n content: \"\\f04d\";\n}\n\n.icon-restart:before {\n content: \"\\e900\";\n}\n\n.icon-rewind:before {\n content: \"\\e603\";\n}\n\n.icon-forward:before {\n content: \"\\e604\";\n}\n\n.icon-previous:before {\n content: \"\\e901\";\n}\n\n.icon-next:before {\n content: \"\\e902\";\n}\n\n.icon-slower:before {\n content: \"\\f0dd\";\n}\n\n.icon-faster:before {\n content: \"\\f0de\";\n}\n\n.icon-turtle:before {\n content: \"\\e904\";\n}\n\n.icon-rabbit:before {\n content: \"\\e905\";\n}\n\n.icon-ellipsis:before {\n content: \"\\e903\";\n}\n\n.icon-pipe:before {\n content: \"\\e600\";\n}\n\n.icon-captions:before {\n content: \"\\e601\";\n}\n\n.icon-descriptions:before {\n content: \"\\e602\";\n}\n\n.icon-sign:before {\n content: \"\\e60a\";\n}\n\n.icon-volume-mute:before {\n content: \"\\e606\";\n}\n\n.icon-volume-soft:before {\n content: \"\\e60c\";\n}\n\n.icon-volume-medium:before {\n content: \"\\e605\";\n}\n\n.icon-volume-loud:before {\n content: \"\\e60b\";\n}\n\n.icon-volume-up:before {\n content: \"\\e607\";\n}\n\n.icon-volume-down:before {\n content: \"\\e608\";\n}\n\n.icon-chapters:before {\n content: \"\\e609\";\n}\n\n.icon-transcript:before {\n content: \"\\f15c\";\n}\n\n.icon-preferences:before {\n content: \"\\e60d\";\n}\n\n.icon-close:before {\n content: \"\\f00d\";\n}\n\n.icon-fullscreen-expand:before {\n content: \"\\f065\";\n}\n\n.icon-fullscreen-collapse:before {\n content: \"\\f066\";\n}\n\n.icon-help:before {\n content: \"\\f128\";\n}\n\n/* Solarized Light\n\nFor use with Jekyll and Pygments\n\nhttp://ethanschoonover.com/solarized\n\nSOLARIZED HEX ROLE\n--------- -------- ------------------------------------------\nbase01 var(--w3c-blue) body text / default code / primary content\nbase1 var(--dk-grey) comments / secondary content\nbase3 #fdf6e3 background\norange var(--faded-red) constants\nred var(--faded-red) regex, special keywords\nblue var(--w3c-classic) reserved keywords\ncyan var(--wai-green) strings, numbers\ngreen var(--wai-green) operators, other keywords\n\n*/\n\npre {\n white-space: pre-wrap;\n}\n\n.highlight {\n font-size: 14px;\n color: #003366;\n color: var(--w3c-blue);\n -moz-tab-size: 2;\n -o-tab-size: 2;\n tab-size: 2;\n -webkit-font-feature-settings: \"liga\", \"clig off\";\n font-feature-settings: \"liga\", \"clig off\";\n -webkit-font-variant-ligatures: no-common-ligatures;\n font-variant-ligatures: no-common-ligatures;\n}\n\n.highlight .c { color: #3b3b3b; color: var(--dk-grey) }\n\n/* Comment */\n\n.highlight .err { color: #003366; color: var(--w3c-blue) }\n\n/* Error */\n\n.highlight .g { color: #003366; color: var(--w3c-blue) }\n\n/* Generic */\n\n.highlight .k { color: #005A6A; color: var(--wai-green) }\n\n/* Keyword */\n\n.highlight .l { color: #003366; color: var(--w3c-blue) }\n\n/* Literal */\n\n.highlight .n { color: #003366; color: var(--w3c-blue) }\n\n/* Name */\n\n.highlight .o { color: #005A6A; color: var(--wai-green) }\n\n/* Operator */\n\n.highlight .x { color: #c0272d; color: var(--faded-red) }\n\n/* Other */\n\n.highlight .p { color: #003366; color: var(--w3c-blue) }\n\n/* Punctuation */\n\n.highlight .cm { color: #3b3b3b; color: var(--dk-grey) }\n\n/* Comment.Multiline */\n\n.highlight .cp { color: #005A6A; color: var(--wai-green) }\n\n/* Comment.Preproc */\n\n.highlight .c1 { color: #3b3b3b; color: var(--dk-grey) }\n\n/* Comment.Single */\n\n.highlight .cs { color: #005A6A; color: var(--wai-green) }\n\n/* Comment.Special */\n\n.highlight .gd { color: #005A6A; color: var(--wai-green) }\n\n/* Generic.Deleted */\n\n.highlight .ge { color: #003366; color: var(--w3c-blue); font-weight: bold }\n\n/* Generic.Emph */\n\n.highlight .gr { color: #c0272d; color: var(--faded-red) }\n\n/* Generic.Error */\n\n.highlight .gh { color: #c0272d; color: var(--faded-red) }\n\n/* Generic.Heading */\n\n.highlight .gi { color: #005A6A; color: var(--wai-green) }\n\n/* Generic.Inserted */\n\n.highlight .go { color: #003366; color: var(--w3c-blue) }\n\n/* Generic.Output */\n\n.highlight .gp { color: #003366; color: var(--w3c-blue) }\n\n/* Generic.Prompt */\n\n.highlight .gs { color: #003366; color: var(--w3c-blue); font-weight: bold }\n\n/* Generic.Strong */\n\n.highlight .gu { color: #c0272d; color: var(--faded-red) }\n\n/* Generic.Subheading */\n\n.highlight .gt { color: #003366; color: var(--w3c-blue) }\n\n/* Generic.Traceback */\n\n.highlight .kc { color: #c0272d; color: var(--faded-red) }\n\n/* Keyword.Constant */\n\n.highlight .kd { color: #005A9C; color: var(--w3c-classic) }\n\n/* Keyword.Declaration */\n\n.highlight .kn { color: #005A6A; color: var(--wai-green) }\n\n/* Keyword.Namespace */\n\n.highlight .kp { color: #005A6A; color: var(--wai-green) }\n\n/* Keyword.Pseudo */\n\n.highlight .kr { color: #005A9C; color: var(--w3c-classic) }\n\n/* Keyword.Reserved */\n\n.highlight .kt { color: #c0272d; color: var(--faded-red) }\n\n/* Keyword.Type */\n\n.highlight .ld { color: #003366; color: var(--w3c-blue) }\n\n/* Literal.Date */\n\n.highlight .m { color: #005A6A; color: var(--wai-green) }\n\n/* Literal.Number */\n\n.highlight .s { color: #005A6A; color: var(--wai-green) }\n\n/* Literal.String */\n\n.highlight .na { color: #003366; color: var(--w3c-blue) }\n\n/* Name.Attribute */\n\n.highlight .nb { color: #c0272d; color: var(--faded-red) }\n\n/* Name.Builtin */\n\n.highlight .nc { color: #005A9C; color: var(--w3c-classic) }\n\n/* Name.Class */\n\n.highlight .no { color: #c0272d; color: var(--faded-red) }\n\n/* Name.Constant */\n\n.highlight .nd { color: #005A9C; color: var(--w3c-classic) }\n\n/* Name.Decorator */\n\n.highlight .ni { color: #c0272d; color: var(--faded-red) }\n\n/* Name.Entity */\n\n.highlight .ne { color: #c0272d; color: var(--faded-red) }\n\n/* Name.Exception */\n\n.highlight .nf { color: #005A9C; color: var(--w3c-classic) }\n\n/* Name.Function */\n\n.highlight .nl { color: #003366; color: var(--w3c-blue) }\n\n/* Name.Label */\n\n.highlight .nn { color: #003366; color: var(--w3c-blue) }\n\n/* Name.Namespace */\n\n.highlight .nx { color: #003366; color: var(--w3c-blue) }\n\n/* Name.Other */\n\n.highlight .py { color: #003366; color: var(--w3c-blue) }\n\n/* Name.Property */\n\n.highlight .nt { color: #005A9C; color: var(--w3c-classic) }\n\n/* Name.Tag */\n\n.highlight .nv { color: #005A9C; color: var(--w3c-classic) }\n\n/* Name.Variable */\n\n.highlight .ow { color: #005A6A; color: var(--wai-green) }\n\n/* Operator.Word */\n\n.highlight .w { color: #003366; color: var(--w3c-blue) }\n\n/* Text.Whitespace */\n\n.highlight .mf { color: #005A6A; color: var(--wai-green) }\n\n/* Literal.Number.Float */\n\n.highlight .mh { color: #005A6A; color: var(--wai-green) }\n\n/* Literal.Number.Hex */\n\n.highlight .mi { color: #005A6A; color: var(--wai-green) }\n\n/* Literal.Number.Integer */\n\n.highlight .mo { color: #005A6A; color: var(--wai-green) }\n\n/* Literal.Number.Oct */\n\n.highlight .sb { color: #3b3b3b; color: var(--dk-grey) }\n\n/* Literal.String.Backtick */\n\n.highlight .sc { color: #005A6A; color: var(--wai-green) }\n\n/* Literal.String.Char */\n\n.highlight .sd { color: #003366; color: var(--w3c-blue) }\n\n/* Literal.String.Doc */\n\n.highlight .s2 { color: #005A6A; color: var(--wai-green) }\n\n/* Literal.String.Double */\n\n.highlight .se { color: #c0272d; color: var(--faded-red) }\n\n/* Literal.String.Escape */\n\n.highlight .sh { color: #003366; color: var(--w3c-blue) }\n\n/* Literal.String.Heredoc */\n\n.highlight .si { color: #005A6A; color: var(--wai-green) }\n\n/* Literal.String.Interpol */\n\n.highlight .sx { color: #005A6A; color: var(--wai-green) }\n\n/* Literal.String.Other */\n\n.highlight .sr { color: #c0272d; color: var(--faded-red) }\n\n/* Literal.String.Regex */\n\n.highlight .s1 { color: #005A6A; color: var(--wai-green) }\n\n/* Literal.String.Single */\n\n.highlight .ss { color: #005A6A; color: var(--wai-green) }\n\n/* Literal.String.Symbol */\n\n.highlight .bp { color: #005A9C; color: var(--w3c-classic) }\n\n/* Name.Builtin.Pseudo */\n\n.highlight .vc { color: #005A9C; color: var(--w3c-classic) }\n\n/* Name.Variable.Class */\n\n.highlight .vg { color: #005A9C; color: var(--w3c-classic) }\n\n/* Name.Variable.Global */\n\n.highlight .vi { color: #005A9C; color: var(--w3c-classic) }\n\n/* Name.Variable.Instance */\n\n.highlight .il { color: #005A6A; color: var(--wai-green) }\n\n/* Literal.Number.Integer.Long */\n\n:not(.highlight) code {\n -webkit-font-feature-settings: \"liga\", \"clig off\";\n font-feature-settings: \"liga\", \"clig off\";\n -webkit-font-variant-ligatures: no-common-ligatures;\n font-variant-ligatures: no-common-ligatures;\n color: #003366;\n color: var(--w3c-blue);\n}","button, .button {\n cursor: pointer;\n border-radius: 5px;\n display: inline-block;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 8px 12px;\n border: 2px solid var(--wai-green);;\n font-size: .8125rem;\n line-height: 1.4;\n color: var(--pure-white);\n background-color: var(--wai-green);\n text-decoration: none;\n font-weight: bold;\n &:visited {\n color: var(--pure-white);\n }\n &.button-nobg {\n background: transparent;\n &:--hovcus {\n background-color: transparent;\n border-color: var(--pure-white)\n }\n }\n &.button-noborder {\n border-color: transparent;\n &:--hovcus {\n border-color: var(--pure-white)\n }\n }\n &.button-small {\n padding: 2px 4px;\n }\n &.button-inline {\n padding: 0;\n }\n}\n\n.stealthy-link:--hovcus {\n & span.button {\n background-color: var(--w3c-blue);\n color: var(--pure-white);\n }\n}\n\nbutton, .button {\n &:--hovcus {\n border-color: var(--w3c-blue);\n background-color: var(--w3c-blue);\n color: var(--pure-white);\n }\n &:focus {\n outline-color: var(--w3c-blue);\n }\n &:disabled {\n opacity: .75;\n text-decoration: line-through;\n }\n}\n\n.button-secondary {\n background-color: var(--pure-white);\n color: var(--wai-green);\n &:visited {\n color: var(--w3c-blue);\n &:--hovcus {\n color: var(--pure-white);\n }\n }\n}\n\n.button-backtotop {\n position: fixed;\n cursor: pointer;\n bottom: 16px;\n right: 16px;\n left: auto;\n &:dir(rtl) {\n right: auto;\n left: 16px;\n }\n opacity: 0.85;\n border-radius: 100px;\n background-color: var(--w3c-blue);\n border-color: var(--w3c-blue);\n box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);\n opacity: 0;\n transition: opacity .5s linear;\n &:focus,&.active {\n opacity: 1;\n }\n & svg {\n vertical-align: -1px;\n }\n &.inline {\n position:static;\n float: inline-end;\n }\n}\n\n.button-menu {\n text-transform: uppercase;\n background-color: var(--pure-white);\n color: var(--w3c-blue);\n border-color: var(--gold);\n &:--hovcus {\n border-color: var(--pure-white);\n background-color: var(--gold);\n color: var(--off-black);\n }\n}\n\n.button-group {\n display: flex;\n flex-wrap: wrap;\n margin: 0 -8px;\n & button, & .button {\n min-width: 7em;\n flex: 1;\n text-align: center;\n margin: 8px;\n }\n}","img {\n &.left {\n float: inline-start;\n margin-inline-end: 1em;\n }\n &.right {\n clear: inline-end;\n float: inline-end;\n margin-inline-start: 1em;\n }\n}","mark {\n background-color: var(--gold-light);\n}","p {\n margin: 1em 0;\n}",".showhidebutton {\n display: inline;\n background: transparent;\n color: inherit;\n border-color: transparent;\n font-weight: normal;\n &:after {\n display: inline-block;\n background-color: var(--w3c-blue);\n color: var(--pure-white);\n content: \"–\";\n font-weight: bold;\n margin-inline-start: .5em;\n padding: .3em;\n border-radius: 3px;\n width: 1em;\n height: 1em;\n line-height: 1em;\n }\n &:--hovcus {\n &:after {\n color: var(--w3c-blue);\n background-color: var(--pure-white) !important;\n }\n }\n &[aria-expanded=false]:after {\n content: \"+\";\n }\n /* &.button-inline:after {\n margin-inline-start: .2em;\n padding: .15em;\n border-radius: 3px;\n width: .85em;\n height: .85em;\n line-height: .85em;\n }*/\n}","blockquote {\n font-style: italic;\n margin-block-end: 1em;\n & cite {\n display: block;\n font-style: normal;\n /*color: var(--w3c-blue);*/\n padding-left: 2rem;\n &:before {\n content: \"— \";\n font-weight: bold;\n margin-inline-start: -2rem;\n width: 2rem;\n display: inline-block;\n }\n }\n & p:first-of-type::before {\n content: '“';\n margin-inline-start: -.75ch;\n }\n\n & p:last-of-type {\n margin-block-end: 0;\n }\n\n & p:last-of-type::after {\n content: '”';\n }\n\n\n &.special {\n text-align: center;\n }\n}\n\nblockquote.pull {\n position: relative;\n font-size: 1.25rem;\n padding-left: 1ch;\n margin-inline-start: 4rem;\n border: 1px solid transparent;\n color: var(--w3c-blue);\n font-weight: bold;\n border-inline-start: 2px solid var(--line-grey);\n &.right, &.left {\n max-width: 16rem;\n }\n &.right {\n float: inline-end;\n }\n &.left {\n float: inline-start;\n margin-inline-end: 2rem;\n }\n & p:first-of-type::before {\n font-size: 5rem;\n position: absolute;\n left: 0;\n margin-inline-start: -1.25ch;\n top:-.25ch;\n }\n & cite {\n margin-block-start: .5rem;\n font-size: 1rem;\n font-weight: normal;\n color: var(--off-black);\n }\n &.alt-1 {\n color: var(--w3c-classic);\n }\n &.alt-2 {\n color: var(--wai-green);\n }\n &.alt-3 {\n color: var(--off-black);\n }\n}",".box {\n border: solid 1px var(--line-grey);\n margin-block-start: 16px;\n background-color: var(--pure-white);\n}\n\n.box + .box#toc {\n margin-block-start: 0;\n border-block-start: 0;\n}\n\n.box.box-space-above {\n margin-block-start: 90px;\n}\n\n.box-h {\n padding: 8px 16px;\n color: var(--wai-green);\n @media print {\n color: #000;\n }\n font-weight: bold;\n background-color: var(--off-white);\n & h1, & h2, & h3, & h4, & h5, & h6 {\n border: none;\n font-size: inherit;\n color: inherit;\n margin: 0;\n padding: 0;\n font-weight: inherit;\n display: inline-block;\n @supports (all: unset) {\n all: unset;\n }\n }\n}\n\n.box-h-large {\n font-size: 1.25rem;\n color: var(--w3c-blue);\n padding-bottom: 7px;\n font-weight: normal;\n border-block-end: solid 1px var(--line-grey);\n}\n\n.box-h-icon {\n & svg {\n margin-inline-end: 4px;\n }\n}\n\n.box-i {\n &:before, &:after {\n content: \" \";\n display: table;\n }\n\n &:after {\n clear: both;\n }\n padding: 8px 16px;\n font-size: 14/16 * 1rem;\n & > :first-child {\n margin-block-start: 0;\n }\n & > :last-child {\n margin-block-end: 0;\n }\n}\n\n.box.box-list {\n & .box-i {\n & ul, & ol {\n margin:0;\n padding: 0;\n list-style: none;\n }\n }\n}\n\n.box.box-linklist {\n & .box-i {\n padding: 0;\n }\n}\n\n.box.box-simple {\n & .box-i {\n padding: 2px 8px 8px;\n }\n & .box-h-simple {\n padding: 8px 8px 2px;\n background-color: transparent;\n font-size: .875rem;\n line-height: 1.57;\n }\n}\n\n.box.box-simple.box-aside .box-i {\n font-size: .875rem;\n}\n\n@media (--medium) {\n .box {\n &.box-left, &.box-right {\n width: 33%;\n margin-block-start: -9px;\n &.box-simple { margin-block-start:-3px; }\n }\n &.box-left {\n clear: inline-start;\n float: inline-start;\n margin-inline-end: 1em;\n }\n &.box-right {\n clear: inline-end;\n float: inline-end;\n margin-inline-start: 1em;\n }\n }\n}\n",".breadcrumb {\n font-size: .8125rem;\n background-color: var(--pure-white);\n border-block-end: 1px solid var(--line-grey);\n padding-block-start: 16px;\n padding-block-end: 16px;\n margin-block-end: 32px;\n & ul {\n margin: 0;\n padding: 0;\n grid-column: 2/10;\n & li {\n display: inline-block;\n margin: 0;\n padding: 0;\n &:after {\n content: \" / \";\n color: var(--wai-green);\n white-space: pre-wrap;\n }\n &:last-child:after {\n content: \"\";\n display:none;\n }\n }\n }\n & a {\n color: var(--w3c-blue);\n @media print { &:after { content: ''; } }\n }\n & [aria-current=page] {\n font-weight: bold;\n text-decoration: none;\n }\n}\n",".content {\n display: grid;\n grid-area: content;\n grid-template-columns: repeat(6, minmax(0, 120px));\n grid-column-gap: 32px;\n & > * {\n grid-column: 1/5;\n grid-auto-flow: dense;\n }\n & > .ref-side, > & .demo-side, > & .aside {\n grid-column: 5/7;\n font-size: .875rem;\n line-height: 1.2;\n & p:first-of-type {\n margin-top: 0;\n }\n }\n &.wide {\n grid-template-columns: repeat(8, minmax(0, 120px));\n grid-column-start: navigation;\n grid-column-end: content;\n & > * {\n grid-column: 3/9;\n }\n & .sn-contents {\n grid-column:1/3;\n grid-row:1/99;\n }\n }\n}\n\n.example-bar {\n display: flex;\n padding-inline-start: 32px;\n padding-inline-end: 32px;\n @supports (display: grid) {\n display: grid;\n grid-column-gap: 32px;\n padding: 0;\n max-width: none;\n }\n grid-template-columns: repeat(6, minmax(0, 1fr));\n & > * {\n grid-column: 2/7;\n }\n & .eg {\n grid-column: 1/2;\n grid-row: 1/99;\n text-align: right;\n border-inline-end: 2px solid var(--wai-green);\n padding-block: 0;\n padding-inline: 8px;\n font-weight: bold;\n font-style: italic;\n color: var(--wai-green);\n }\n}\n\n.example-sheet {\n display: flex;\n padding-inlne-start: 32px;\n padding-inline-end: 32px;\n @supports (display: grid) {\n display: grid;\n grid-column-gap: 32px;\n padding: 0;\n max-width: none;\n }\n grid-template-columns: repeat(6, minmax(0, 1fr));\n & .example-sheet-inner {\n grid-column: 2/6;\n background-color: var(--pure-white);\n padding-block: 16px;\n padding-inline: 32px;\n }\n}",".decision-tree {\n list-style: none;\n margin: 1em 0;\n padding:0;\n & > li {\n /*border: 2px solid #999;\n border-block-start:none;*/\n & > strong {\n display: block;\n padding: 1em .5em;\n }\n &:first-child {\n /*border-block-start:2px solid #999;*/\n }\n & > ul {\n padding:0;\n list-style: none;\n /*border-block-start: 1px dotted #aaa;*/\n @supports (display: flex) {\n display:flex;\n flex-direction: row-reverse;\n flex-wrap: wrap;\n align-items: stretch;\n }\n & > li {\n text-indent: 0;\n box-sizing: border-box;\n font-weight: normal;\n @supports (display: flex) {\n flex-basis: 25%;\n }\n padding: .5em;\n // border: 1px solid #aaa;\n &:nth-child(odd) {\n @supports (display: flex) {\n flex-basis: 75%;\n }\n }\n &:nth-child(odd):last-child {\n display:block;\n flex-basis:100%;\n }\n & ul {\n padding:0;\n margin:0;\n }\n & li {\n padding: 0;\n padding-bottom: 0.5em;\n margin-block-end: 0.5em;\n border-block-end: 1px solid var(--dk-grey);\n list-style: none;\n & > em {\n display: block;\n padding-left: 1.5em;\n position: relative;\n margin-block-start: .25em;\n font-style: normal;\n &:before {\n position:absolute;\n content: '';\n top:.2em;\n margin-inline-start: -1.5em;\n }\n }\n &:last-child {\n border-bottom-style: none;\n padding-bottom: 0;\n margin-block-end: 0;\n }\n }\n }\n }\n }\n & .yes {\n background-color: color(var(--w3c-blue) lightness(95%));\n border-block-end: none;\n & li {\n list-style: disc;\n margin-inline-start: 1em;\n &:only-child {\n list-style: none;\n }\n }\n }\n & .no {\n /*border-inline-end:1px dotted #aaa;*/\n background-color: color(var(--faded-red) lightness(85%));\n border-block-end: none;\n position: relative;\n &:after { top: 100%; left: 50%; border: solid transparent; content: \" \"; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(119, 119, 119, 0); border-top-color: color(var(--faded-red) lightness(85%)); border-width: 1rem; margin-inline-start: -.5rem; z-index: 500; }\n /*&:before { top: 100%; left: 50%; border: solid transparent; content: \" \"; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(119, 119, 119, 0); border-top-color: #999; border-width: 1.1rem; margin-inline-start: -.6rem; z-index: 400; }*/\n }\n}",".doc-draft {\n & h1::before {\n content: \"Draft\";\n }\n}",".doc-note-translation {\n font-size: .8125rem;\n & p {\n margin-block-start: 5px;\n margin-block-end: 5px;\n &:first-of-type {\n margin-block-start: 0;\n }\n &:last-child {\n margin-block-end: 0;\n }\n }\n}",".doc-note {\n & h1 {\n &::before{\n background-color: var(--gold);\n color: var(--dk-blue);\n display: inline-block;\n padding: 4px 8px;\n margin-block-start: -8px;\n margin-inline-end: 8px;\n font-size: .875rem;\n text-transform: uppercase;\n letter-spacing: 1px;\n font-weight: bold;\n vertical-align: middle;\n border-radius: 3px;\n }\n }\n}\n\n.doc-note-box {\n border: 2px solid var(--gold);\n padding: 8px;\n background-color: var(--pure-white);\n margin-block-end: 20px;\n & p:first-child {\n margin-block-start: 0;\n }\n & p:last-child {\n margin-block-end: 0;\n }\n}\n\n.doc-note-translations {\n\n}","details {\n padding-left: 2rem;\n}\nsummary {\n cursor: pointer;\n display: block;\n margin-inline-start: -2rem;\n}\n\nsummary::-webkit-details-marker {\n display: none;\n}\n\nsummary {\n & > *:first-child::before {\n content: '+';\n margin-inline-end: 0.5rem;\n display: inline-block;\n border-radius: 5px;\n width: 1.3rem;\n height: 1.3rem;\n line-height: .9;\n background: var(--pure-white);\n color: var(--wai-green);\n border: 2px solid var(--wai-green);\n text-align: center;\n font-weight: bold;\n }\n &:--hovcus > *:first-child::before {\n background: var(--w3c-blue);\n border-color: var(--w3c-blue);\n color: var(--pure-white);\n }\n}\n\ndetails[open] > summary > *:first-child::before {\n content: '–';\n}\n\ndetails > div::after {\n content: \"\";\n display: block;\n clear: both;\n}\n\n.excol-all {\n margin: 16px 0;\n}","figure.shrink-wrap {\n box-sizing: border-box;\n background-color: var(--pure-white);\n width: min-content;\n max-width: 100%;\n border: 1px solid var(--line-grey);\n border-radius: 3px;\n padding: 10px;\n & .figcontent {\n @media (--medlarge) {\n display: flex;\n & > * {\n flex: 1;\n }\n }\n }\n & img {\n border: 1px solid var(--line-grey);\n max-width: none !important;\n }\n & figcaption {\n font-weight: normal;\n border: none;\n margin: 0;\n }\n}",".page-footer, .site-footer {\n font-size: .875rem;\n @media print {\n font-size: 8pt;\n }\n padding-top: 16px;\n padding-bottom: 16px;\n & p:first-of-type {\n margin-block-start: 0;\n }\n & p:last-of-type {\n margin-block-end: 0;\n }\n}\n\n.page-footer {\n margin-block-start: 32px;\n background-color: var(--footer-grey);\n & .inner {\n grid-area: content;\n }\n}\n\n.site-footer {\n margin-block-start: 32px;\n padding-top: 16px;\n padding-bottom: 16px;\n background-color: var(--dk-grey);\n color: var(--pure-white);\n @media print {\n background-color: var(--footer-grey);\n color: var(--dk-grey);\n border-block-start: 1px solid var(--dk-grey);\n }\n & a {\n color: var(--pure-white);\n }\n & a.largelink {\n color: var(--gold);\n font-size: 1.25rem;\n text-decoration: none;\n @media print {\n color: var(--dk-grey);\n font-size: 12pt;\n }\n &:hover, &:focus {\n text-decoration: underline;\n }\n }\n & .footer-list-header {\n font-weight: bold;\n border-block-end: 1px solid var(--trans-line-grey);\n padding: 4px 0;\n }\n & .about {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n @media print {\n grid-column-end: q4-end;\n flex-direction: row;\n align-items: flex-end;\n & p {\n margin: 0;\n }\n }\n }\n &>:not(.about) {\n @media print {\n display: none;\n }\n }\n}\n.page-footer + .site-footer {\n margin-block-start: 0;\n}\n\n.site-footer ul {\n margin: 0;\n padding: 0;\n}\n\n.site-footer ul li {\n list-style:none;\n}\n",".footnotes {\n margin-block-start: 60px;\n}\n.footnotes ol {\n font-size: .85rem;\n}","@custom-selector :--forminputs input:not([type=\"checkbox\"]):not([type=\"radio\"]), textarea;\n\ninput, select, textarea {\n font-size: 1em;\n font-family: inherit;\n}\n\ninput[type=\"search\"] {\n -webkit-appearance: none;\n}\n\n\nfieldset {\n border: none;\n margin: 0 0 2rem;\n padding: 0;\n}\n\nlegend {\n font-size: 1.25rem;\n font-weight: bold;\n}\n\n:--forminputs {\n border: 1px solid var(--grey);\n &:--hovcus {\n border: 1px solid var(--w3c-blue);\n }\n}\n\n& ::-webkit-input-placeholder {\n color: #767676;\n font-style: italic;\n opacity: 1;\n}\n\n& :-moz-placeholder { /* Firefox 18- */\n color: #767676;\n font-style: italic;\n opacity: 1;\n}\n\n& ::-moz-placeholder { /* Firefox 19+ */\n color: #767676;\n font-style: italic;\n opacity: 1;\n}\n\n& :-ms-input-placeholder {\n color: #767676;\n font-style: italic;\n opacity: 1;\n}\n\n.field {\n padding: 4px;\n margin: 0 0 2rem;\n & label {\n display: block;\n }\n & :--forminputs {\n display: block;\n box-sizing: border-box;\n width: 100%;\n padding: 8px;\n &:focus {\n outline: none;\n border-color: var(--w3c-classic);\n background-color: #EDF4FA;\n & ::-webkit-input-placeholder {\n color: #545554;\n }\n\n & :-moz-placeholder { /* Firefox 18- */\n color: #545554;\n }\n\n & ::-moz-placeholder { /* Firefox 19+ */\n color: #545554;\n }\n\n & :-ms-input-placeholder {\n color: #545554;\n }\n }\n }\n &:focus-within {\n background-color: #EDF4FA;\n }\n\n &:focus-within input:focus {\n background-color: var(--pure-white) !important;\n }\n}\n\n\n.group > .field {\n margin-block-end: .5rem;\n margin-inline-start: 2rem;\n}\n\n.radio-field {\n display: flex;\n padding: 4px;\n margin: 0 0 8px;\n border-radius: 3px;\n & input {\n flex: 0 0 1em;\n width: 1em;\n height: 1em;\n margin-inline-end: .5em;\n &:checked + label {\n font-weight: bold;\n color: var(--dk-blue);\n }\n }\n &:--hovcus {\n background-color: var(--light-blue);\n color: #fff;\n & :checked + label {\n color: inherit;\n }\n }\n & label {\n flex: 1 1 100%;\n cursor: pointer;\n }\n}\n\nfieldset {\n border: none;\n}\n\nlegend {\n font-size: 1.25rem;\n font-weight: bold;\n}",".searchform {\n @media (--medium) {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n & label {\n flex: 1;\n text-align: end;\n }\n & input {\n flex: 4;\n margin-inline-start: 10px;\n }\n & button {\n flex: 1;\n margin-inline-start: 10px;\n }\n}","#site-header {\n background-color: var(--w3c-classic);\n color: var(--pure-white);\n @media print {\n background-color: var(--off-white);\n color: #000;\n }\n padding-top: 3px;\n @supports (display: grid) {\n padding-inline-start: 8px;\n padding-inline-end: 8px;\n }\n & a {\n color: var(--pure-white);\n @media print {\n color: var(--w3c-classic);\n }\n @media print {\n &:after {\n content: '';\n }\n }\n }\n}\n\n.wai {\n line-height: 1.2;\n @media (--medium) {\n vertical-align: middle;\n /*display: block;*/\n font-size: 1.5625rem;\n }\n}\n\n.logos {\n grid-column-start: 2;\n grid-column-end: 6;\n grid-row-start: 1;\n padding-block: 16px;\n padding-inline: 0;\n display: flex;\n align-items: center;\n width: 60%;\n @supports (display: grid) {\n width: auto;\n }\n & .claim {\n font-size: .875rem;\n font-style: italic;\n &:lang(ar) {\n font-style: normal;\n }\n margin-inline-start: 16px;\n padding-inline-start: 16px;\n border-inline-start: 1px solid var(--gold);\n color: var(--pure-white);\n @media print {\n color: var(--w3c-classic);\n }\n flex:1 0 0;\n display: none;\n @media (--medium) {\n display: flex;\n align-items: center;\n }\n }\n}\n\n.home {\n @media (--small) {\n margin-inline-end: 32px;\n }\n text-decoration: none;\n transition: color .25s ease-in .1s;\n display: flex;\n align-items: center;\n @supports (display: grid) {\n flex:0;\n }\n @media (--large) {\n margin-inline-end: 8px;\n }\n & svg, & img {\n vertical-align:middle;\n color: inherit;\n fill: currentColor;\n height: 30px;\n @media (--medium) {\n height: 46px;\n }\n }\n img {\n padding-inline-end: 8px;\n }\n &.w3c {\n border-block-end: 2px solid transparent;\n &:hover {\n border-bottom-color: currentColor;\n }\n }\n & .wai {\n display: flex;\n flex-direction: column;\n justify-content: center;\n @media (--medium) {\n font-size: 1.25rem;\n }\n & .wa {\n padding-block-end: 2px;\n }\n & .i {\n border-block-start: 1px solid var(--gold);\n padding-top: 2px;\n display: flex;\n justify-content: space-between;\n }\n }\n &:--hovcus {\n text-decoration: underline;\n color: var(--gold) !important;\n }\n}\n","h1, h2, h3, h4, h5, h6 {\n padding: 0;\n}\n\nh1, h2 { margin: 60px 0 20px; }\nh3 { margin: 40px 0 20px; }\nh4, h5, h6 { margin: 20px 0 10px; }\nh1, h2, h3, h4 {\n color: var(--wai-green);\n @media print {\n color: #000;\n }\n}\n\nh1 {\n font-size: 1.5rem;\n @media (--medium) {\n font-size: 2rem;\n }\n @media (--large) {\n font-size: 2.375rem;\n }\n line-height: 1.2;\n font-weight: normal;\n margin-block-start: 0;\n & + h2 {\n margin-block-start: 0;\n }\n}\n\nh2 {\n font-size: 1.375rem;\n line-height: 1.2;\n font-weight: bold;\n border-block-end: 1px solid var(--line-grey);\n & + h3 {\n margin-block-start: 0;\n }\n}\n\nh3, h4 {\n font-size: 1.125rem;\n line-height: 1.4;\n}\n\nh3 + h4 {\n margin-block-start: 0;\n}\n\nh4 {\n font-weight: normal;\n & + h5 {\n margin-block-start: 0;\n }\n}\n\nh5 {\n font-weight: bold;\n line-height: 1.6;\n & + h6 {\n margin-block-start: 0;\n }\n}\n\nh6 {\n font-size:.875rem;\n line-height: 1.8;\n}\n\nh1, h2, h3, h4, h5, h6 {\n &.ex:before, &.ap:before, & b {\n color: var(--w3c-blue) !important;\n font-weight: bold;\n }\n}\n\n.no-js {\n & .ex {\n counter-increment: examples;\n counter-reset: approaches;\n &:before {\n content: 'Example ' counter(examples) ': ';\n }\n &.inap {\n counter-reset: none;\n }\n }\n\n & .newap {\n counter-reset: approaches;\n }\n\n & .newex {\n counter-reset: examples;\n }\n\n\n & h2.first, & h3.first, & .newexap {\n counter-reset: examples approaches;\n }\n\n & .ap {\n counter-increment: approaches;\n &:before {\n content: 'Approach ' counter(approaches) ': ';\n }\n }\n}\n","[class^=\"icon-\"], [class*=\" icon-\"] {\n display: inline-block;\n width: 1em;\n height: 1em;\n stroke-width: 0;\n stroke: currentColor;\n fill: currentColor;\n}\n\n/* ==========================================\nSingle-colored icons can be modified like so:\n.icon-name {\n font-size: 32px;\n color: red;\n}\n========================================== */\n\n.icon-default {\n width: 0.9285714285714285em;\n}\n\n.icon-info {\n width: 0.8571428571428571em;\n}\n\n.icon-audio-description {\n width: 3.5em;\n height: 1.75em;\n margin: -.25em;\n}\n\n.icon-search {\n width: 0.9287109375em;\n}\n\n.icon-arrow-left {\n width: 0.8928571428571428em;\n}\n\n.icon-arrow-right {\n width: 0.8214285714285714em;\n}\n\n.icon-arrow-up {\n width: 0.9285714285714285em;\n}\n\n.icon-arrow-down {\n width: 0.9285714285714285em;\n}\n\n.icon-ex-circle {\n width: 0.8571428571428571em;\n}\n\n.icon-check-circle {\n width: 0.8571428571428571em;\n}\n\n.icon-external-link {\n width: 0.8571428571428571em;\n}\n\n.icon-readmore {\n width: 0.7142857142857142em;\n}\n\n.icon-desktop {\n width: 1.0714285714285714em;\n}\n\n.icon-laptop {\n width: 1.0714285714285714em;\n}\n\n.icon-tablet {\n width: 0.6428571428571428em;\n}\n\n.icon-mobile {\n width: 0.42857142857142855em;\n}\n\n.icon-code {\n width: 1.0714285714285714em;\n}\n\n.icon-fork {\n width: 0.5714285714285714em;\n}\n\n.icon-code-file {\n width: 0.8571428571428571em;\n}\n\n.icon-cart-plus {\n width: 0.9285714285714285em;\n}\n\n.icon-languages {\n height: 1em;\n width: 2.75em;\n vertical-align: -8%;\n}\n\n.icon-translations {\n height: 1.6em;\n vertical-align: middle\n}","dl {\n margin: 16px 0;\n}\n\ndt {\n font-weight: bold;\n}\n\n.notbold dt {\n font-weight: normal;\n}\n\ndd {\n margin-inline-start: 32px;\n}\n\ndd+dt {\n margin-block-start: 8px;\n}\n\ndl.paragraph-like dd+dt {\n margin-block-start: 1em;\n}","ul li, ol li {\n margin-block-end: 8px;\n}\n\n.linklist {\n &, & li {\n margin: 0;\n padding: 0;\n list-style:none;\n }\n & a {\n display: block;\n padding: 4px 16px;\n border-block-end: 1px solid var(--line-grey);\n text-decoration: none;\n & svg {\n height: .65em;\n }\n &:hover, &:focus {\n & svg {\n color: var(--faded-red);\n }\n & .visual-a {\n text-decoration: underline;\n }\n }\n }\n & li:last-child a {\n border-block-end: none;\n }\n}\n\n.nolist {\n margin: 0;\n padding: 0;\n & li {\n list-style: none;\n margin: 0;\n padding: 0;\n }\n}\n\np+ul, p+ol {\n margin-block-start: -8px;\n}\n\n.columns {\n padding: 0;\n & > * {\n margin-inline-start: 32px;\n }\n}\n\n.two.columns, .four.columns {\n column-gap: 32px;\n @media (--medium) {\n columns: 2;\n }\n}\n\n.four.columns {\n padding: 0 8px;\n @media (--large) {\n columns: 4;\n }\n}\n\n.two.small.columns {\n column-gap: 32px;\n @media (--medium) {\n columns: 1;\n }\n @media (--large) {\n columns: 2;\n }\n}",".info {\n background-color: var(--gold);\n background-image: linear-gradient(to bottom, var(--gold), color(var(--gold) blackness(15%)));\n background-size: 100% 20%;\n background-repeat: no-repeat;\n background-position: bottom;\n font-weight: bold;\n text-align: center;\n & svg {\n margin-inline-end: 8px;\n font-size: 2em;\n vertical-align: middle;\n margin-block-start: -.14em;\n }\n}","#controls {\n background-color: var(--off-white);\n padding-inline: 8px;\n padding-block: 0;\n @media (--medium) {\n text-align: end;\n }\n font-size: .8125em;\n & > ul {\n padding: 0;\n margin: 0;\n @media (--medium) {\n grid-column-start: navigation;\n grid-column-end: content;\n }\n & > li {\n display: inline;\n list-style: none;\n margin: 0;\n margin-inline-start: 4px;\n padding: 0;\n padding-inline-start: 4px;\n @media (--medium) {\n margin: 0;\n margin-inline-start: 8px;\n padding: 0;\n padding-inline-start: 8px;\n }\n border-inline-start: 1px solid var(--w3c-blue);\n &:first-child {\n border-inline: 0;\n margin: 0;\n padding: 0;\n }\n }\n }\n & a {\n color: var(--w3c-blue);\n text-decoration: none;\n padding-block: 2px;\n padding-inline: 0;\n &:--hovcus {\n border-block-end: none;\n text-decoration: underline;\n }\n }\n @media print {\n display: none;\n }\n}\n\n#controls [hidden] {\n display: none !important;\n}\n.languagelist>ul {\n display: inline;\n margin: 0;\n padding: 0;\n}\n.languagelist>ul>li {\n border: none;\n padding: 0;\n margin:0;\n display: inline-block;\n &:first-child {\n margin-inline-end: 4px;\n }\n}\n.languagelist>ul>li:first-child:before {\n display:none;\n margin: 0;\n}\n.languagelist>ul>li:before {\n content: \"\";\n display: inline-block;\n background-color: #005A9C;\n width: 4px;\n height: 4px;\n margin:0;\n margin-block-start: -4px;\n margin-inline-end: 4px;\n vertical-align: middle;\n}\n\n#showoptions {\n display: inline;\n}",".mainnav {\n position: relative;\n font-size: .875rem;\n border-block-start: 1px solid var(--w3c-classic);\n border-block-end: 1px solid var(--w3c-classic);\n background-color: var(--w3c-blue);\n display: none;\n &.open { display: block; }\n @media (--medium) {\n display: block;\n }\n @media print {\n display: none;\n }\n & > ul {\n width: 100%;\n max-width: 1268px;\n padding: 0;\n margin: 0 auto !important;\n position: relative;\n display: flex;\n align-items: stretch;\n flex-wrap: wrap;\n @media (--medium) {\n flex-wrap: nowrap;\n }\n & > li {\n display:block;\n position: relative;\n flex-basis: 50%;\n flex-grow: 1;\n flex-shrink: 1;\n &.active {\n background: var(--w3c-blue);\n & > a > span {\n border-block-end: 2px solid var(--gold) !important;\n }\n }\n & > a {\n text-decoration: none;\n display:block;\n width: 100%;\n height: 100%;\n color: var(--pure-white);\n text-align: center;\n /*padding: 15px;*/\n min-height: 44px;\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: center;\n border-block-end: var(--w3c-classic);\n & > span {\n display: block;\n border-block-end: 2px solid transparent;\n }\n &:--hovcus {\n background-color: var(--dk-blue);\n }\n &:--hovcus, &[aria-current=\"page\"], &[aria-current=\"location\"] {\n & > span {\n border-block-end: 2px solid var(--gold);\n }\n }\n &[aria-current=\"page\"], &[aria-current=\"location\"] {\n &:--hovcus > span {\n border-block-end: 2px solid var(--pure-white);\n }\n }\n }\n & + li > a {\n border-inline-start: 1px solid #235A97;\n }\n }\n }\n}\n\n#openmenu {\n @media (--large) {\n display: none;\n }\n @media print {\n display: none;\n }\n}\n.page-home #openmenu {\n @media (--medium) {\n display: none;\n }\n}",".metanav {\n text-align: end;\n width: 100%;\n display: none;\n font-size: .85em;\n &.open {display: block;}\n @media (--medium) {\n display: block;\n }\n @media print {\n display: none;\n }\n & a {\n text-decoration: none;\n &:--hovcus, &[aria-current=\"page\"] {\n text-decoration: underline;\n }\n &[aria-current=\"page\"] {\n text-decoration: underline;\n }\n }\n & > ul {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n & li {\n display: inline-block;\n padding-inline: 8px;\n @media (--medium) {\n display: flex;\n align-items: center;\n }\n &:first-child {\n border: 0;\n }\n &:last-child {\n margin-block-end: 0;\n padding:0;\n border: 0;\n }\n & a {\n position: relative;\n min-height: 24px;\n padding-block: 10px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n &:before, &:after {\n position: absolute;\n top: 12px;\n left: -8px;\n bottom: 12px;\n width: 1px;\n background-color: var(--gold);\n }\n &:dir(ltr):before {\n content: '';\n }\n &:dir(rtl):after {\n content: '';\n }\n @media (--medium) {\n width: 100%;\n text-align: end;\n }\n }\n }\n &:dir(ltr) li:first-child a:before {\n display: none;\n }\n &:dir(rtl) li:nth-last-child(2) a:after {\n display: none;\n }\n }\n & form[role=search] {\n background-color: var(--w3c-blue);\n border: 1px solid var(--pure-white);\n & > div {\n display:flex;\n }\n & label {\n text-transform: none;\n font-weight: normal;\n }\n & input {\n box-sizing: border-box;\n -webkit-appearance: none;\n background-color: transparent;\n border: 0;\n border-radius: 0;\n color: var(--off-white);\n height: 100%;\n padding: 5px;\n margin: 0;\n width: 10em;\n &:focus {\n color: var(--pure-white);\n }\n &::-webkit-search-decoration {\n display: none;\n }\n &::-webkit-search-cancel-button,\n &::-webkit-search-results-button {\n filter: invert(100%);\n }\n }\n & button {\n display: block;\n margin: 0;\n }\n & ::-webkit-input-placeholder {\n color: var(--pure-white);\n font-style: italic;\n opacity: 1;\n }\n\n & :-moz-placeholder { /* Firefox 18- */\n color: var(--pure-white);\n font-style: italic;\n opacity: 1;\n }\n\n & ::-moz-placeholder { /* Firefox 19+ */\n color: var(--pure-white);\n font-style: italic;\n opacity: 1;\n }\n\n & :-ms-input-placeholder {\n color: var(--pure-white);\n font-style: italic;\n opacity: 1;\n }\n }\n}",".navigations {\n position: relative;\n grid-column-start: 6;\n grid-column-end: -2;\n flex-grow: 1;\n display: flex;\n align-items: center ;\n & .nava11y {\n display: block;\n }\n}\n.mainnav, .metanav {\n & > ul {\n margin: 0;\n padding: 0;\n & > li {\n list-style: none;\n margin: 0;\n }\n }\n}",".teaser.news {\n background-color: var(--pure-white);\n}\n\n.announce-box {\n background-color: var(--lt-off-white);\n border: 1px solid var(--line-grey);\n border-block: 1px;\n border-inline: 0;\n padding-block: 10px !important;\n padding-inline: 25px !important;\n &+.announce-box {\n border-block-start-width:0;\n }\n &>:first-child {\n margin-block-start: 0;\n }\n &>:last-child {\n margin-block-end: 0;\n }\n}",".notes {\n font-size: .85em;\n & strong:first-child {\n font-weight: bold;\n color: var(--wai-green);\n }\n}",".pager {\n background-color: var(--pure-white);\n border: 1px solid var(--line-grey);\n margin-block-start: 32px;\n}\n\n.pager > ul {\n box-sizing: border-box;\n align-content: center;\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n margin: 0;\n padding: 8px;\n}\n\n.pager--item {\n display: flex;\n flex: 0 1 50%;\n &:only-child {\n flex-basis: 100%;\n }\n list-style: none;\n margin:0;\n}\n\n.pager--item a:link {\n color: var(--wai-green);\n display: flex;\n flex-direction: row;\n flex: 1 100%;\n text-decoration: none;\n align-items: center;\n}\n\n.pager--item a:visited {\n color: var(--visited-link);\n}\n\n.pager--item a:hover,\n.pager--item a:focus {\n color: var(--w3c-blue);\n}\n\n.pager--item a:active {\n color: var(--wai-green);\n}\n\n.pager--item.next a {\n flex-direction: row-reverse;\n justify-content: flex-end;\n text-align: end;\n}\n\n.pager--item-icon {\n display: flex;\n font-size: 33px;\n}\n\n.pager--item-text {\n display: flex;\n flex: 1 auto;\n width: 100%;\n flex-direction: column;\n margin-inline-end: 8px;\n margin-inline-start: 8px;\n}\n\n.pager--item-text-direction {\n color: var(--off-black);\n font-size: .75rem;\n}\n\n.pager--item-text-target {\n font-size: 1rem;\n line-height: 1;\n}",".pagination {\n margin: 0;\n margin-block: 16px;\n padding-block-start: 16px;\n border-block-start: 2px solid var(--line-grey);\n & ul {\n width: 100%;\n display: flex;\n margin: 0;\n padding: 0;\n list-style: none;\n justify-content: flex-end\n }\n & li {\n margin-inline-start: 8px;\n }\n & a, & .like-a {\n padding-block: 8px;\n padding-inline: 16px;\n border-radius: 4px;\n border: 2px solid var(--line-grey);\n }\n & .is-active .like-a {\n background-color: var(--w3c-blue);\n border-color: var(--w3c-blue);\n color: var(--pure-white);\n }\n & a:--hovcus {\n background-color: var(--line-grey);\n }\n}",".quote {\n background-color: var(--wai-green);\n border-radius: 5px;\n color: var(--pure-white);\n padding: 22px;\n}\n\n.quote--block {\n display: flex;\n flex-direction: column;\n margin: 0;\n padding: 0;\n}\n\n.quote--block-text {\n font-size: 20px;\n font-style: italic;\n line-height: 1.25;\n margin: 0;\n padding: 0;\n}\n\n.quote--block-text::before {\n content: open-quote;\n}\n\n.quote--block-text::after {\n content: close-quote;\n}\n\n.quote--block-cite {\n font-size: 15px;\n font-weight: 500;\n margin: 0;\n margin-block-start: 9px;\n}\n\n.quote--block-cite a {\n color: var(--body-bg);\n}",".related-content {\n background-color: var(--pure-white);\n border: 1px solid var(--line-grey);\n display: flex;\n flex: 1 100%;\n flex-direction: column;\n margin: 50px;\n}\n\n.related-content--head {\n align-items: center;\n background-color: var(--off-white);\n border-box-end: 1px solid var(--line-grey);\n display: flex;\n flex-direction: row;\n block-size: 48px;\n}\n\n.related-content--head-icon {\n block-size: 22px;\n margin-inline-end: 10px;\n margin-inline-start: 19px;\n inline-size: 22px;\n}\n\n.related-content--head-heading {\n border: none;\n color: var(--w3c-blue);\n flex: 1 100%;\n font-size: 20px;\n margin: 0;\n padding: 0;\n}\n\n\n.related-content--content {\n margin: 0;\n padding: 0;\n}\n\n.related-content--content-list {\n list-style: none;\n margin: 22px;\n padding: 0;\n}\n\n.related-content--content-list li {\n font-size: 14px;\n line-height: 2.2em;\n}",".sidenav {\n grid-area: navigation;\n margin-block-end: 24px;\n display: none;\n &.open {\n display: block;\n margin-block-start: 16px;\n }\n @media (--large) {\n display: block;\n }\n @media print {\n display: none;\n }\n}\n\n.sidenav--head {\n background-color: var(--w3c-blue);\n border: 2px solid var(--w3c-blue);\n border-width: 0 5px;\n padding: 16px 24px;\n display:flex;\n align-items: flex-end;\n border-block-end: none;\n font-weight: bold;\n}\n\n.sidenav--head-icon {\n padding-block-end: .3em;\n margin-inline-start: -16px;\n}\n\n.sidenav--head-icon--inner {\n width: 47px;\n height: 48px;\n float: inline-start;\n margin-inline-end: 8px;\n}\n\n.sidenav--head-section {\n color: var(--pure-white);\n text-transform: uppercase;\n letter-spacing: .7px;\n font-size: .6875rem;\n font-weight: bold;\n}\n\n.sidenav--head-subsection {\n color: var(--pure-white);\n font-size: 1.375rem;\n}\n\n.sidenav--list {\n background-color: var(--w3c-blue);\n border: 2px solid var(--w3c-blue);\n border-block-end-width: 5px;\n border-block-start-width: 0;\n border-inline-start-width: 5px;\n border-inline-end-width: 0;\n margin: 0;\n padding:0;\n font-size: .8125rem;\n & a {\n display: flex;\n box-sizing: border-box;\n padding-block: 8px;\n padding-inline: 24px;\n min-height: 44px;\n color: var(--pure-white);\n text-decoration: none;\n align-items: center;\n &:--hovcus {\n text-decoration: underline;\n background-color: var(--off-white);\n color: var(--wai-green);\n }\n &:focus {\n outline-color: var(--gold);\n }\n & span.lang {\n font-weight: normal;\n }\n }\n & li a {\n border-block-start: 1px solid var(--w3c-classic);\n }\n .sidenav-head + & {\n border-block-start: none;\n }\n & ul {\n padding: 0;\n margin: 0;\n padding-inline-start: 24px;\n }\n & a + ul { display:none; }\n & a[aria-current] + ul { display:block; }\n & li {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n & ul li:first-child a {\n border-top-color:transparent;\n }\n & a[aria-current] {\n /*color: var(--w3c-blue);\n background-color: var(--body-bg);*/\n }\n & a[aria-current=location] {\n padding-block-end: 4px;\n font-weight: bold;\n }\n & a[aria-current=page] {\n font-weight: bold;\n color: var(--wai-green);\n background-color: var(--body-bg);\n position:relative;\n &:before, &:after {\n position: absolute;\n content: \"\";\n width: 0;\n height: 0;\n left: auto;\n right: 0;\n &:dir(rtl) {\n left: 0;\n right: auto;\n }\n border: 1px solid var(--pure-white);\n opacity: .9;\n }\n &:before {\n top:-2px;\n border-color: transparent var(--pure-white) var(--pure-white) transparent;\n }\n &:dir(rtl):before {\n border-color: transparent transparent var(--pure-white) var(--pure-white);\n }\n &:after {\n bottom:-2px;\n border-color: var(--pure-white) var(--pure-white) transparent transparent;\n }\n &:dir(rtl):after {\n border-color: var(--pure-white) transparent transparent var(--pure-white);\n }\n }\n}\n\n.sidenav-languages {\n font-size: .8125rem;\n margin-block-start: 2rem;\n border-radius: 3px;\n border: 2px solid var(--gold);\n background-color: var(--pure-white);\n & header {\n border-block-end: 2px solid var(--gold);\n padding-block: 8px;\n padding-inline: 27px;\n font-weight: bold;\n }\n & .langlist {\n padding-inline-start: 27px;\n list-style-position: inside;\n list-style-type: square;\n color: var(--w3c-classic);\n & li {\n margin-block-end: 2px;\n }\n }\n & p {\n padding-block-start: 4px;\n padding-block-end: 4px;\n padding-inline-start: 27px;\n padding-inline-end: 0;\n margin:0;\n border-block-start: 1px solid #eed009;\n }\n}\n","table, caption {\n text-align: start;\n}\ntable {\n border: 1px solid var(--line-grey);\n border-collapse: collapse;\n margin-block-end: 2em;\n}\ncaption {\n font-weight: bold;\n font-size: 1.125rem;\n color: var(--wai-green);\n line-height: 1.4;\n margin-block-end: 8px;\n}\nth, td {\n padding-block: 12px;\n padding-inline: 18px;\n border: 1px solid var(--line-grey);\n vertical-align: top;\n}\n.dense td, .dense th {\n padding-block: 2px;\n padding-inline: 4px;\n}\nth {\n font-weight: bold;\n color: var(--pure-white);\n background-color: var(--wai-green);\n & a {\n color: inherit;\n &:--hovcus {\n color: var(--gold);\n }\n &:visited {\n color: inherit;\n }\n }\n}\nth, td {\n & > :first-child {\n margin-block-start: 0;\n }\n & > :last-child {\n margin-block-start: 0;\n }\n}\n\n.hyphenated {\n hyphens: auto;\n}",".teaser.audiences-inline {\n & .subtitle {\n /*font-weight:normal;*/\n }\n & .title {\n display: block;\n font-size: 2.25rem;\n }\n}",".making-web-accessible {\n text-align:center;\n border-block-end: 1px solid var(--line-grey);\n flex-direction: column;\n & [hidden] {\n display: none !important;\n }\n & .inner.hidesection {\n position: relative;\n order: -1;\n }\n & .making-web-accessible-box {\n text-align: start;\n padding-block-start: 32px;\n padding-inline-end: 20px;\n padding-block-end: 0;\n padding-inline-start: 105px;\n }\n & .mwa-icon {\n width: 65px;\n height: 65px;\n float:left;\n margin-inline-start: -85px;\n }\n & .title {\n display: block;\n font-size: 2.25rem;\n }\n & .teaser-h h2 {\n margin:0;\n }\n & h3 {\n margin-block-start: 10px;\n font-size: 1.5rem;\n margin-block-end:0;\n }\n & p {\n margin-block-end:0;\n }\n & .showhidebutton {\n float: inline-end;\n position: absolute;\n top: -1.35em;\n right: 0;\n }\n}",".teaser.media-inline {\n & .subtitle {\n /*font-weight:normal;*/\n }\n & .title {\n display: block;\n font-size: 2.25rem;\n }\n}",".white-bg {\n background-color: var(--pure-white);\n}\n\n.bordered {\n border: 1px 0;\n border-color: var(--line-grey);\n}\n\n.teaser.news-teaser {\n & .title {\n display: block;\n font-size: 2.25rem;\n }\n}",".teaser.resource-inline {\n & .subtitle {\n /*font-weight:normal;*/\n }\n & .title {\n display: block;\n font-size: 2.25rem;\n }\n}",".teaser {\n padding-block-start: 32px;\n padding-block-end: 32px;\n}\n\n.teaser.featured {\n background-size: cover;\n background-position: center;\n & .teaser-c {\n background-color: rgba(255, 255, 255, 0.9);\n border-block-start: 5px solid var(--faded-red);\n padding-block: 16px;\n padding-inline: 32px;\n display:block;\n }\n}\n\n.teaser-h {\n & h2, & h3, & h4, & h5, & h6 {\n margin: 0;\n margin-block-end: 16px;\n padding: 0;\n border:none;\n color: var(--wai-green);\n font-size: 1rem;\n line-height: 1.2;\n &.title {\n font-size: 1.5rem;\n margin: 0;\n margin-block-start: 10px;\n margin-block-end: 20px;\n @media (--medium) {\n font-size: 2rem;\n }\n @media (--large) {\n font-size: 2.375rem;\n }\n }\n }\n & .subtitle {\n font-weight: bold;\n margin: 0;\n font-size: .875rem;\n color: var(--off-black);\n }\n}\n\n.teaser-h-icon {\n height:1em;\n width: 1em;\n vertical-align: middle;\n margin-inline-end: 10px;\n &.full {\n display: block;\n height: 1.8em;\n width: 1.8em;\n }\n}\n\n.teaser-tip {\n text-align: center;\n & .teaser-h h2 {\n font-size: 1.75rem\n }\n & .teaser-h svg {\n display: block;\n margin: 0 auto;\n height: 1.75em;\n width: 1.75em;\n }\n & .fakelink {\n margin: 0 auto;\n }\n}\n\n.fakelink {\n text-decoration: underline;\n position: relative;\n & svg {\n margin-inline-start: 5px;\n width: .75em;\n height: .75em;\n }\n}\n\n.teaser-about {\n & p {\n @media (--medium) {\n font-size: 1.25rem;\n }\n @media (--large) {\n font-size: 1.5rem;\n }\n color: var(--grey);\n }\n & .teaser-h h2 {\n font-weight: bold;\n }\n}\n\n.teaser-media {\n align-items: center;\n background-color: var(--pure-white);\n}\n\n.teaser-sponsors {\n border-block-start: 1px solid var(--line-grey);\n}\n\n.area-teaser {\n display: block;\n background-color: var(--pure-white);\n border: 1px solid var(--line-grey);\n margin: -1px;\n padding-block: 20px;\n padding-inline: 32px;\n @media (--medium) {\n padding-block: 40px;\n padding-inline: 40px;\n }\n @media (--large) {\n padding-block: 60px;\n padding-inline: 40px;\n }\n & .teaser-h {\n display: flex;\n align-items: flex-end;\n & h2, & h3, & h4, & h5, & h6 {margin: 0; font-weight: normal;}\n }\n & .teaser-h-icon {\n margin-block-end: 10px;\n }\n &:hover, &:focus {\n & .teaser-h > :not(svg) {\n text-decoration: underline;\n }\n }\n}\n\n.teaser.audiences-inline {\n\n}",".video-link {\n display: inline-block;\n text-decoration: none;\n margin: 10px 0;\n & img {\n mask: url(\"../images/video-mask-16-9.svg\");\n mask-size: contain;\n width: 240px;\n }\n &.ratio-43 img {\n mask: url(\"../images/video-mask-4-3.svg\");\n }\n & span {\n display: block;\n text-align: center;\n text-decoration: underline;\n }\n}\n\n.video-link-small img {\n width: 120px;\n}\n\n.video-link-inline {\n display: inline-flex;\n align-items: center;\n & img {\n width: auto;\n height: 2em;\n margin-inline-end: 1em;\n }\n span {\n text-align: start;\n }\n}","/*\n Able Player core styles\n\n Default z-index map:\n\n * Modal dialog\n div.able-modal-dialog = 10000\n div.able-modal-overlay = 9500\n\n * Items that should always be on top (9000):\n #able-vts = 9400\n .able-alert = 9400\n .able-window-toolbar .able-button-handler-preferences = 9300\n .able-popup = 9200\n .able-volume-head = 9175\n .able-volume-slider = 9150\n .able-tooltip = 9000\n\n * Pop-ups with critical content: (7000 - 8000):\n .able-sign-window = 8000\n .able-transcript-area = 7000\n\n * Player controls: (5000 - 6000)\n .able-controller .able-seekbar = 6900\n .able-controller .buttonOff = 6800\n .able-controller button > img = 6700\n .able-controller button > span = 6700\n .able-controller button = 6600\n .able-big-play-button = 6500\n div.able-captions-wrapper = 6000\n .able-seekbar-head = 5500\n .able-seekbar-played = 5200\n .able-seekbar-loaded = 5100\n .able = 5000\n*/\n.able-wrapper {\n position: relative;\n margin: 0;\n padding: 0;\n width: 100%;\n height: auto;\n box-sizing: content-box !important;\n max-width: none !important;\n}\n.able {\n position: relative;\n margin: 1em 0;\n width: 100%; /* will be changed dynamically as player is contructed */\n z-index: 5000;\n}\n.able-column-left {\n float: inline-start;\n}\n.able-column-right {\n float: inline-start;\n}\n.able .able-vidcap-container {\n background-color: black;\n /* height: 360px; */\n left: 0;\n margin: 0;\n position: relative;\n top: 0;\n}\n.able-player {\n font-family: inherit;\n background-color: #262626; /* background color of player (appears on top & bottom) */\n}\n.able-offscreen {\n position:absolute;\n left:-10000px;\n &:dir(rtl) {\n right: -10000px;\n left: auto;\n }\n top:auto;\n width:1px;\n height:1px;\n overflow:hidden;\n}\n.able-media-container audio {\n display: none !important;\n}\n.able-video {\n}\n.able-video .able-now-playing {\n display: none; /* not currently used for video */\n}\n.able-controller {\n position: relative;\n border-block-start: 2px solid #4c4c4c;\n border-block-end: 2px solid #4c4c4c;\n background-color: #464646; /* background color of controller bar */\n min-height: 38px; /* height of button (20px) + 4px border + 4px padding */\n padding: 0;\n}\n.able-poster {\n position: absolute;\n top: 0;\n left: 0;\n}\n\n/*\n Controller Buttons & Controls\n*/\n.able-big-play-button {\n position: absolute;\n font-size: 8em;\n opacity: 0.5;\n filter:alpha(opacity=50); /* for IE */\n color: #fdfdfd;\n background-color: transparent;\n border: none;\n outline: none;\n left: 0;\n top: 0;\n padding: 0;\n z-index: 6500;\n}\n.able-big-play-button:hover {\n opacity: 100;\n filter:alpha(opacity=100); /* for IE */\n}\n.able-left-controls, .able-right-controls {\n overflow: visible;\n}\n.able-left-controls button, .able-right-controls button {\n vertical-align: middle;\n}\n.able-left-controls {\n float: inline-start;\n}\n.able-right-controls {\n float: inline-end;\n}\n.able-black-controls,\n.able-black-controls button,\n.able-black-controls label {\n color: #000 !important;\n}\n.able-black-controls .able-seekbar {\n border: 2px solid #000;\n}\n.able-white-controls,\n.able-white-controls button,\n.able-black-controls label {\n color: #FFF !important;\n}\n.able-white-controls .able-seekbar {\n border: 2px solid #FFF;\n}\n.able-controller button {\n background: none;\n position: relative;\n display: inline-block;\n border-style: none;\n margin: 3px;\n padding: 0;\n font-size: 20px;\n min-width: 24px;\n outline: 2px solid #464646; /* same color as .able-controller background-color */\n border: none;\n overflow: visible !important;\n z-index: 6600;\n}\n.able-controller button > span,\n.able-controller button > img {\n width: 20px;\n margin: 0 auto;\n padding: 0;\n z-index: 6700;\n}\n.able-controller .buttonOff {\n opacity: 0.5;\n filter:alpha(opacity=50); /* for IE */\n z-index: 6800;\n}\n.able-controller .able-seekbar {\n margin: 0 5px;\n z-index: 6900;\n}\n.able-controller button:hover,\n.able-controller button:focus {\n outline-style: solid;\n outline-width: medium;\n}\n.able-controller button:hover {\n outline-color: #8AB839 !important; /* green */\n}\n.able-controller button:focus {\n outline-color: #ffbb37 !important; /* yellow */\n}\n\n/*\n Seekbar\n*/\n.able-seekbar-wrapper {\n display: inline-block;\n vertical-align: middle;\n}\n.able-seekbar {\n position: relative;\n height: 0.5em;\n border: 1px solid;\n background-color: #000000;\n margin: 0 3px;\n border-style: solid;\n border-width: 2px;\n border-color: #ffffff;\n}\n.able-seekbar-loaded {\n display: inline-block;\n position: absolute;\n left: 0;\n top: 0;\n height: 0.5em;\n background-color: #464646;\n z-index: 5100;\n}\n.able-seekbar-played {\n display: inline-block;\n position: absolute;\n left: 0;\n top: 0;\n height: 0.5em;\n background-color: #DADADA;\n z-index: 5200;\n}\n.able-seekbar-head {\n display: inline-block;\n position: relative;\n left: 0;\n top: -0.45em;\n background-color: #FDFDFD;\n width: 0.8em;\n height: 0.8em;\n border: 1px solid;\n border-radius: 0.8em;\n z-index: 5500;\n}\n\n/*\n Volume Slider\n*/\n.able-volume-slider {\n width: 34px;\n height: 50px;\n background-color: #464646; /* same as .able-controller */\n padding: 10px 0;\n position: absolute;\n right: 0px;\n top: -74px;\n display: block;\n z-index: 9100;\n}\n.able-volume-track {\n display: block;\n position: relative;\n height: 100%; /* = 50px after padding */\n width: 5px;\n margin: 0 auto;\n background-color: #999;\n}\n.able-volume-track.able-volume-track-on {\n background-color: #dadada;\n position: absolute;\n height: 20px; /* change dynamically; 5px per volume tick */\n top: 30px; /* change dynamically; 50px - height */\n}\n.able-volume-head {\n display: inline-block;\n background-color: #fdfdfd;\n outline: 1px solid #333;\n position: absolute;\n height: 7px;\n width: 15px;\n left: -5px;\n top: 23px; /* change dynamically; .able-volume-track-on top - 7 */\n z-index: 9175;\n}\n.able-volume-head:hover,\n.able-volume-head:focus {\n background-color: #ffbb37 !important; /* yellow */\n}\n.able-volume-help { /* not visible; used in aria-describedby */\n display: none;\n}\n\n/*\ninput[type=range]:focus {\n outline: none;\n}\ninput[type=range]::-webkit-slider-runnable-track {\n width: 100%;\n height: 8.4px;\n cursor: pointer;\n animate: 0.2s;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n background: #3071a9;\n border-radius: 1.3px;\n border: 0.2px solid #010101;\n}\ninput[type=range]::-webkit-slider-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 36px;\n width: 16px;\n border-radius: 3px;\n background: #ffffff;\n cursor: pointer;\n -webkit-appearance: none;\n margin-block-start: -14px;\n}\ninput[type=range]:focus::-webkit-slider-runnable-track {\n background: #367ebd;\n}\ninput[type=range]::-moz-range-track {\n width: 100%;\n height: 8.4px;\n cursor: pointer;\n animate: 0.2s;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n background: #3071a9;\n border-radius: 1.3px;\n border: 0.2px solid #010101;\n}\ninput[type=range]::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 36px;\n width: 16px;\n border-radius: 3px;\n background: #ffffff;\n cursor: pointer;\n}\ninput[type=range]::-ms-track {\n width: 100%;\n height: 8.4px;\n cursor: pointer;\n animate: 0.2s;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\ninput[type=range]::-ms-fill-lower {\n background: #2a6495;\n border: 0.2px solid #010101;\n border-radius: 2.6px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\ninput[type=range]::-ms-fill-upper {\n background: #3071a9;\n border: 0.2px solid #010101;\n border-radius: 2.6px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\ninput[type=range]::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 36px;\n width: 16px;\n border-radius: 3px;\n background: #ffffff;\n cursor: pointer;\n}\ninput[type=range]:focus::-ms-fill-lower {\n background: #3071a9;\n}\ninput[type=range]:focus::-ms-fill-upper {\n background: #367ebd;\n}\n*/\n\n/*\n Status Bar\n*/\n\n.able-status-bar {\n height: 1.5em;\n min-height: 1.5em;\n color: #CCC;\n font-size: 0.9em;\n background-color: transparent;\n padding: 0.5em 0.5em 0.25em;\n}\n.able-status-bar span.able-timer {\n /* contains both span.elapsedTime and span.duration */\n text-align: start;\n float: inline-start;\n width: 32%;\n}\n.able-status-bar span.able-speed {\n float: inline-start;\n width: 33%;\n text-align: center;\n}\n.able-status {\n font-style: italic;\n float: inline-end;\n width: 32%;\n text-align :right;\n}\n\n/*\n Captions and Descriptions\n*/\n\ndiv.able-captions-wrapper {\n width: 100%;\n margin: 0;\n padding: 0;\n text-align: center;\n line-height: 1.35em;\n display: block;\n z-index: 6000;\n}\ndiv.able-captions {\n display: none;\n padding: 0.15em 0.25em;\n /* settings that are overridden by user prefs */\n background-color: black;\n font-size: 1.1em;\n color: white;\n opacity: 0.75;\n}\ndiv.able-captions-overlay {\n position: absolute;\n margin: 0;\n bottom: 0;\n}\ndiv.able-captions-below {\n position: relative;\n min-height: 2.8em;\n}\ndiv.able-descriptions {\n position: relative;\n color: #FF6; /* yellow, to differentiate it from captions */\n background-color: #262626;\n min-height: 2.8em;\n border-block-start: 1px solid #666;\n margin: 0;\n padding: 3%;\n width: 94%;\n text-align: center;\n}\n\n/*\n Now Playing\n*/\n\ndiv.able-now-playing {\n text-align: center;\n font-weight: bold;\n font-size: 1.1em;\n color: #FFFFFF;\n background-color: transparent;\n padding: 0.5em 0.5em 1em;\n}\ndiv.able-now-playing span {\n font-size: 0.9em;\n}\ndiv.able-now-playing span span {\n display: block;\n}\n\n/*\n Modal Dialogs\n*/\n\ndiv.able-modal-dialog {\n position: absolute;\n height: auto;\n max-width: 90%;\n margin-inline-start: auto;\n margin-inline-end: auto;\n left: 0px;\n right: 0px;\n outline: 0px none;\n display: none;\n color: #000;\n background-color: #FAFAFA;\n box-sizing: content-box !important;\n z-index: 10000;\n}\ndiv.able-modal-overlay {\n position: fixed;\n width: 100%;\n height: 100%;\n background-color: #000;\n opacity: 0.5;\n margin: 0;\n padding: 0;\n top: 0;\n left: 0;\n display: none;\n z-index: 9500;\n}\nbutton.modalCloseButton {\n position: absolute;\n top: 5px;\n right: 5px;\n}\nbutton.modal-button {\n margin-inline-end: 5px;\n}\ndiv.able-modal-dialog input:hover,\ndiv.able-modal-dialog input:focus,\ndiv.able-modal-dialog button:hover,\ndiv.able-modal-dialog button:focus {\n outline-style: solid;\n outline-width: 2px;\n}\ndiv.able-modal-dialog input:hover,\ndiv.able-modal-dialog button:hover {\n outline-color: #8AB839; /* green */\n}\ndiv.able-modal-dialog input:focus,\ndiv.able-modal-dialog button:focus {\n outline-color: #ffbb37; /* yellow */\n}\ndiv.able-modal-dialog h1 {\n font-weight: bold;\n font-size: 1.8em;\n line-height: 1.2em;\n margin: 0.75em 0;\n color: #000;\n text-align: center;\n}\n.able-prefs-form,\n.able-help-div,\n.able-resize-form {\n background-color: #F5F5F5;\n border: medium solid #ccc;\n padding: 0.5em 1em;\n margin: 0 0 0 1em;\n width: 25em;\n display: none;\n}\n\n/*\n Preferences Form\n*/\n\n.able-prefs-form fieldset {\n margin-inline-start: 0;\n padding-left: 0;\n border: none;\n}\n.able-prefs-form legend {\n color: black;\n font-weight: bold;\n font-size: 1.1em;\n}\n.able-prefs-form fieldset div {\n display: table;\n margin-inline-start: 1em;\n}\n.able-prefs-form fieldset div input {\n display: table-cell;\n width: 1em;\n vertical-align: middle;\n}\n.able-prefs-form fieldset div label {\n display: table-cell;\n padding-left: 0.5em;\n}\nfieldset.able-prefs-keys div {\n float: inline-start;\n margin-inline-end: 1em;\n}\ndiv.able-desc-pref-prompt {\n font-weight: bold;\n font-style: italic;\n margin-inline-start: 1em !important;\n}\ndiv.able-prefDescFormat > div {\n margin-inline-start: 1.5em;\n}\n.able-prefs-captions label,\n.able-prefs-captions select {\n display: block;\n float: inline-start;\n margin-block-end: 0.25em;\n}\nfieldset.able-prefs-captions label {\n width: 6em;\n text-align: end;\n padding-right: 1em;\n}\nfieldset.able-prefs-captions select {\n width: 10em;\n font-size: 0.9em;\n border-radius: none;\n}\n.able-prefs-form div.able-captions-sample {\n padding: 0.5em;\n text-align: center;\n}\n.able-prefs-form h2 {\n margin-block-start: 0;\n margin-block-end: 0.5em;\n font-size: 1.1em;\n}\n.able-prefs-form ul {\n margin-block-start: 0;\n}\n\n/*\n Keyboard Preferences Dialog\n*/\nable-prefs-form-keyboard ul {\n list-style-type: none;\n}\nspan.able-modkey-alt,\nspan.able-modkey-ctrl,\nspan.able-modkey-shift {\n color: #666;\n font-style: italic;\n}\nspan.able-modkey {\n font-weight: bold;\n color: #000;\n font-size: 1.1em;\n}\n\n/*\n Resize Window Dialog\n*/\n\n.able-resize-form h1 {\n font-size: 1.15em;\n}\n.able-resize-form div div {\n margin: 1em;\n}\n.able-resize-form label {\n padding-right: 0.5em;\n font-weight: bold;\n}\n.able-resize-form input[type=\"text\"] {\n font-size: 1em;\n}\n.able-resize-form input[readonly] {\n color: #AAA;\n}\n\n/*\n Drag & Drop\n*/\n\n.able-window-toolbar {\n background-color: #464646;\n min-height: 15px;\n padding: 10px;\n border-style: solid;\n border-width: 0 0 1px 0;\n}\n.able-draggable:hover {\n cursor: move;\n}\n.able-window-toolbar .able-button-handler-preferences {\n position: absolute;\n top: 0;\n right: 0;\n font-size: 1.5em;\n background-color: transparent;\n border: none;\n outline: none;\n padding: 0;\n z-index: 9300;\n}\n.able-window-toolbar .able-button-handler-preferences:hover,\n.able-window-toolbar .able-button-handler-preferences:focus {\n outline-style: solid;\n outline-width: medium;\n}\n.able-window-toolbar .able-button-handler-preferences:hover {\n outline-color: #8AB839 !important; /* green */\n}\n.able-window-toolbar .able-button-handler-preferences:focus {\n outline-color: #ffbb37 !important; /* yellow */\n}\n.able-window-toolbar .able-popup {\n position: absolute;\n cursor: default;\n right: 0;\n top: 0;\n display: block;\n}\n.able-drag {\n border: 2px dashed #F90;\n cursor: move;\n}\n.able-resizable {\n position: absolute;\n width: 16px;\n height: 16px;\n padding: 5px 0 0 5px;\n bottom: 0;\n right: 0;\n cursor: nwse-resize;\n background: transparent bottom right url('../ableplayer/images/wingrip.png') no-repeat;\n}\n\n/*\n Sign Language Window\n*/\n\n.able-sign-window {\n position: relative;\n margin: 1em;\n /* max-width: 100%; */\n z-index: 8000;\n}\n.able-sign-window video {\n width: 100%;\n}\n.able-sign-window:focus {\n outline: none;\n}\n\n\n/*\n External chapters div\n*/\ndiv.able-chapters-div {\n padding: 0;\n}\ndiv.able-chapters-div .able-chapters-heading {\n margin: 1em 0.75em;\n font-size: 1.1em;\n font-weight: bold;\n}\ndiv.able-chapters-div ul {\n list-style-type: none;\n padding-left: 0;\n}\ndiv.able-chapters-div ul li {\n max-width: 100%;\n padding: 0;\n height: 2em;\n}\ndiv.able-chapters-div button {\n width: 100%;\n height: 100%;\n border: none;\n background-color: transparent;\n color: #000;\n font-size: 1em;\n text-align: start;\n padding: 0.15em 1em;\n}\ndiv.able-chapters-div li.able-current-chapter {\n background-color: #000 !important;\n}\ndiv.able-chapters-div li.able-current-chapter button {\n color: #FFF !important;\n}\ndiv.able-chapters-div li.able-focus {\n background-color: #4C4C4C;\n}\ndiv.able-chapters-div button:focus,\ndiv.able-chapters-div button:hover,\ndiv.able-chapters-div button::-moz-focus-inner {\n border: 0;\n outline: none;\n color: #FFF !important;\n}\n\n/*\n Fullscreen settings\n In v2.2.4b commented out :-webkit-full-screen style\n This was causing the toolbar in fullscreen mode to be positioned slightly offscreen in webkit browsers\n Safari had an additional problem in window height was being calculated (see event.js > onWindowResize())\n Commenting out this style appears have no adverse effect in any browser\n All other fullscreen styles were already commented out, and left here solely for reference\n*/\n/*\n:-webkit-full-screen {\n position: fixed;\n width: 100%;\n height: 100%;\n top: 0;\n background: none;\n}\n:-moz-full-screen {\n position: fixed;\n width: 100%;\n height: 100%;\n top: 0;\n bottom: 20;\n background: none;\n}\n\n:-ms-fullscreen {\n position: fixed;\n width: 100%;\n height: 100%;\n top: 0;\n background: none;\n}\n\n:fullscreen {\n position: fixed;\n width: 100%;\n height: 80%;\n top: 0;\n background: none;\n}\n*/\n\n/*\n Tooltips & Alerts\n*/\n\n.able-tooltip, .able-alert {\n position: absolute;\n padding: 5px 10px;\n border-color: black;\n border-width: 1px;\n color: #000 !important;\n background-color: #CCCCCC;\n -webkit-border-radius: 5px;\n -moz-border-radius: 5px;\n border-radius: 5px;\n display: block;\n}\n.able-alert {\n background-color: #FFFFCC;\n box-shadow: 0px 0px 16px #262626;\n z-index: 9400;\n}\n.able-popup {\n z-index: 9200;\n}\n.able-tooltip {\n z-index: 9000;\n}\n\n/*\n Popup Menus\n*/\n.able-popup {\n position: absolute;\n margin: 0;\n padding: 0;\n border-color: black;\n border-width: 1px;\n background-color: #000;\n opacity: 0.85;\n -webkit-border-radius: 5px;\n -moz-border-radius: 5px;\n border-radius: 5px;\n display: block;\n cursor: default;\n list-style: none;\n}\nul.able-popup {\n list-style-type: none;\n}\n.able-popup li {\n padding: 0.25em 1em 0.25em 0.25em;\n margin: 1px;\n color: #FFF;\n}\n.able-popup li.able-focus {\n background-color: #CCC;\n color: #000;\n}\n.able-popup-captions li {\n padding-left: 1em;\n}\n.able-popup-captions li[aria-checked=\"true\"] {\n padding-left: 0;\n}\n.able-popup-captions li[aria-checked=\"true\"]::before {\n content: \"\\2713 \"; /* check mark; for heavier mark us 2714 */\n}\n\n/*\n Transcript\n*/\n\n.able-transcript-area {\n border-width: 1px;\n border-style: solid;\n height: 400px;\n z-index: 7000;\n outline: none;\n padding-bottom: 25px; /* keep content above 16x16px drag icon */\n background-color: #FFF;\n}\n.able-transcript {\n position: relative; /* must be positioned for scrolling */\n overflow-y: scroll;\n padding-left: 5%;\n padding-right: 5%;\n /* width: 90%; */\n background-color: #FFF;\n height: 350px;\n}\n.able-transcript div {\n margin: 1em 0;\n}\n.able-transcript-heading {\n font-size: 1.4em;\n font-weight: bold;\n}\n.able-transcript-chapter-heading {\n font-size: 1.2em;\n font-weight: bold;\n}\n.able-transcript div.able-transcript-desc {\n background-color: #FEE;\n border: thin solid #336;\n font-style: italic;\n padding: 1em;\n}\n.able-transcript .able-unspoken {\n font-weight: bold;\n}\n.able-transcript .able-hidden {\n position: absolute !important;\n clip: rect(1px 1px 1px 1px); /* IE6, IE7 */\n clip: rect(1px, 1px, 1px, 1px);\n}\n.able-highlight {\n background: #FF6; /* light yellow */\n}\n.able-previous {\n background: black !important;\n font-style: italic;\n}\n.able-transcript span:hover,\n.able-transcript span:focus,\n.able-transcript span:active {\n background: #CF6; /* light green */\n cursor: pointer;\n}\n.able-window-toolbar label {\n margin-inline-end: 10px;\n color: #FFF;\n}\n.able-window-toolbar input:focus,\n.able-window-toolbar input:hover,\n.able-window-toolbar select:focus,\n.able-window-toolbar select:hover,\n.able-controller input:focus,\n.able-controller input:hover,\n.able-controller button:focus,\n.able-controller button:hover,\n.able-seekbar-head:focus,\n.able-seekbar-head:hover {\n outline-style: solid;\n outline-width: 2px;\n}\n.able-window-toolbar input:focus,\n.able-window-toolbar select:focus,\n.able-controller input:focus,\n.able-controller button:focus,\n.able-seekbar-head:focus {\n outline-color: #ffbb37; /* yellow */\n}\n.able-window-toolbar input:hover,\n.able-window-toolbar select:hover,\n.able-controller input:hover,\n.able-controller button:hover,\n.able-seekbar-head:hover {\n outline-color: #8AB839; /* green */\n}\n.able-window-toolbar .transcript-language-select-wrapper {\n float: inline-end;\n padding-right: 30px;\n}\n\n/*\n Playlist (both audio and video)\n*/\n\n.able-playlist {\n list-style-type: none;\n margin: 0;\n background-color: #FFFFFF;\n padding: 5px 0;\n}\n.able-playlist li {\n background-color: #DDDDDD; /* default background color of each item in playlist */\n margin: 5px;\n padding: 0;\n border: 2px solid #AAA;\n border-radius: 5px;\n -moz-border-radius: 5px;\n}\n.able-playlist li button {\n border: none;\n color: #000000;\n background-color: transparent;\n font-size: 1em;\n width: 100%;\n padding: 5px 10px;\n text-align: left;\n}\n.able-playlist li button:hover,\n.able-playlist li button:focus,\n.able-playlist li button:active { /* playlist items when they have mouse or keyboard focus */\n background-color: #FFEEB3;\n color: #000000;\n text-decoration: none;\n outline: none;\n}\n.able-playlist li button::-moz-focus-inner {\n border: 0;\n}\n.able-playlist li button img {\n width: 100px;\n float: left;\n margin-right: 10px;\n}\n.able-playlist li.able-current { /* currently selected playlist item */\n background-color: #340449;\n border-color: #230330;\n}\n.able-playlist li.able-current button {\n color: #FFFFFF;\n font-weight: bold;\n text-decoration: none;\n outline: none;\n}\n.able-playlist li.able-current button:hover,\n.able-playlist li.able-current button:focus,\n.able-playlist li.able-current button:active {\n color: #000000;\n}\n\n/*\n Search\n*/\n\n.able-search-results ul li {\n font-size: 1.1em;\n margin-block-end: 1em;\n}\n.able-search-results-time {\n font-weight: bold;\n text-decoration: underline;\n cursor: pointer;\n}\n.able-search-results-time:hover,\n.able-search-results-time:focus,\n.able-search-results-time:active {\n color: #FFF;\n background-color: #000;\n text-decoration: none;\n}\n.able-search-results-text {\n padding-left: 1em;\n}\n.able-search-term {\n background-color: #FFC;\n font-weight: bold;\n}\n\n/*\n Video Transcript Sorter (VTS)\n*/\n#able-vts-instructions {\n margin-bottom: 1.5em;\n padding: 1em;\n border: 1px solid #999;\n width: 720px;\n max-width: 90%;\n}\n#able-vts fieldset {\n margin: 1em;\n border: none;\n}\n#able-vts fieldset legend {\n color: #000;\n font-weight: bold;\n}\n#able-vts fieldset div {\n float: inline-start;\n padding-right: 1em;\n}\n#able-vts table {\n clear: inline-start;\n}\n\n#able-vts table,\n#able-vts table th,\n#able-vts table td {\n border: 1px solid black;\n border-collapse: collapse;\n padding: 0.5em 0.75em;\n}\n#able-vts table th.actions {\n min-width: 140px;\n}\n#able-vts table td button {\n width: auto;\n padding: 0;\n margin: 2px;\n}\n#able-vts table td button svg {\n width: 16px;\n height: 16px;\n}\n#able-vts table button:hover,\n#able-vts table button:focus {\n /* border: 3px solid #66c2ff; */\n}\n#able-vts table button:hover svg {\n fill: #C00;\n}\ntr.kind-chapters,\ntr.kind-subtitles {\n background-color: #FFF;\n}\ntr.kind-descriptions {\n background-color: #FEE;\n}\ntr.kind-chapters {\n background-color: #e6ffe6;\n}\n.able-vts-dragging {\n background-color: #FFC;\n}\ndiv#able-vts-icon-credit {\n margin: 1em;\n}\ndiv#able-vts-alert {\n display: none;\n position: fixed;\n top: 5px;\n left: 5px;\n border: 2px solid #666;\n background-color: #FFC;\n padding: 1em;\n font-weight: bold;\n z-index: 9400;\n}\nbutton#able-vts-save {\n font-size: 1em;\n padding: 0.25em;\n border-radius: 5px;\n margin-bottom: 1em;\n font-weight: bold;\n}\nbutton#able-vts-save:hover,\nbutton#able-vts-save:focus {\n color: white;\n background-color: #060;\n}\n.able-vts-output-instructions {\n width: 720px;\n max-width: 90%;\n}\n#able-vts textarea {\n height: 200px;\n width: 720px;\n max-width: 90%;\n}\n\n/*\n Misc\n*/\n\n.able-clipped, .able-screenreader-alert {\n /* hide from sighted users, but not screen reader users */\n position: absolute !important;\n clip: rect(1px 1px 1px 1px); /* IE6, IE7 */\n clip: rect(1px, 1px, 1px, 1px);\n /* additional rules are needed to ensure clipped buttons are truly invisible in Safari on Mac OS X */\n width: 1px !important;\n height: 1px !important;\n overflow: hidden !important;\n}\n.able-error {\n display: block;\n background: #ffc;\n border: 2px solid #000;\n color: #FF0000;\n margin: 0.75em;\n padding: 0.5em;\n}\n.able-fallback {\n display: block;\n text-align: center;\n border: 2px solid #333355;\n background-color: #EEE;\n color: #000;\n font-weight: bold;\n font-size: 1.1em;\n padding: 1em;\n margin-block-end: 1em;\n max-width: 500px;\n width: 95%;\n}\n.able-fallback div,\n.able-fallback ul,\n.able-fallback p {\n text-align: start;\n}\n.able-fallback li {\n font-weight: normal;\n}\n.able-fallback img {\n width: 90%;\n margin: 1em auto;\n opacity: 0.3;\n}\n.able-fallback img.able-poster {\n position: relative;\n}\n\n/*\n SVG Icons\n*/\nbutton svg {\n display: inline-block;\n width: 1em;\n height: 1em;\n fill: currentColor;\n}\n\n\n/*\n icomoon.io font styling\n*/\n@font-face {\n font-family: 'able';\n src: url('../ableplayer/button-icons/fonts/able.eot?dqripi');\n src: url('../ableplayer/button-icons/fonts/able.eot?dqripi#iefix') format('embedded-opentype'),\n url('../ableplayer/button-icons/fonts/able.ttf?dqripi') format('truetype'),\n url('../ableplayer/button-icons/fonts/able.woff?dqripi') format('woff'),\n url('../ableplayer/button-icons/fonts/able.svg?dqripi#able') format('svg');\n font-weight: normal;\n font-style: normal;\n}\n\n[class^=\"icon-\"], [class*=\" icon-\"] {\n /* use !important to prevent issues with browser extensions that change fonts */\n font-family: 'able' !important;\n speak: none;\n font-style: normal;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n\n /* Better Font Rendering =========== */\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n.icon-play:before {\n content: \"\\f04b\";\n}\n.icon-pause:before {\n content: \"\\f04c\";\n}\n.icon-stop:before {\n content: \"\\f04d\";\n}\n.icon-restart:before {\n content: \"\\e900\";\n}\n.icon-rewind:before {\n content: \"\\e603\";\n}\n.icon-forward:before {\n content: \"\\e604\";\n}\n.icon-previous:before {\n content: \"\\e901\";\n}\n.icon-next:before {\n content: \"\\e902\";\n}\n.icon-slower:before {\n content: \"\\f0dd\";\n}\n.icon-faster:before {\n content: \"\\f0de\";\n}\n.icon-turtle:before {\n content: \"\\e904\";\n}\n.icon-rabbit:before {\n content: \"\\e905\";\n}\n.icon-ellipsis:before {\n content: \"\\e903\";\n}\n.icon-pipe:before {\n content: \"\\e600\";\n}\n.icon-captions:before {\n content: \"\\e601\";\n}\n.icon-descriptions:before {\n content: \"\\e602\";\n}\n.icon-sign:before {\n content: \"\\e60a\";\n}\n.icon-volume-mute:before {\n content: \"\\e606\";\n}\n.icon-volume-soft:before {\n content: \"\\e60c\";\n}\n.icon-volume-medium:before {\n content: \"\\e605\";\n}\n.icon-volume-loud:before {\n content: \"\\e60b\";\n}\n.icon-volume-up:before {\n content: \"\\e607\";\n}\n.icon-volume-down:before {\n content: \"\\e608\";\n}\n.icon-chapters:before {\n content: \"\\e609\";\n}\n.icon-transcript:before {\n content: \"\\f15c\";\n}\n.icon-preferences:before {\n content: \"\\e60d\";\n}\n.icon-close:before {\n content: \"\\f00d\";\n}\n.icon-fullscreen-expand:before {\n content: \"\\f065\";\n}\n.icon-fullscreen-collapse:before {\n content: \"\\f066\";\n}\n.icon-help:before {\n content: \"\\f128\";\n}","/* Solarized Light\n\nFor use with Jekyll and Pygments\n\nhttp://ethanschoonover.com/solarized\n\nSOLARIZED HEX ROLE\n--------- -------- ------------------------------------------\nbase01 var(--w3c-blue) body text / default code / primary content\nbase1 var(--dk-grey) comments / secondary content\nbase3 #fdf6e3 background\norange var(--faded-red) constants\nred var(--faded-red) regex, special keywords\nblue var(--w3c-classic) reserved keywords\ncyan var(--wai-green) strings, numbers\ngreen var(--wai-green) operators, other keywords\n\n*/\n\npre {\n white-space: pre-wrap;\n}\n\n.highlight {\n font-size: 14px;\n color: var(--w3c-blue);\n tab-size: 2;\n font-variant-ligatures: no-common-ligatures;\n}\n.highlight .c { color: var(--dk-grey) } /* Comment */\n.highlight .err { color: var(--w3c-blue) } /* Error */\n.highlight .g { color: var(--w3c-blue) } /* Generic */\n.highlight .k { color: var(--wai-green) } /* Keyword */\n.highlight .l { color: var(--w3c-blue) } /* Literal */\n.highlight .n { color: var(--w3c-blue) } /* Name */\n.highlight .o { color: var(--wai-green) } /* Operator */\n.highlight .x { color: var(--faded-red) } /* Other */\n.highlight .p { color: var(--w3c-blue) } /* Punctuation */\n.highlight .cm { color: var(--dk-grey) } /* Comment.Multiline */\n.highlight .cp { color: var(--wai-green) } /* Comment.Preproc */\n.highlight .c1 { color: var(--dk-grey) } /* Comment.Single */\n.highlight .cs { color: var(--wai-green) } /* Comment.Special */\n.highlight .gd { color: var(--wai-green) } /* Generic.Deleted */\n.highlight .ge { color: var(--w3c-blue); font-weight: bold } /* Generic.Emph */\n.highlight .gr { color: var(--faded-red) } /* Generic.Error */\n.highlight .gh { color: var(--faded-red) } /* Generic.Heading */\n.highlight .gi { color: var(--wai-green) } /* Generic.Inserted */\n.highlight .go { color: var(--w3c-blue) } /* Generic.Output */\n.highlight .gp { color: var(--w3c-blue) } /* Generic.Prompt */\n.highlight .gs { color: var(--w3c-blue); font-weight: bold } /* Generic.Strong */\n.highlight .gu { color: var(--faded-red) } /* Generic.Subheading */\n.highlight .gt { color: var(--w3c-blue) } /* Generic.Traceback */\n.highlight .kc { color: var(--faded-red) } /* Keyword.Constant */\n.highlight .kd { color: var(--w3c-classic) } /* Keyword.Declaration */\n.highlight .kn { color: var(--wai-green) } /* Keyword.Namespace */\n.highlight .kp { color: var(--wai-green) } /* Keyword.Pseudo */\n.highlight .kr { color: var(--w3c-classic) } /* Keyword.Reserved */\n.highlight .kt { color: var(--faded-red) } /* Keyword.Type */\n.highlight .ld { color: var(--w3c-blue) } /* Literal.Date */\n.highlight .m { color: var(--wai-green) } /* Literal.Number */\n.highlight .s { color: var(--wai-green) } /* Literal.String */\n.highlight .na { color: var(--w3c-blue) } /* Name.Attribute */\n.highlight .nb { color: var(--faded-red) } /* Name.Builtin */\n.highlight .nc { color: var(--w3c-classic) } /* Name.Class */\n.highlight .no { color: var(--faded-red) } /* Name.Constant */\n.highlight .nd { color: var(--w3c-classic) } /* Name.Decorator */\n.highlight .ni { color: var(--faded-red) } /* Name.Entity */\n.highlight .ne { color: var(--faded-red) } /* Name.Exception */\n.highlight .nf { color: var(--w3c-classic) } /* Name.Function */\n.highlight .nl { color: var(--w3c-blue) } /* Name.Label */\n.highlight .nn { color: var(--w3c-blue) } /* Name.Namespace */\n.highlight .nx { color: var(--w3c-blue) } /* Name.Other */\n.highlight .py { color: var(--w3c-blue) } /* Name.Property */\n.highlight .nt { color: var(--w3c-classic) } /* Name.Tag */\n.highlight .nv { color: var(--w3c-classic) } /* Name.Variable */\n.highlight .ow { color: var(--wai-green) } /* Operator.Word */\n.highlight .w { color: var(--w3c-blue) } /* Text.Whitespace */\n.highlight .mf { color: var(--wai-green) } /* Literal.Number.Float */\n.highlight .mh { color: var(--wai-green) } /* Literal.Number.Hex */\n.highlight .mi { color: var(--wai-green) } /* Literal.Number.Integer */\n.highlight .mo { color: var(--wai-green) } /* Literal.Number.Oct */\n.highlight .sb { color: var(--dk-grey) } /* Literal.String.Backtick */\n.highlight .sc { color: var(--wai-green) } /* Literal.String.Char */\n.highlight .sd { color: var(--w3c-blue) } /* Literal.String.Doc */\n.highlight .s2 { color: var(--wai-green) } /* Literal.String.Double */\n.highlight .se { color: var(--faded-red) } /* Literal.String.Escape */\n.highlight .sh { color: var(--w3c-blue) } /* Literal.String.Heredoc */\n.highlight .si { color: var(--wai-green) } /* Literal.String.Interpol */\n.highlight .sx { color: var(--wai-green) } /* Literal.String.Other */\n.highlight .sr { color: var(--faded-red) } /* Literal.String.Regex */\n.highlight .s1 { color: var(--wai-green) } /* Literal.String.Single */\n.highlight .ss { color: var(--wai-green) } /* Literal.String.Symbol */\n.highlight .bp { color: var(--w3c-classic) } /* Name.Builtin.Pseudo */\n.highlight .vc { color: var(--w3c-classic) } /* Name.Variable.Class */\n.highlight .vg { color: var(--w3c-classic) } /* Name.Variable.Global */\n.highlight .vi { color: var(--w3c-classic) } /* Name.Variable.Instance */\n.highlight .il { color: var(--wai-green) } /* Literal.Number.Integer.Long */\n\n:not(.highlight) code {\n font-variant-ligatures: no-common-ligatures;\n color: var(--w3c-blue);\n}"]}
@@ -89,12 +89,12 @@
89
89
  <symbol id="icon-ex-circle" viewBox="0 0 24 28">
90
90
  <path d="M17.953 17.531c0-0.266-0.109-0.516-0.297-0.703l-2.828-2.828 2.828-2.828c0.187-0.187 0.297-0.438 0.297-0.703s-0.109-0.531-0.297-0.719l-1.406-1.406c-0.187-0.187-0.453-0.297-0.719-0.297s-0.516 0.109-0.703 0.297l-2.828 2.828-2.828-2.828c-0.187-0.187-0.438-0.297-0.703-0.297s-0.531 0.109-0.719 0.297l-1.406 1.406c-0.187 0.187-0.297 0.453-0.297 0.719s0.109 0.516 0.297 0.703l2.828 2.828-2.828 2.828c-0.187 0.187-0.297 0.438-0.297 0.703s0.109 0.531 0.297 0.719l1.406 1.406c0.187 0.187 0.453 0.297 0.719 0.297s0.516-0.109 0.703-0.297l2.828-2.828 2.828 2.828c0.187 0.187 0.438 0.297 0.703 0.297s0.531-0.109 0.719-0.297l1.406-1.406c0.187-0.187 0.297-0.453 0.297-0.719zM24 14c0 6.625-5.375 12-12 12s-12-5.375-12-12 5.375-12 12-12 12 5.375 12 12z"></path>
91
91
  </symbol>
92
- <symbol id="icon-external-link" viewBox="4.651 15.87 90.695 68.278">
93
- <path d="M 10.236 21.466 C -8.327 40.037 0.176 71.739 25.54 78.53 C 50.905 85.32 74.109 62.105 67.307 36.744 C 65.757 30.966 62.715 25.697 58.486 21.466 C 56.307 19.287 52.588 20.284 51.79 23.26 C 51.42 24.641 51.815 26.115 52.826 27.126 C 67.037 41.34 60.531 65.608 41.115 70.807 C 21.7 76.007 3.937 58.239 9.142 38.825 C 10.328 34.4 12.657 30.366 15.896 27.126 C 18.075 24.947 17.078 21.228 14.102 20.43 C 12.721 20.06 11.247 20.455 10.236 21.466 Z" transform="matrix(0, 1, -1, 0, 84.37748, 15.63989)"/>
94
- <path d="M 65.324 80.01 C 67.533 80.01 69.324 78.219 69.324 76.01 L 69.324 34.01 L 77.674 42.84 C 79.798 45.076 83.547 44.174 84.421 41.216 C 84.827 39.843 84.47 38.358 83.484 37.32 L 68.234 21.22 C 66.656 19.553 64.002 19.553 62.424 21.22 L 47.164 37.32 C 45.047 39.556 46.145 43.246 49.14 43.961 C 50.53 44.293 51.991 43.858 52.974 42.82 L 61.324 34.02 L 61.324 76.02 C 61.329 78.225 63.119 80.01 65.324 80.01 Z" transform="matrix(0, 1, -1, 0, 115.315674, -15.335918)"/>
92
+ <symbol id="icon-external-link" viewBox="0 0 100 100">
93
+ <path d="m79.297 79.297h-58.594v-58.594h29.297v-7.3242h-36.621v73.242h73.242v-36.621h-7.3242z"/>
94
+ <path d="m57.324 13.379l10.547 10.547-20.762 20.762 8.2031 8.2031 20.762-20.762 10.547 10.547v-29.297z"/>
95
95
  </symbol>
96
- <symbol id="icon-different-view" viewBox="0 0 24 28">
97
- <path d="M20 14.5v-7.5c0-0.547-0.453-1-1-1h-7.5c-0.406 0-0.766 0.25-0.922 0.609-0.156 0.375-0.078 0.812 0.219 1.094l2.25 2.25-8.344 8.344c-0.391 0.391-0.391 1.016 0 1.406l1.594 1.594c0.391 0.391 1.016 0.391 1.406 0l8.344-8.344 2.25 2.25c0.187 0.203 0.438 0.297 0.703 0.297 0.125 0 0.266-0.031 0.391-0.078 0.359-0.156 0.609-0.516 0.609-0.922zM24 6.5v15c0 2.484-2.016 4.5-4.5 4.5h-15c-2.484 0-4.5-2.016-4.5-4.5v-15c0-2.484 2.016-4.5 4.5-4.5h15c2.484 0 4.5 2.016 4.5 4.5z"></path>
96
+ <symbol id="icon-different-view" viewBox="0 0 100 100">
97
+ <path d="m5 77h72v-72h-72zm6-6v-60h60v60zm13-20h6v-16.781l25.781 25.781 4.2188-4.25-25.719-25.75h16.719v-6h-27z"/>
98
98
  </symbol>
99
99
  <symbol id="icon-readmore" viewBox="0 0 20 28">
100
100
  <path d="M18.188 2c0.234 0 0.469 0.047 0.688 0.141 0.688 0.266 1.125 0.906 1.125 1.609v20.141c0 0.703-0.438 1.344-1.125 1.609-0.219 0.094-0.453 0.125-0.688 0.125-0.484 0-0.938-0.172-1.297-0.5l-6.891-6.625-6.891 6.625c-0.359 0.328-0.812 0.516-1.297 0.516-0.234 0-0.469-0.047-0.688-0.141-0.688-0.266-1.125-0.906-1.125-1.609v-20.141c0-0.703 0.438-1.344 1.125-1.609 0.219-0.094 0.453-0.141 0.688-0.141h16.375z"></path>
@@ -372,6 +372,13 @@ if (document.querySelector('main')) {
372
372
  target = target.parentNode;
373
373
  }
374
374
 
375
+ // if the target is in a summary, it is a heading with an id. In that case we want to open the details that is the parent.
376
+
377
+ if (target && target.parentNode.nodeName.toLowerCase() == 'summary') {
378
+ target.parentNode.parentNode.setAttribute('open', 'true');
379
+ target = target.parentNode.parentNode;
380
+ }
381
+
375
382
  // can see if that parent node is visible. If it is _not_, but is a details element, we open that details element.
376
383
  // Then we move on to its parent until we arrive at a visible element
377
384
  while (!isVisible(target)) {
@@ -374,7 +374,7 @@ http://www.tipue.com/search
374
374
  {
375
375
  if (l_o >= start && l_o < set.show + start)
376
376
  {
377
- out += '<li><h2 class="format-level-5"><a href="' + found[i].url + '"' + tipue_search_w + '>' + found[i].title + '</a></h2>';
377
+ out += '<li><h3"><a href="' + found[i].url + '"' + tipue_search_w + '>' + found[i].title + '</a></h2>';
378
378
 
379
379
  if (set.debug)
380
380
  {
@@ -408,7 +408,7 @@ http://www.tipue.com/search
408
408
 
409
409
  if (t_1.length > set.contextLength)
410
410
  {
411
- t = '... ' + t_1;
411
+ t = ' ' + t_1;
412
412
  }
413
413
  }
414
414
  }
@@ -447,7 +447,7 @@ http://www.tipue.com/search
447
447
  t_d = $.trim(t_d);
448
448
  if (t_d.charAt(t_d.length - 1) != '.')
449
449
  {
450
- t_d += ' ...';
450
+ t_d += ' ';
451
451
  }
452
452
 
453
453
  t_d = t_d.replace(/h0011/g, 'mark');
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: wai-website-theme
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.3.1
4
+ version: '1.4'
5
5
  platform: ruby
6
6
  authors:
7
7
  - Eric Eggert
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2019-04-24 00:00:00.000000000 Z
11
+ date: 2019-06-10 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -100,7 +100,9 @@ files:
100
100
  - _includes/navlist.html
101
101
  - _includes/notes.html
102
102
  - _includes/path.html
103
- - _includes/prevnext.html
103
+ - _includes/peoplelist.html
104
+ - _includes/prevnext-navigation.html
105
+ - _includes/prevnext-order.html
104
106
  - _includes/resources.html
105
107
  - _includes/secondarynav.html
106
108
  - _includes/sidenav.html
@@ -215,6 +217,7 @@ files:
215
217
  - assets/ableplayer/scripts/transcript.js
216
218
  - assets/ableplayer/scripts/translation.js
217
219
  - assets/ableplayer/scripts/ttml2webvtt.js
220
+ - assets/ableplayer/scripts/vimeo.js
218
221
  - assets/ableplayer/scripts/volume.js
219
222
  - assets/ableplayer/scripts/vts.js
220
223
  - assets/ableplayer/scripts/webvtt.js
@@ -232,6 +235,8 @@ files:
232
235
  - assets/ableplayer/translations/ja.js
233
236
  - assets/ableplayer/translations/nb.js
234
237
  - assets/ableplayer/translations/nl.js
238
+ - assets/ableplayer/translations/pt-br.js
239
+ - assets/ableplayer/translations/tr.js
235
240
  - assets/ableplayer/translations/zh-tw.js
236
241
  - assets/css/style.css
237
242
  - assets/css/style.css.map