CINXE.COM
How to Contact ProPublica Securely — ProPublica
<!DOCTYPE html> <html lang="en" class="no-js"> <!-- IMPORTANT: if you edit any <script> or <style> tags in this file, you MUST update the Content-Security-Policy headers. (see the readme next to this file in the repo) --> <head> <title>How to Contact ProPublica Securely — ProPublica</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <!-- Critical JS --> <!-- sha256-a/R5dNrdtfrpdJcNMzLLVv2YvP1wUW4rC3ecGnTGJhk= --> <script> (function(H) { H.className = H.className.replace(/\bno-js\b/, 'enhanced') })(document.documentElement) </script> <!-- PRECONNECT --> <link href="https://assets.propublica.org/static/prod/" rel="preconnect"> <link href="https://assets.propublica.org/static/prod/" rel="dns-prefetch"> <!-- STYLES --> <!-- <link rel="stylesheet" href="/css/tips.css"> --> <!-- REPLACED BY INLINE STYLE TAG BELOW --> <!-- sha256-Ge7w43SA+/vV5OFZaXF8JQrJAyEGRUCNSbIEbOKQ0AU= --> <style> .inline { display: inline; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } main, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } table { border-collapse: collapse; border-spacing: 0; } *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } @font-face { font-family: "Tiempos Headline"; src: url(https://assets.propublica.org/static/v5/fonts/TiemposHeadlineWeb-Regular.woff2) format("woff2"), url(https://assets.propublica.org/static/v5/fonts/TiemposHeadlineWeb-Regular.woff) format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Tiempos Headline"; src: url(https://assets.propublica.org/static/v5/fonts/TiemposHeadlineWeb-RegularItalic.woff2) format("woff2"), url(https://assets.propublica.org/static/v5/fonts/TiemposHeadlineWeb-RegularItalic.woff) format("woff"); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: "Tiempos Headline"; src: url(https://assets.propublica.org/static/v5/fonts/TiemposHeadlineWeb-Black.woff2) format("woff2"), url(https://assets.propublica.org/static/v5/fonts/TiemposHeadlineWeb-Black.woff) format("woff"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "Tiempos Headline"; src: url(https://assets.propublica.org/static/v5/fonts/TiemposHeadlineWeb-BlackItalic.woff2) format("woff2"), url(https://assets.propublica.org/static/v5/fonts/TiemposHeadlineWeb-BlackItalic.woff) format("woff"); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: "Tiempos Text"; src: url(https://assets.propublica.org/static/v5/fonts/TiemposTextWeb-Regular.woff2) format("woff2"), url(https://assets.propublica.org/static/v5/fonts/TiemposTextWeb-Regular.woff) format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Tiempos Text"; src: url(https://assets.propublica.org/static/v5/fonts/TiemposTextWeb-RegularItalic.woff2) format("woff2"), url(https://assets.propublica.org/static/v5/fonts/TiemposTextWeb-RegularItalic.woff) format("woff"); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: "Tiempos Text"; src: url(https://assets.propublica.org/static/v5/fonts/TiemposTextWeb-Bold.woff2) format("woff2"), url(https://assets.propublica.org/static/v5/fonts/TiemposTextWeb-Bold.woff) format("woff"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "Tiempos Text"; src: url(https://assets.propublica.org/static/v5/fonts/TiemposTextWeb-BoldItalic.woff2) format("woff2"), url(https://assets.propublica.org/static/v5/fonts/TiemposTextWeb-BoldItalic.woff) format("woff"); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: "Graphik"; src: url(https://assets.propublica.org/static/v5/fonts/Graphik-Regular-Web.woff2) format("woff2"), url(https://assets.propublica.org/static/v5/fonts/Graphik-Regular-Web.woff) format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Graphik"; src: url(https://assets.propublica.org/static/v5/fonts/Graphik-RegularItalic-Web.woff2) format("woff2"), url(https://assets.propublica.org/static/v5/fonts/Graphik-RegularItalic-Web.woff2) format("woff"); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: "Graphik"; src: url(https://assets.propublica.org/static/v5/fonts/Graphik-Bold-Web.woff2) format("woff2"), url(https://assets.propublica.org/static/v5/fonts/Graphik-Bold-Web.woff) format("woff"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "Graphik"; src: url(https://assets.propublica.org/static/v5/fonts/Graphik-BoldItalic-Web.woff2) format("woff2"), url(https://assets.propublica.org/static/v5/fonts/Graphik-BoldItalic-Web.woff) format("woff"); font-weight: bold; font-style: italic; font-display: swap; } :root { --fonts-hed: "Tiempos Headline", serif; --fonts-serif: "Tiempos Text", serif; --fonts-sans: "Graphik", sans-serif; --scale-3: 0.5787037037rem; --scale-2: 0.6944444444rem; --scale-1: 0.8333333333rem; --scale0: 1rem; --scale1: 1.2rem; --scale2: 1.44rem; --scale3: 1.728rem; --scale4: 2.0736rem; --scale5: 2.48832rem; --scale6: 2.985984rem; --scale7: 3.5831808rem; --scale8: 4.29981696rem; --line-height-3: 1; --line-height-2: 1.2; --line-height-1: 1.44; --line-height0: 1.728; } :root { --spacing-2: 0.2893518519rem; --spacing-1: 0.5787037037rem; --spacing0: 1rem; --spacing1: 1.44rem; --spacing2: 2.0736rem; --spacing3: 2.985984rem; } .dark-mode-control { --button-size: 1.7rem; position: relative; } .dark-mode-control__icon, .btn__icon.dark-mode-control__icon { display: none; height: 100%; width: 100%; } .dark-mode-control__icon svg, .btn__icon.dark-mode-control__icon svg { fill: currentColor; } html:not(.force-light-mode):not(.force-dark-mode) .dark-mode-control__icon--auto, html.force-light-mode .dark-mode-control__icon--light, html.force-dark-mode .dark-mode-control__icon--dark { display: block; } .dark-mode-control__select { opacity: 0; display: inline-block; font-size: var(--scale-1); height: var(--button-size); width: var(--button-size); position: absolute; left: 0; top: 0; -moz-appearance: none; -webkit-appearance: none; appearance: none; } .dark-mode-control__select::-ms-expand { display: none; } .dark-mode-control__select:hover { cursor: pointer; } :root { --black: #000000; --white: #ffffff; --gray-3: #f6f6f6; --gray-10: #e2e2e2; --gray-20: #c6c6c6; --gray-30: #ababab; --gray-40: #919191; --gray-50: #777; --gray-60: #5e5e5e; --gray-70: #474747; --gray-80: #303030; --gray-90: #1b1b1b; --gray-97: #0b0b0b; --cool-10: #dee3e6; --cool-20: #bec8ce; --cool-30: #9eadb6; --cool-40: #84939c; --cool-50: #6c7982; --cool-60: #556068; --cool-70: #40484f; --cool-80: #2b3137; --cool-90: #1b2127; --warm-10: #eeece7; --warm-20: #cdc6b7; --warm-30: #b1ab9c; --warm-40: #979082; --warm-50: #7d7669; --warm-60: #645e51; --warm-70: #4c463a; --warm-80: #353025; --warm-90: #201b10; --red-10: #ffd9d1; --red-20: #fdb3a5; --red-30: #f58d7a; --red-40: #e96552; --red-50: #da352b; --red-60: #bb0b15; --red-70: #9b0000; --red-80: #7e0000; --red-90: #620000; --orange-10: #ffe6d0; --orange-20: #ffcda3; --orange-30: #fcb475; --orange-40: #f49c47; --orange-50: #e98406; --orange-60: #c06300; --orange-70: #984300; --orange-80: #742300; --orange-90: #540000; --yellow-10: #fff2d4; --yellow-20: #fee6aa; --yellow-30: #fada7f; --yellow-40: #f3ce50; --yellow-50: #eac300; --yellow-60: #b99800; --yellow-70: #8a7000; --yellow-80: #604900; --yellow-90: #3f2500; --olive-10: #f2f6d5; --olive-20: #e3ecaa; --olive-30: #d3e380; --olive-40: #c0da52; --olive-50: #acd105; --olive-60: #7ea600; --olive-70: #527d00; --olive-80: #2c5500; --olive-90: #1e2f00; --green-10: #d9f2db; --green-20: #b3e4b7; --green-30: #8bd694; --green-40: #5ec772; --green-50: #14b84f; --green-60: #00942e; --green-70: #007107; --green-80: #004f00; --green-90: #003100; --aqua-10: #daf3eb; --aqua-20: #b4e7d6; --aqua-30: #8cdbc3; --aqua-40: #5eceaf; --aqua-50: #00c19c; --aqua-60: #009a78; --aqua-70: #007556; --aqua-80: #005236; --aqua-90: #003118; --turquoise-10: #dcf2f4; --turquoise-20: #b7e5e8; --turquoise-30: #90d8dd; --turquoise-40: #62cbd2; --turquoise-50: #05bec7; --turquoise-60: #0098a1; --turquoise-70: #00737c; --turquoise-80: #00505a; --turquoise-90: #002f39; --blue-10: #dceef9; --blue-20: #b9def3; --blue-30: #92ceed; --blue-40: #64bee6; --blue-50: #06aee0; --blue-60: #008bbb; --blue-70: #006997; --blue-80: #004975; --blue-90: #002c54; --blue-97: #012d44; --cobalt-10: #dde1f9; --cobalt-20: #b9c4f3; --cobalt-30: #93a8ed; --cobalt-40: #678ee6; --cobalt-50: #2074df; --cobalt-60: #005cc3; --cobalt-70: #0045a7; --cobalt-80: #00308c; --cobalt-90: #001d72; --purple-10: #f5e2ff; --purple-20: #e9c4ff; --purple-30: #dda7fe; --purple-40: #cf89fd; --purple-50: #bf6afb; --purple-60: #9c4ad8; --purple-70: #7a28b6; --purple-80: #580095; --purple-90: #350075; --fuschia-10: #f8d8f2; --fuschia-20: #efb1e4; --fuschia-30: #e488d6; --fuschia-40: #d75dc8; --fuschia-50: #c91dba; --fuschia-60: #ad00a0; --fuschia-70: #910086; --fuschia-80: #75006d; --fuschia-90: #5a0055; --pink-10: #fbd7e0; --pink-20: #f4afc2; --pink-30: #ea85a4; --pink-40: #de5988; --pink-50: #cf176d; --pink-60: #b30057; --pink-70: #970042; --pink-80: #7c002e; --pink-90: #61001b; } .bg-black { --color-bg: var(--black); } html.force-light-mode .bg-white { --color-bg: var(--white); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .bg-white { --color-bg: var(--white); } } html.force-dark-mode .bg-white { --color-bg: var(--cool-90); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .bg-white { --color-bg: var(--cool-90); } } .bg-yellow-50 { --color-bg: var(--yellow-50); } .bg-blue-97 { --color-bg: var(--blue-97); } html.force-light-mode .text-dark { --color-text-hed: var(--black); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .text-dark { --color-text-hed: var(--black); } } html.force-dark-mode .text-dark { --color-text-hed: var(--gray-10); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .text-dark { --color-text-hed: var(--gray-10); } } html.force-light-mode .text-dark { --color-text-body: var(--gray-90); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .text-dark { --color-text-body: var(--gray-90); } } html.force-dark-mode .text-dark { --color-text-body: var(--gray-20); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .text-dark { --color-text-body: var(--gray-20); } } html.force-light-mode .text-dark { --color-text-supp: var(--gray-70); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .text-dark { --color-text-supp: var(--gray-70); } } html.force-dark-mode .text-dark { --color-text-supp: var(--gray-40); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .text-dark { --color-text-supp: var(--gray-40); } } html.force-light-mode .text-dark { --color-text-meta: var(--gray-40); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .text-dark { --color-text-meta: var(--gray-40); } } html.force-dark-mode .text-dark { --color-text-meta: var(--gray-60); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .text-dark { --color-text-meta: var(--gray-60); } } html.force-light-mode .text-light { --color-text-hed: var(--white); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .text-light { --color-text-hed: var(--white); } } html.force-dark-mode .text-light { --color-text-hed: var(--white); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .text-light { --color-text-hed: var(--white); } } html.force-light-mode .text-light { --color-text-body: var(--gray-20); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .text-light { --color-text-body: var(--gray-20); } } html.force-dark-mode .text-light { --color-text-body: var(--gray-20); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .text-light { --color-text-body: var(--gray-20); } } html.force-light-mode .text-light { --color-text-supp: var(--gray-40); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .text-light { --color-text-supp: var(--gray-40); } } html.force-dark-mode .text-light { --color-text-supp: var(--gray-40); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .text-light { --color-text-supp: var(--gray-40); } } html.force-light-mode .text-light { --color-text-meta: var(--gray-60); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .text-light { --color-text-meta: var(--gray-60); } } html.force-dark-mode .text-light { --color-text-meta: var(--gray-60); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .text-light { --color-text-meta: var(--gray-60); } } html.force-light-mode .accent-red { --color-accent-10: var(--red-10); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-red { --color-accent-10: var(--red-10); } } html.force-dark-mode .accent-red { --color-accent-10: var(--red-90); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-red { --color-accent-10: var(--red-90); } } html.force-light-mode .accent-red { --color-accent-20: var(--red-20); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-red { --color-accent-20: var(--red-20); } } html.force-dark-mode .accent-red { --color-accent-20: var(--red-80); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-red { --color-accent-20: var(--red-80); } } html.force-light-mode .accent-red { --color-accent-30: var(--red-30); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-red { --color-accent-30: var(--red-30); } } html.force-dark-mode .accent-red { --color-accent-30: var(--red-70); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-red { --color-accent-30: var(--red-70); } } html.force-light-mode .accent-red { --color-accent-40: var(--red-40); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-red { --color-accent-40: var(--red-40); } } html.force-dark-mode .accent-red { --color-accent-40: var(--red-60); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-red { --color-accent-40: var(--red-60); } } html.force-light-mode .accent-red { --color-accent-50: var(--red-50); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-red { --color-accent-50: var(--red-50); } } html.force-dark-mode .accent-red { --color-accent-50: var(--red-50); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-red { --color-accent-50: var(--red-50); } } html.force-light-mode .accent-red { --color-accent-60: var(--red-60); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-red { --color-accent-60: var(--red-60); } } html.force-dark-mode .accent-red { --color-accent-60: var(--red-40); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-red { --color-accent-60: var(--red-40); } } html.force-light-mode .accent-red { --color-accent-70: var(--red-70); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-red { --color-accent-70: var(--red-70); } } html.force-dark-mode .accent-red { --color-accent-70: var(--red-30); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-red { --color-accent-70: var(--red-30); } } html.force-light-mode .accent-red { --color-accent-80: var(--red-80); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-red { --color-accent-80: var(--red-80); } } html.force-dark-mode .accent-red { --color-accent-80: var(--red-20); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-red { --color-accent-80: var(--red-20); } } html.force-light-mode .accent-red { --color-accent-90: var(--red-90); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-red { --color-accent-90: var(--red-90); } } html.force-dark-mode .accent-red { --color-accent-90: var(--red-10); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-red { --color-accent-90: var(--red-10); } } html.force-light-mode .accent-orange { --color-accent-10: var(--orange-10); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-orange { --color-accent-10: var(--orange-10); } } html.force-dark-mode .accent-orange { --color-accent-10: var(--orange-90); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-orange { --color-accent-10: var(--orange-90); } } html.force-light-mode .accent-orange { --color-accent-20: var(--orange-20); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-orange { --color-accent-20: var(--orange-20); } } html.force-dark-mode .accent-orange { --color-accent-20: var(--orange-80); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-orange { --color-accent-20: var(--orange-80); } } html.force-light-mode .accent-orange { --color-accent-30: var(--orange-30); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-orange { --color-accent-30: var(--orange-30); } } html.force-dark-mode .accent-orange { --color-accent-30: var(--orange-70); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-orange { --color-accent-30: var(--orange-70); } } html.force-light-mode .accent-orange { --color-accent-40: var(--orange-40); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-orange { --color-accent-40: var(--orange-40); } } html.force-dark-mode .accent-orange { --color-accent-40: var(--orange-60); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-orange { --color-accent-40: var(--orange-60); } } html.force-light-mode .accent-orange { --color-accent-50: var(--orange-50); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-orange { --color-accent-50: var(--orange-50); } } html.force-dark-mode .accent-orange { --color-accent-50: var(--orange-50); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-orange { --color-accent-50: var(--orange-50); } } html.force-light-mode .accent-orange { --color-accent-60: var(--orange-60); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-orange { --color-accent-60: var(--orange-60); } } html.force-dark-mode .accent-orange { --color-accent-60: var(--orange-40); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-orange { --color-accent-60: var(--orange-40); } } html.force-light-mode .accent-orange { --color-accent-70: var(--orange-70); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-orange { --color-accent-70: var(--orange-70); } } html.force-dark-mode .accent-orange { --color-accent-70: var(--orange-30); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-orange { --color-accent-70: var(--orange-30); } } html.force-light-mode .accent-orange { --color-accent-80: var(--orange-80); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-orange { --color-accent-80: var(--orange-80); } } html.force-dark-mode .accent-orange { --color-accent-80: var(--orange-20); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-orange { --color-accent-80: var(--orange-20); } } html.force-light-mode .accent-orange { --color-accent-90: var(--orange-90); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-orange { --color-accent-90: var(--orange-90); } } html.force-dark-mode .accent-orange { --color-accent-90: var(--orange-10); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-orange { --color-accent-90: var(--orange-10); } } html.force-light-mode .accent-yellow { --color-accent-10: var(--yellow-10); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-yellow { --color-accent-10: var(--yellow-10); } } html.force-dark-mode .accent-yellow { --color-accent-10: var(--yellow-90); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-yellow { --color-accent-10: var(--yellow-90); } } html.force-light-mode .accent-yellow { --color-accent-20: var(--yellow-20); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-yellow { --color-accent-20: var(--yellow-20); } } html.force-dark-mode .accent-yellow { --color-accent-20: var(--yellow-80); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-yellow { --color-accent-20: var(--yellow-80); } } html.force-light-mode .accent-yellow { --color-accent-30: var(--yellow-30); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-yellow { --color-accent-30: var(--yellow-30); } } html.force-dark-mode .accent-yellow { --color-accent-30: var(--yellow-70); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-yellow { --color-accent-30: var(--yellow-70); } } html.force-light-mode .accent-yellow { --color-accent-40: var(--yellow-40); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-yellow { --color-accent-40: var(--yellow-40); } } html.force-dark-mode .accent-yellow { --color-accent-40: var(--yellow-60); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-yellow { --color-accent-40: var(--yellow-60); } } html.force-light-mode .accent-yellow { --color-accent-50: var(--yellow-50); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-yellow { --color-accent-50: var(--yellow-50); } } html.force-dark-mode .accent-yellow { --color-accent-50: var(--yellow-50); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-yellow { --color-accent-50: var(--yellow-50); } } html.force-light-mode .accent-yellow { --color-accent-60: var(--yellow-60); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-yellow { --color-accent-60: var(--yellow-60); } } html.force-dark-mode .accent-yellow { --color-accent-60: var(--yellow-40); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-yellow { --color-accent-60: var(--yellow-40); } } html.force-light-mode .accent-yellow { --color-accent-70: var(--yellow-70); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-yellow { --color-accent-70: var(--yellow-70); } } html.force-dark-mode .accent-yellow { --color-accent-70: var(--yellow-30); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-yellow { --color-accent-70: var(--yellow-30); } } html.force-light-mode .accent-yellow { --color-accent-80: var(--yellow-80); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-yellow { --color-accent-80: var(--yellow-80); } } html.force-dark-mode .accent-yellow { --color-accent-80: var(--yellow-20); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-yellow { --color-accent-80: var(--yellow-20); } } html.force-light-mode .accent-yellow { --color-accent-90: var(--yellow-90); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-yellow { --color-accent-90: var(--yellow-90); } } html.force-dark-mode .accent-yellow { --color-accent-90: var(--yellow-10); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-yellow { --color-accent-90: var(--yellow-10); } } html.force-light-mode .accent-olive { --color-accent-10: var(--olive-10); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-olive { --color-accent-10: var(--olive-10); } } html.force-dark-mode .accent-olive { --color-accent-10: var(--olive-90); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-olive { --color-accent-10: var(--olive-90); } } html.force-light-mode .accent-olive { --color-accent-20: var(--olive-20); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-olive { --color-accent-20: var(--olive-20); } } html.force-dark-mode .accent-olive { --color-accent-20: var(--olive-80); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-olive { --color-accent-20: var(--olive-80); } } html.force-light-mode .accent-olive { --color-accent-30: var(--olive-30); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-olive { --color-accent-30: var(--olive-30); } } html.force-dark-mode .accent-olive { --color-accent-30: var(--olive-70); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-olive { --color-accent-30: var(--olive-70); } } html.force-light-mode .accent-olive { --color-accent-40: var(--olive-40); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-olive { --color-accent-40: var(--olive-40); } } html.force-dark-mode .accent-olive { --color-accent-40: var(--olive-60); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-olive { --color-accent-40: var(--olive-60); } } html.force-light-mode .accent-olive { --color-accent-50: var(--olive-50); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-olive { --color-accent-50: var(--olive-50); } } html.force-dark-mode .accent-olive { --color-accent-50: var(--olive-50); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-olive { --color-accent-50: var(--olive-50); } } html.force-light-mode .accent-olive { --color-accent-60: var(--olive-60); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-olive { --color-accent-60: var(--olive-60); } } html.force-dark-mode .accent-olive { --color-accent-60: var(--olive-40); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-olive { --color-accent-60: var(--olive-40); } } html.force-light-mode .accent-olive { --color-accent-70: var(--olive-70); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-olive { --color-accent-70: var(--olive-70); } } html.force-dark-mode .accent-olive { --color-accent-70: var(--olive-30); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-olive { --color-accent-70: var(--olive-30); } } html.force-light-mode .accent-olive { --color-accent-80: var(--olive-80); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-olive { --color-accent-80: var(--olive-80); } } html.force-dark-mode .accent-olive { --color-accent-80: var(--olive-20); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-olive { --color-accent-80: var(--olive-20); } } html.force-light-mode .accent-olive { --color-accent-90: var(--olive-90); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-olive { --color-accent-90: var(--olive-90); } } html.force-dark-mode .accent-olive { --color-accent-90: var(--olive-10); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-olive { --color-accent-90: var(--olive-10); } } html.force-light-mode .accent-green { --color-accent-10: var(--green-10); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-green { --color-accent-10: var(--green-10); } } html.force-dark-mode .accent-green { --color-accent-10: var(--green-90); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-green { --color-accent-10: var(--green-90); } } html.force-light-mode .accent-green { --color-accent-20: var(--green-20); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-green { --color-accent-20: var(--green-20); } } html.force-dark-mode .accent-green { --color-accent-20: var(--green-80); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-green { --color-accent-20: var(--green-80); } } html.force-light-mode .accent-green { --color-accent-30: var(--green-30); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-green { --color-accent-30: var(--green-30); } } html.force-dark-mode .accent-green { --color-accent-30: var(--green-70); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-green { --color-accent-30: var(--green-70); } } html.force-light-mode .accent-green { --color-accent-40: var(--green-40); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-green { --color-accent-40: var(--green-40); } } html.force-dark-mode .accent-green { --color-accent-40: var(--green-60); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-green { --color-accent-40: var(--green-60); } } html.force-light-mode .accent-green { --color-accent-50: var(--green-50); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-green { --color-accent-50: var(--green-50); } } html.force-dark-mode .accent-green { --color-accent-50: var(--green-50); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-green { --color-accent-50: var(--green-50); } } html.force-light-mode .accent-green { --color-accent-60: var(--green-60); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-green { --color-accent-60: var(--green-60); } } html.force-dark-mode .accent-green { --color-accent-60: var(--green-40); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-green { --color-accent-60: var(--green-40); } } html.force-light-mode .accent-green { --color-accent-70: var(--green-70); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-green { --color-accent-70: var(--green-70); } } html.force-dark-mode .accent-green { --color-accent-70: var(--green-30); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-green { --color-accent-70: var(--green-30); } } html.force-light-mode .accent-green { --color-accent-80: var(--green-80); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-green { --color-accent-80: var(--green-80); } } html.force-dark-mode .accent-green { --color-accent-80: var(--green-20); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-green { --color-accent-80: var(--green-20); } } html.force-light-mode .accent-green { --color-accent-90: var(--green-90); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-green { --color-accent-90: var(--green-90); } } html.force-dark-mode .accent-green { --color-accent-90: var(--green-10); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-green { --color-accent-90: var(--green-10); } } html.force-light-mode .accent-aqua { --color-accent-10: var(--aqua-10); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-aqua { --color-accent-10: var(--aqua-10); } } html.force-dark-mode .accent-aqua { --color-accent-10: var(--aqua-90); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-aqua { --color-accent-10: var(--aqua-90); } } html.force-light-mode .accent-aqua { --color-accent-20: var(--aqua-20); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-aqua { --color-accent-20: var(--aqua-20); } } html.force-dark-mode .accent-aqua { --color-accent-20: var(--aqua-80); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-aqua { --color-accent-20: var(--aqua-80); } } html.force-light-mode .accent-aqua { --color-accent-30: var(--aqua-30); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-aqua { --color-accent-30: var(--aqua-30); } } html.force-dark-mode .accent-aqua { --color-accent-30: var(--aqua-70); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-aqua { --color-accent-30: var(--aqua-70); } } html.force-light-mode .accent-aqua { --color-accent-40: var(--aqua-40); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-aqua { --color-accent-40: var(--aqua-40); } } html.force-dark-mode .accent-aqua { --color-accent-40: var(--aqua-60); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-aqua { --color-accent-40: var(--aqua-60); } } html.force-light-mode .accent-aqua { --color-accent-50: var(--aqua-50); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-aqua { --color-accent-50: var(--aqua-50); } } html.force-dark-mode .accent-aqua { --color-accent-50: var(--aqua-50); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-aqua { --color-accent-50: var(--aqua-50); } } html.force-light-mode .accent-aqua { --color-accent-60: var(--aqua-60); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-aqua { --color-accent-60: var(--aqua-60); } } html.force-dark-mode .accent-aqua { --color-accent-60: var(--aqua-40); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-aqua { --color-accent-60: var(--aqua-40); } } html.force-light-mode .accent-aqua { --color-accent-70: var(--aqua-70); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-aqua { --color-accent-70: var(--aqua-70); } } html.force-dark-mode .accent-aqua { --color-accent-70: var(--aqua-30); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-aqua { --color-accent-70: var(--aqua-30); } } html.force-light-mode .accent-aqua { --color-accent-80: var(--aqua-80); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-aqua { --color-accent-80: var(--aqua-80); } } html.force-dark-mode .accent-aqua { --color-accent-80: var(--aqua-20); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-aqua { --color-accent-80: var(--aqua-20); } } html.force-light-mode .accent-aqua { --color-accent-90: var(--aqua-90); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-aqua { --color-accent-90: var(--aqua-90); } } html.force-dark-mode .accent-aqua { --color-accent-90: var(--aqua-10); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-aqua { --color-accent-90: var(--aqua-10); } } html.force-light-mode .accent-turquoise { --color-accent-10: var(--turquoise-10); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-turquoise { --color-accent-10: var(--turquoise-10); } } html.force-dark-mode .accent-turquoise { --color-accent-10: var(--turquoise-90); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-turquoise { --color-accent-10: var(--turquoise-90); } } html.force-light-mode .accent-turquoise { --color-accent-20: var(--turquoise-20); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-turquoise { --color-accent-20: var(--turquoise-20); } } html.force-dark-mode .accent-turquoise { --color-accent-20: var(--turquoise-80); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-turquoise { --color-accent-20: var(--turquoise-80); } } html.force-light-mode .accent-turquoise { --color-accent-30: var(--turquoise-30); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-turquoise { --color-accent-30: var(--turquoise-30); } } html.force-dark-mode .accent-turquoise { --color-accent-30: var(--turquoise-70); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-turquoise { --color-accent-30: var(--turquoise-70); } } html.force-light-mode .accent-turquoise { --color-accent-40: var(--turquoise-40); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-turquoise { --color-accent-40: var(--turquoise-40); } } html.force-dark-mode .accent-turquoise { --color-accent-40: var(--turquoise-60); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-turquoise { --color-accent-40: var(--turquoise-60); } } html.force-light-mode .accent-turquoise { --color-accent-50: var(--turquoise-50); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-turquoise { --color-accent-50: var(--turquoise-50); } } html.force-dark-mode .accent-turquoise { --color-accent-50: var(--turquoise-50); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-turquoise { --color-accent-50: var(--turquoise-50); } } html.force-light-mode .accent-turquoise { --color-accent-60: var(--turquoise-60); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-turquoise { --color-accent-60: var(--turquoise-60); } } html.force-dark-mode .accent-turquoise { --color-accent-60: var(--turquoise-40); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-turquoise { --color-accent-60: var(--turquoise-40); } } html.force-light-mode .accent-turquoise { --color-accent-70: var(--turquoise-70); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-turquoise { --color-accent-70: var(--turquoise-70); } } html.force-dark-mode .accent-turquoise { --color-accent-70: var(--turquoise-30); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-turquoise { --color-accent-70: var(--turquoise-30); } } html.force-light-mode .accent-turquoise { --color-accent-80: var(--turquoise-80); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-turquoise { --color-accent-80: var(--turquoise-80); } } html.force-dark-mode .accent-turquoise { --color-accent-80: var(--turquoise-20); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-turquoise { --color-accent-80: var(--turquoise-20); } } html.force-light-mode .accent-turquoise { --color-accent-90: var(--turquoise-90); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-turquoise { --color-accent-90: var(--turquoise-90); } } html.force-dark-mode .accent-turquoise { --color-accent-90: var(--turquoise-10); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-turquoise { --color-accent-90: var(--turquoise-10); } } html.force-light-mode .accent-blue { --color-accent-10: var(--blue-10); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-blue { --color-accent-10: var(--blue-10); } } html.force-dark-mode .accent-blue { --color-accent-10: var(--blue-90); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-blue { --color-accent-10: var(--blue-90); } } html.force-light-mode .accent-blue { --color-accent-20: var(--blue-20); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-blue { --color-accent-20: var(--blue-20); } } html.force-dark-mode .accent-blue { --color-accent-20: var(--blue-80); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-blue { --color-accent-20: var(--blue-80); } } html.force-light-mode .accent-blue { --color-accent-30: var(--blue-30); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-blue { --color-accent-30: var(--blue-30); } } html.force-dark-mode .accent-blue { --color-accent-30: var(--blue-70); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-blue { --color-accent-30: var(--blue-70); } } html.force-light-mode .accent-blue { --color-accent-40: var(--blue-40); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-blue { --color-accent-40: var(--blue-40); } } html.force-dark-mode .accent-blue { --color-accent-40: var(--blue-60); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-blue { --color-accent-40: var(--blue-60); } } html.force-light-mode .accent-blue { --color-accent-50: var(--blue-50); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-blue { --color-accent-50: var(--blue-50); } } html.force-dark-mode .accent-blue { --color-accent-50: var(--blue-50); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-blue { --color-accent-50: var(--blue-50); } } html.force-light-mode .accent-blue { --color-accent-60: var(--blue-60); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-blue { --color-accent-60: var(--blue-60); } } html.force-dark-mode .accent-blue { --color-accent-60: var(--blue-40); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-blue { --color-accent-60: var(--blue-40); } } html.force-light-mode .accent-blue { --color-accent-70: var(--blue-70); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-blue { --color-accent-70: var(--blue-70); } } html.force-dark-mode .accent-blue { --color-accent-70: var(--blue-30); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-blue { --color-accent-70: var(--blue-30); } } html.force-light-mode .accent-blue { --color-accent-80: var(--blue-80); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-blue { --color-accent-80: var(--blue-80); } } html.force-dark-mode .accent-blue { --color-accent-80: var(--blue-20); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-blue { --color-accent-80: var(--blue-20); } } html.force-light-mode .accent-blue { --color-accent-90: var(--blue-90); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-blue { --color-accent-90: var(--blue-90); } } html.force-dark-mode .accent-blue { --color-accent-90: var(--blue-10); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-blue { --color-accent-90: var(--blue-10); } } html.force-light-mode .accent-cobalt { --color-accent-10: var(--cobalt-10); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-cobalt { --color-accent-10: var(--cobalt-10); } } html.force-dark-mode .accent-cobalt { --color-accent-10: var(--cobalt-90); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-cobalt { --color-accent-10: var(--cobalt-90); } } html.force-light-mode .accent-cobalt { --color-accent-20: var(--cobalt-20); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-cobalt { --color-accent-20: var(--cobalt-20); } } html.force-dark-mode .accent-cobalt { --color-accent-20: var(--cobalt-80); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-cobalt { --color-accent-20: var(--cobalt-80); } } html.force-light-mode .accent-cobalt { --color-accent-30: var(--cobalt-30); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-cobalt { --color-accent-30: var(--cobalt-30); } } html.force-dark-mode .accent-cobalt { --color-accent-30: var(--cobalt-70); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-cobalt { --color-accent-30: var(--cobalt-70); } } html.force-light-mode .accent-cobalt { --color-accent-40: var(--cobalt-40); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-cobalt { --color-accent-40: var(--cobalt-40); } } html.force-dark-mode .accent-cobalt { --color-accent-40: var(--cobalt-60); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-cobalt { --color-accent-40: var(--cobalt-60); } } html.force-light-mode .accent-cobalt { --color-accent-50: var(--cobalt-50); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-cobalt { --color-accent-50: var(--cobalt-50); } } html.force-dark-mode .accent-cobalt { --color-accent-50: var(--cobalt-50); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-cobalt { --color-accent-50: var(--cobalt-50); } } html.force-light-mode .accent-cobalt { --color-accent-60: var(--cobalt-60); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-cobalt { --color-accent-60: var(--cobalt-60); } } html.force-dark-mode .accent-cobalt { --color-accent-60: var(--cobalt-40); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-cobalt { --color-accent-60: var(--cobalt-40); } } html.force-light-mode .accent-cobalt { --color-accent-70: var(--cobalt-70); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-cobalt { --color-accent-70: var(--cobalt-70); } } html.force-dark-mode .accent-cobalt { --color-accent-70: var(--cobalt-30); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-cobalt { --color-accent-70: var(--cobalt-30); } } html.force-light-mode .accent-cobalt { --color-accent-80: var(--cobalt-80); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-cobalt { --color-accent-80: var(--cobalt-80); } } html.force-dark-mode .accent-cobalt { --color-accent-80: var(--cobalt-20); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-cobalt { --color-accent-80: var(--cobalt-20); } } html.force-light-mode .accent-cobalt { --color-accent-90: var(--cobalt-90); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-cobalt { --color-accent-90: var(--cobalt-90); } } html.force-dark-mode .accent-cobalt { --color-accent-90: var(--cobalt-10); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-cobalt { --color-accent-90: var(--cobalt-10); } } html.force-light-mode .accent-purple { --color-accent-10: var(--purple-10); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-purple { --color-accent-10: var(--purple-10); } } html.force-dark-mode .accent-purple { --color-accent-10: var(--purple-90); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-purple { --color-accent-10: var(--purple-90); } } html.force-light-mode .accent-purple { --color-accent-20: var(--purple-20); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-purple { --color-accent-20: var(--purple-20); } } html.force-dark-mode .accent-purple { --color-accent-20: var(--purple-80); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-purple { --color-accent-20: var(--purple-80); } } html.force-light-mode .accent-purple { --color-accent-30: var(--purple-30); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-purple { --color-accent-30: var(--purple-30); } } html.force-dark-mode .accent-purple { --color-accent-30: var(--purple-70); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-purple { --color-accent-30: var(--purple-70); } } html.force-light-mode .accent-purple { --color-accent-40: var(--purple-40); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-purple { --color-accent-40: var(--purple-40); } } html.force-dark-mode .accent-purple { --color-accent-40: var(--purple-60); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-purple { --color-accent-40: var(--purple-60); } } html.force-light-mode .accent-purple { --color-accent-50: var(--purple-50); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-purple { --color-accent-50: var(--purple-50); } } html.force-dark-mode .accent-purple { --color-accent-50: var(--purple-50); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-purple { --color-accent-50: var(--purple-50); } } html.force-light-mode .accent-purple { --color-accent-60: var(--purple-60); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-purple { --color-accent-60: var(--purple-60); } } html.force-dark-mode .accent-purple { --color-accent-60: var(--purple-40); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-purple { --color-accent-60: var(--purple-40); } } html.force-light-mode .accent-purple { --color-accent-70: var(--purple-70); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-purple { --color-accent-70: var(--purple-70); } } html.force-dark-mode .accent-purple { --color-accent-70: var(--purple-30); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-purple { --color-accent-70: var(--purple-30); } } html.force-light-mode .accent-purple { --color-accent-80: var(--purple-80); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-purple { --color-accent-80: var(--purple-80); } } html.force-dark-mode .accent-purple { --color-accent-80: var(--purple-20); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-purple { --color-accent-80: var(--purple-20); } } html.force-light-mode .accent-purple { --color-accent-90: var(--purple-90); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-purple { --color-accent-90: var(--purple-90); } } html.force-dark-mode .accent-purple { --color-accent-90: var(--purple-10); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-purple { --color-accent-90: var(--purple-10); } } html.force-light-mode .accent-fuschia { --color-accent-10: var(--fuschia-10); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-fuschia { --color-accent-10: var(--fuschia-10); } } html.force-dark-mode .accent-fuschia { --color-accent-10: var(--fuschia-90); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-fuschia { --color-accent-10: var(--fuschia-90); } } html.force-light-mode .accent-fuschia { --color-accent-20: var(--fuschia-20); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-fuschia { --color-accent-20: var(--fuschia-20); } } html.force-dark-mode .accent-fuschia { --color-accent-20: var(--fuschia-80); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-fuschia { --color-accent-20: var(--fuschia-80); } } html.force-light-mode .accent-fuschia { --color-accent-30: var(--fuschia-30); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-fuschia { --color-accent-30: var(--fuschia-30); } } html.force-dark-mode .accent-fuschia { --color-accent-30: var(--fuschia-70); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-fuschia { --color-accent-30: var(--fuschia-70); } } html.force-light-mode .accent-fuschia { --color-accent-40: var(--fuschia-40); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-fuschia { --color-accent-40: var(--fuschia-40); } } html.force-dark-mode .accent-fuschia { --color-accent-40: var(--fuschia-60); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-fuschia { --color-accent-40: var(--fuschia-60); } } html.force-light-mode .accent-fuschia { --color-accent-50: var(--fuschia-50); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-fuschia { --color-accent-50: var(--fuschia-50); } } html.force-dark-mode .accent-fuschia { --color-accent-50: var(--fuschia-50); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-fuschia { --color-accent-50: var(--fuschia-50); } } html.force-light-mode .accent-fuschia { --color-accent-60: var(--fuschia-60); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-fuschia { --color-accent-60: var(--fuschia-60); } } html.force-dark-mode .accent-fuschia { --color-accent-60: var(--fuschia-40); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-fuschia { --color-accent-60: var(--fuschia-40); } } html.force-light-mode .accent-fuschia { --color-accent-70: var(--fuschia-70); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-fuschia { --color-accent-70: var(--fuschia-70); } } html.force-dark-mode .accent-fuschia { --color-accent-70: var(--fuschia-30); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-fuschia { --color-accent-70: var(--fuschia-30); } } html.force-light-mode .accent-fuschia { --color-accent-80: var(--fuschia-80); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-fuschia { --color-accent-80: var(--fuschia-80); } } html.force-dark-mode .accent-fuschia { --color-accent-80: var(--fuschia-20); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-fuschia { --color-accent-80: var(--fuschia-20); } } html.force-light-mode .accent-fuschia { --color-accent-90: var(--fuschia-90); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-fuschia { --color-accent-90: var(--fuschia-90); } } html.force-dark-mode .accent-fuschia { --color-accent-90: var(--fuschia-10); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-fuschia { --color-accent-90: var(--fuschia-10); } } html.force-light-mode .accent-pink { --color-accent-10: var(--pink-10); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-pink { --color-accent-10: var(--pink-10); } } html.force-dark-mode .accent-pink { --color-accent-10: var(--pink-90); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-pink { --color-accent-10: var(--pink-90); } } html.force-light-mode .accent-pink { --color-accent-20: var(--pink-20); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-pink { --color-accent-20: var(--pink-20); } } html.force-dark-mode .accent-pink { --color-accent-20: var(--pink-80); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-pink { --color-accent-20: var(--pink-80); } } html.force-light-mode .accent-pink { --color-accent-30: var(--pink-30); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-pink { --color-accent-30: var(--pink-30); } } html.force-dark-mode .accent-pink { --color-accent-30: var(--pink-70); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-pink { --color-accent-30: var(--pink-70); } } html.force-light-mode .accent-pink { --color-accent-40: var(--pink-40); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-pink { --color-accent-40: var(--pink-40); } } html.force-dark-mode .accent-pink { --color-accent-40: var(--pink-60); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-pink { --color-accent-40: var(--pink-60); } } html.force-light-mode .accent-pink { --color-accent-50: var(--pink-50); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-pink { --color-accent-50: var(--pink-50); } } html.force-dark-mode .accent-pink { --color-accent-50: var(--pink-50); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-pink { --color-accent-50: var(--pink-50); } } html.force-light-mode .accent-pink { --color-accent-60: var(--pink-60); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-pink { --color-accent-60: var(--pink-60); } } html.force-dark-mode .accent-pink { --color-accent-60: var(--pink-40); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-pink { --color-accent-60: var(--pink-40); } } html.force-light-mode .accent-pink { --color-accent-70: var(--pink-70); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-pink { --color-accent-70: var(--pink-70); } } html.force-dark-mode .accent-pink { --color-accent-70: var(--pink-30); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-pink { --color-accent-70: var(--pink-30); } } html.force-light-mode .accent-pink { --color-accent-80: var(--pink-80); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-pink { --color-accent-80: var(--pink-80); } } html.force-dark-mode .accent-pink { --color-accent-80: var(--pink-20); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-pink { --color-accent-80: var(--pink-20); } } html.force-light-mode .accent-pink { --color-accent-90: var(--pink-90); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .accent-pink { --color-accent-90: var(--pink-90); } } html.force-dark-mode .accent-pink { --color-accent-90: var(--pink-10); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .accent-pink { --color-accent-90: var(--pink-10); } } @media screen and (min-width: 36em) { .article { width: calc((((100% - 5rem) / 6) * 4) + 3rem); } } @media screen and (min-width: 48em) { .article { width: calc((((100% - 14.5152rem) / 8) * 6) + 10.368rem); } } @media screen and (min-width: 60em) { .article { width: calc((((100% - 22.8096rem) / 12) * 8) + 14.5152rem); } } @media screen and (min-width: 78em) { .article { width: calc((((100% - 26.9568rem) / 14) * 8) + 14.5152rem); } } @media screen and (min-width: 0) { .full, .size01, .size02, .size03, .size04, .size05, .size06, .size07, .size08, .size09, .size10, .size11, .size12, .size13, .size14 { clear: both; margin-top: 1.728rem; margin-bottom: 1.728rem; } } @media screen and (min-width: 48em) { .full, .size01, .size02, .size03, .size04, .size05, .size06, .size07, .size08, .size09, .size10, .size11, .size12, .size13, .size14 { margin-top: 3.5831808rem; margin-bottom: 3.5831808rem; } } @media screen and (min-width: 60em) { .full, .size01, .size02, .size03, .size04, .size05, .size06, .size07, .size08, .size09, .size10, .size11, .size12, .size13, .size14 { margin-top: 3.5831808rem; margin-bottom: 3.5831808rem; } } @media screen and (min-width: 78em) { .full, .size01, .size02, .size03, .size04, .size05, .size06, .size07, .size08, .size09, .size10, .size11, .size12, .size13, .size14 { margin-top: 3.5831808rem; margin-bottom: 3.5831808rem; } } .center { margin-left: auto; margin-right: auto; } .left { margin-left: 0; margin-right: auto; } .right { margin-left: auto; margin-right: 0; } .full { width: 100vw; } .center .full { width: auto; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); } @media screen and (min-width: 0) { .left .full { margin-left: -1.44rem; } .right .full { margin-left: calc( (((((100% - (3rem)) / 4) * 0) + 0rem) + 1.44rem) * -1 ); } } @media screen and (min-width: 36em) { .left .full { margin-left: -1.44rem; } .right .full { margin-left: calc( (((((100% - (3rem)) / 4) * 2) + 2rem) + 1.44rem) * -1 ); } } @media screen and (min-width: 48em) { .left .full { margin-left: -2.985984rem; } .right .full { margin-left: calc( (((((100% - (10.368rem)) / 6) * 2) + 4.1472rem) + 2.985984rem) * -1 ); } } @media screen and (min-width: 60em) { .left .full { margin-left: -2.985984rem; } .right .full { margin-left: calc( (((((100% - (14.5152rem)) / 8) * 4) + 8.2944rem) + 2.985984rem) * -1 ); } } @media screen and (min-width: calc(1344px + 5.971968rem)) { .left .full { margin-left: calc(((100vw - 1344px) / 2) * -1); } .right .full { margin-left: calc( ( ((((100% - 14.5152rem) / 8) * 4) + 8.2944rem) + ((100vw - 1344px) / 2) ) * -1 ); } } @media screen and (min-width: 0) and (max-width: 36em) { .wide-xs.wide-xs.wide-xs.wide-xs.wide-xs, .multi.wide-xs.wide-xs.wide-xs.wide-xs > * { margin-left: 0; margin-right: 0; width: 100%; } } @media screen and (min-width: 0) and (max-width: 48em) { .wide-sm.wide-sm.wide-sm.wide-sm.wide-sm, .multi.wide-sm.wide-sm.wide-sm.wide-sm > * { margin-left: 0; margin-right: 0; width: 100%; } } @media screen and (min-width: 0) and (max-width: 60em) { .wide-md.wide-md.wide-md.wide-md.wide-md, .multi.wide-md.wide-md.wide-md.wide-md > * { margin-left: 0; margin-right: 0; width: 100%; } } @media screen and (min-width: 0) { .left.wrap { clear: left; float: left; margin-right: 1rem; margin-top: 0; margin-bottom: 1rem; } } @media screen and (min-width: 36em) { .left.wrap { margin-right: 1rem; margin-bottom: 1rem; } } @media screen and (min-width: 48em) { .left.wrap { margin-right: 2.0736rem; margin-bottom: 2.0736rem; } } @media screen and (min-width: 60em) { .left.wrap { margin-right: 2.0736rem; margin-bottom: 2.0736rem; } } @media screen and (min-width: 0) { .right.wrap { clear: right; float: right; margin-left: 1rem; margin-top: 0; margin-bottom: 1rem; } } @media screen and (min-width: 36em) { .right.wrap { margin-left: 1rem; margin-bottom: 1rem; } } @media screen and (min-width: 48em) { .right.wrap { margin-left: 2.0736rem; margin-bottom: 2.0736rem; } } @media screen and (min-width: 60em) { .right.wrap { margin-left: 2.0736rem; margin-bottom: 2.0736rem; } } .multi { align-items: center; display: flex; } .multi > * { min-height: 0; min-width: 0; width: 100%; } @media screen and (min-width: 0) and (max-width: 36em) { .wide-xs.multi, .wide-sm.multi, .wide-md.multi { display: block; } .multi.wide-xs > *:nth-child(1n + 2), .multi.wide-sm > *:nth-child(1n + 2), .multi.wide-md > *:nth-child(1n + 2) { margin-top: 1rem; } } @media screen and (min-width: 0) and (max-width: 48em) { .multi.wide-sm, .multi.wide-md { display: block; } .multi.wide-sm > *:nth-child(1n + 2), .multi.wide-md > *:nth-child(1n + 2) { margin-top: 1rem; } } @media screen and (min-width: 0) and (max-width: 60em) { .multi.wide-md { display: block; } } @media screen and (min-width: 48em) and (max-width: 60em) { .multi.wide-md > *:nth-child(1n + 2) { margin-top: 2.0736rem; } } @media screen and (min-width: 0) { .size01 { width: calc((((100% - 3rem) / 4) * 1) + 0rem); } .size02, .size03, .size04 { width: calc((((100% - 3rem) / 4) * 2) + 1rem); } .size05, .size06 { width: calc((((100% - 3rem) / 4) * 3) + 2rem); } .size07, .size08 { width: 100%; } .multi.size02 > *:nth-child(1n + 2), .multi.size03 > *:nth-child(1n + 2), .multi.size04 > *:nth-child(1n + 2) { margin-left: 1rem; } .multi.size05 > *:nth-child(1n + 2), .multi.size06 > *:nth-child(1n + 2) { margin-left: 1rem; } .multi.size07 > *:nth-child(1n + 2), .multi.size08 > *:nth-child(1n + 2), .multi.size09 > *:nth-child(1n + 2), .multi.size10 > *:nth-child(1n + 2), .multi.size11 > *:nth-child(1n + 2), .multi.size12 > *:nth-child(1n + 2), .multi.size13 > *:nth-child(1n + 2), .multi.size14 > *:nth-child(1n + 2) { margin-left: 1rem; } } @media screen and (min-width: 0) and (max-width: 36em) { .size05.wrap, .size06.wrap, .size07, .size08, .size09, .size10, .size11, .size12, .size13, .size14, .wide-xs.wide-xs, .wide-sm.wide-sm, .wide-md.wide-md { clear: both; float: none; margin-top: 1.728rem; } .size05.wrap.left, .size06.wrap.left, .size07.left, .size08.left, .size09.left, .size10.left, .size11.left, .size12.left, .size13.left, .size14.left, .wide-xs.wide-xs.left, .wide-sm.wide-sm.left, .wide-md.wide-md.left { margin-right: auto; } .size05.wrap.right, .size06.wrap.right, .size07.right, .size08.right, .size09.right, .size10.right, .size11.right, .size12.right, .size13.right, .size14.right, .wide-xs.wide-xs.right, .wide-sm.wide-sm.right, .wide-md.wide-md.right { margin-left: auto; } } @media screen and (min-width: 36em) { .size01 { width: calc((((100% - 3rem) / 4) * 1) + 0rem); } .size02, .size03, .size04 { width: calc((((100% - 3rem) / 4) * 2) + 1rem); } .size05, .size06 { width: calc((((100% - 3rem) / 4) * 3) + 2rem); } .size07, .size08 { width: 100%; } .size09, .size10 { width: calc((((100% - 3rem) / 4) * 5) + 4rem); } .size11, .size12, .size13, .size14 { width: calc((((100% - 3rem) / 4) * 6) + 5rem); } .size09.center, .size10.center { margin-left: calc((((((100% - 3rem) / 4) * 1) + 1rem) * -1) / 2); } .size11.center, .size12.center, .size13.center, .size14.center, .left.out01, .left.out02 { margin-left: calc(((((100% - 3rem) / 4) * 1) + 1rem) * -1); } .left.out03, .left.out04 { margin-left: calc(((((100% - 3rem) / 4) * 2) + 2rem) * -1); } .size09.center, .size10.center { margin-right: calc((((((100% - 3rem) / 4) * 1) + 1rem) * -1) / 2); } .size11.center, .size12.center, .size13.center, .size14.center, .right.out01, .right.out02 { margin-right: calc(((((100% - 3rem) / 4) * 1) + 1rem) * -1); } .right.out03, .right.out04 { margin-right: calc(((((100% - 3rem) / 4) * 2) + 2rem) * -1); } .left.in03 { margin-left: calc((((100% - 3rem) / 4) * 1) + 1rem); } .right.in03 { margin-right: calc((((100% - 3rem) / 4) * 1) + 1rem); } .multi.size09 > *:nth-child(1n + 2), .multi.size10 > *:nth-child(1n + 2) { margin-left: 1rem; } .multi.size11 > *:nth-child(1n + 2), .multi.size12 > *:nth-child(1n + 2), .multi.size13 > *:nth-child(1n + 2), .multi.size14 > *:nth-child(1n + 2) { margin-left: 1rem; } } @media screen and (min-width: 36em) and (max-width: 48em) { .size02.in03, .size03.in03, .size04.in03, .size05:not(.out01):not(.out02):not(.out03):not(.out04), .size06:not(.out01):not(.out02):not(.out03):not(.out04), .size07:not(.out03):not(.out04), .size08:not(.out03):not(.out04), .size09.wrap, .size10.wrap, .size11.wrap, .size12.wrap, .size13.wrap, .size14.wrap, .wide-sm.wide-sm.wide-sm.wide-sm, .wide-md.wide-md.wide-md.wide-md { clear: both; float: none; margin-top: 1.728rem; } .size02.in03.left, .size03.in03.left, .size04.in03.left, .size05:not(.out01):not(.out02):not(.out03):not(.out04).left, .size06:not(.out01):not(.out02):not(.out03):not(.out04).left, .size07:not(.out03):not(.out04).left, .size08:not(.out03):not(.out04).left, .size09.wrap.left, .size10.wrap.left, .size11.wrap.left, .size12.wrap.left, .size13.wrap.left, .size14.wrap.left, .wide-sm.wide-sm.wide-sm.wide-sm.left, .wide-md.wide-md.wide-md.wide-md.left { margin-right: auto; } .size02.in03.right, .size03.in03.right, .size04.in03.right, .size05:not(.out01):not(.out02):not(.out03):not(.out04).right, .size06:not(.out01):not(.out02):not(.out03):not(.out04).right, .size07:not(.out03):not(.out04).right, .size08:not(.out03):not(.out04).right, .size09.wrap.right, .size10.wrap.right, .size11.wrap.right, .size12.wrap.right, .size13.wrap.right, .size14.wrap.right, .wide-sm.wide-sm.wide-sm.wide-sm.right, .wide-md.wide-md.wide-md.wide-md.right { margin-left: auto; } .size07.right.in03:not(.out03):not(.out04), .size08.right.in03:not(.out03):not(.out04), .size09.right, .size09.right.wrap, .size10.right, .size10.right.wrap { margin-left: calc(((((100% - 3rem) / 4) * 1) + 1rem) * -1); } .size09.right.in03, .size10.right.in03, .size11.right, .size11.right.wrap, .size12.right, .size12.right.wrap, .size13.right, .size13.right.wrap, .size14.right, .size14.right.wrap { margin-left: calc(((((100% - 3rem) / 4) * 2) + 2rem) * -1); } .size11.right.in03, .size12.right.in03, .size13.right.in03, .size14.right.in03 { margin-left: calc(((((100% - 3rem) / 4) * 3) + 3rem) * -1); } } @media screen and (min-width: 48em) { .size01 { width: calc((((100% - 10.368rem) / 6) * 1) + 0rem); } .size02, .size03 { width: calc((((100% - 10.368rem) / 6) * 2) + 2.0736rem); } .size04 { width: calc((((100% - 10.368rem) / 6) * 3) + 4.1472rem); } .size05 { width: calc((((100% - 10.368rem) / 6) * 4) + 6.2208rem); } .size06, .size07 { width: calc((((100% - 10.368rem) / 6) * 5) + 8.2944rem); } .size08 { width: 100%; } .size09, .size10 { width: calc((((100% - 10.368rem) / 6) * 7) + 12.4416rem); } .size11, .size12, .size13, .size14 { width: calc((((100% - 10.368rem) / 6) * 8) + 14.5152rem); } .size09.center, .size10.center { margin-left: calc( (((((100% - 10.368rem) / 6) * 1) + 2.0736rem) * -1) / 2 ); } .size11.center, .size12.center, .size13.center, .size14.center, .left.out01, .left.out02 { margin-left: calc(((((100% - 10.368rem) / 6) * 1) + 2.0736rem) * -1); } .left.out03, .left.out04 { margin-left: calc(((((100% - 10.368rem) / 6) * 2) + 4.1472rem) * -1); } .size09.center, .size10.center { margin-right: calc( (((((100% - 10.368rem) / 6) * 1) + 2.0736rem) * -1) / 2 ); } .size11.center, .size12.center, .size13.center, .size14.center, .right.out01, .right.out02 { margin-right: calc(((((100% - 10.368rem) / 6) * 1) + 2.0736rem) * -1); } .right.out03, .right.out04 { margin-right: calc(((((100% - 10.368rem) / 6) * 2) + 4.1472rem) * -1); } .left.in01, .left.in02 { margin-left: calc((((100% - 10.368rem) / 6) * 1) + 2.0736rem); } .left.in03 { margin-left: calc((((100% - 10.368rem) / 6) * 2) + 4.1472rem); } .right.in01, .right.in02 { margin-right: calc((((100% - 10.368rem) / 6) * 1) + 2.0736rem); } .right.in03 { margin-right: calc((((100% - 10.368rem) / 6) * 2) + 4.1472rem); } .multi.size02 > *:nth-child(1n + 2), .multi.size03 > *:nth-child(1n + 2) { margin-left: 2.0736rem; } .multi.size04 > *:nth-child(1n + 2) { margin-left: 2.0736rem; } .multi.size05 > *:nth-child(1n + 2) { margin-left: 2.0736rem; } .multi.size06 > *:nth-child(1n + 2), .multi.size07 > *:nth-child(1n + 2) { margin-left: 2.0736rem; } .multi.size08 > *:nth-child(1n + 2) { margin-left: 2.0736rem; } .multi.size09 > *:nth-child(1n + 2), .multi.size10 > *:nth-child(1n + 2) { margin-left: 2.0736rem; } .multi.size11 > *:nth-child(1n + 2), .multi.size12 > *:nth-child(1n + 2), .multi.size13 > *:nth-child(1n + 2), .multi.size14 > *:nth-child(1n + 2) { margin-left: 2.0736rem; } } @media screen and (min-width: 48em) and (max-width: 60em) { .size02.in03, .size03.in03, .size04.in01, .size04.in02, .size04.in03, .size05:not(.out01):not(.out02):not(.out03):not(.out04), .size06:not(.out03):not(.out04), .size07:not(.out03):not(.out04), .size08.wrap, .size09.wrap, .size10.wrap, .size11.wrap, .size12.wrap, .size13.wrap, .size14.wrap, .wide-md.wide-md.wide-md.wide-md { clear: both; float: none; margin-top: 3.5831808rem; } .size02.in03.left, .size03.in03.left, .size04.in01.left, .size04.in02.left, .size04.in03.left, .size05:not(.out01):not(.out02):not(.out03):not(.out04).left, .size06:not(.out03):not(.out04).left, .size07:not(.out03):not(.out04).left, .size08.wrap.left, .size09.wrap.left, .size10.wrap.left, .size11.wrap.left, .size12.wrap.left, .size13.wrap.left, .size14.wrap.left, .wide-md.wide-md.wide-md.wide-md.left { margin-right: auto; } .size02.in03.right, .size03.in03.right, .size04.in01.right, .size04.in02.right, .size04.in03.right, .size05:not(.out01):not(.out02):not(.out03):not(.out04).right, .size06:not(.out03):not(.out04).right, .size07:not(.out03):not(.out04).right, .size08.wrap.right, .size09.wrap.right, .size10.wrap.right, .size11.wrap.right, .size12.wrap.right, .size13.wrap.right, .size14.wrap.right, .wide-md.wide-md.wide-md.wide-md.right { margin-left: auto; } .size06.right.in03:not(.out03):not(.out04), .size07.right.in03:not(.out03):not(.out04), .size08.right.in01, .size08.right.in01.wrap, .size08.right.in02, .size08.right.in02.wrap, .size09.right, .size09.right.wrap, .size10.right, .size10.right.wrap { margin-left: calc(((((100% - 10.368rem) / 6) * 1) + 2.0736rem) * -1); } .size08.right.in03, .size08.right.in03.wrap, .size09.right.in03, .size09.right.in03.wrap, .size10.right.in03, .size10.right.in03.wrap, .size11.right, .size11.right.wrap, .size12.right, .size12.right.wrap, .size13.right, .size13.right.wrap, .size14.right, .size14.right.wrap { margin-left: calc(((((100% - 10.368rem) / 6) * 2) + 4.1472rem) * -1); } .size11.right.in01, .size11.right.in01.wrap, .size11.right.in02, .size11.right.in02.wrap, .size12.right.in01, .size12.right.in01.wrap, .size12.right.in02, .size12.right.in02.wrap, .size13.right.in01, .size13.right.in01.wrap, .size13.right.in02, .size13.right.in02.wrap, .size14.right.in01, .size14.right.in01.wrap, .size14.right.in02, .size14.right.in02.wrap { margin-left: calc(((((100% - 10.368rem) / 6) * 3) + 6.2208rem) * -1); } .size11.right.in03, .size11.right.in03.wrap, .size12.right.in03, .size12.right.in03.wrap, .size13.right.in03, .size13.right.in03.wrap, .size14.right.in03, .size14.right.in03.wrap { margin-left: calc(((((100% - 10.368rem) / 6) * 4) + 8.2944rem) * -1); } } @media screen and (min-width: 60em) { .size01 { width: calc((((100% - 14.5152rem) / 8) * 1) + 0rem); } .size02 { width: calc((((100% - 14.5152rem) / 8) * 2) + 2.0736rem); } .size03 { width: calc((((100% - 14.5152rem) / 8) * 3) + 4.1472rem); } .size04 { width: calc((((100% - 14.5152rem) / 8) * 4) + 6.2208rem); } .size05 { width: calc((((100% - 14.5152rem) / 8) * 5) + 8.2944rem); } .size06 { width: calc((((100% - 14.5152rem) / 8) * 6) + 10.368rem); } .size07 { width: calc((((100% - 14.5152rem) / 8) * 7) + 12.4416rem); } .size08 { width: 100%; } .size09 { width: calc((((100% - 14.5152rem) / 8) * 9) + 16.5888rem); } .size10 { width: calc((((100% - 14.5152rem) / 8) * 10) + 18.6624rem); } .size11 { width: calc((((100% - 14.5152rem) / 8) * 11) + 20.736rem); } .size12, .size13, .size14 { width: calc((((100% - 14.5152rem) / 8) * 12) + 22.8096rem); } .size09.center { margin-left: calc( (((((100% - 14.5152rem) / 8) * 1) + 2.0736rem) * -1) / 2 ); } .left.out01, .size10.center { margin-left: calc(((((100% - 14.5152rem) / 8) * 1) + 2.0736rem) * -1); } .size11.center { margin-left: calc( (((((100% - 14.5152rem) / 8) * 3) + 6.2208rem) * -1) / 2 ); } .left.out02, .size12.center, .size13.center, .size14.center { margin-left: calc(((((100% - 14.5152rem) / 8) * 2) + 4.1472rem) * -1); } .left.out03 { margin-left: calc(((((100% - 14.5152rem) / 8) * 3) + 6.2208rem) * -1); } .left.out04 { margin-left: calc(((((100% - 14.5152rem) / 8) * 4) + 8.2944rem) * -1); } .size09.center { margin-right: calc( (((((100% - 14.5152rem) / 8) * 1) + 2.0736rem) * -1) / 2 ); } .right.out01, .size10.center { margin-right: calc(((((100% - 14.5152rem) / 8) * 1) + 2.0736rem) * -1); } .size11.center { margin-right: calc( (((((100% - 14.5152rem) / 8) * 3) + 6.2208rem) * -1) / 2 ); } .right.out02, .size12.center, .size13.center, .size14.center { margin-right: calc(((((100% - 14.5152rem) / 8) * 2) + 4.1472rem) * -1); } .right.out03 { margin-right: calc(((((100% - 14.5152rem) / 8) * 3) + 6.2208rem) * -1); } .right.out04 { margin-right: calc(((((100% - 14.5152rem) / 8) * 4) + 8.2944rem) * -1); } .left.in01 { margin-left: calc((((100% - 14.5152rem) / 8) * 1) + 2.0736rem); } .left.in02 { margin-left: calc((((100% - 14.5152rem) / 8) * 2) + 4.1472rem); } .left.in03 { margin-left: calc((((100% - 14.5152rem) / 8) * 3) + 6.2208rem); } .right.in01 { margin-right: calc((((100% - 14.5152rem) / 8) * 1) + 2.0736rem); } .right.in02 { margin-right: calc((((100% - 14.5152rem) / 8) * 2) + 4.1472rem); } .right.in03 { margin-right: calc((((100% - 14.5152rem) / 8) * 3) + 6.2208rem); } .multi.size02 > *:nth-child(1n + 2) { margin-left: 2.0736rem; } .multi.size03 > *:nth-child(1n + 2) { margin-left: 2.0736rem; } .multi.size04 > *:nth-child(1n + 2) { margin-left: 2.0736rem; } .multi.size05 > *:nth-child(1n + 2) { margin-left: 2.0736rem; } .multi.size06 > *:nth-child(1n + 2) { margin-left: 2.0736rem; } .multi.size07 > *:nth-child(1n + 2) { margin-left: 2.0736rem; } .multi.size08 > *:nth-child(1n + 2) { margin-left: 2.0736rem; } .multi.size09 > *:nth-child(1n + 2) { margin-left: 2.0736rem; } .multi.size10 > *:nth-child(1n + 2) { margin-left: 2.0736rem; } .multi.size11 > *:nth-child(1n + 2) { margin-left: 2.0736rem; } .multi.size12 > *:nth-child(1n + 2), .multi.size13 > *:nth-child(1n + 2), .multi.size14 > *:nth-child(1n + 2) { margin-left: 2.0736rem; } .size03.in03, .size04.in02, .size04.in03, .size05.in01, .size05.in02, .size05.in03, .size06:not(.out01):not(.out02):not(.out03):not(.out04), .size07:not(.out02):not(.out03):not(.out04), .size08:not(.out03):not(.out04), .size09:not(.out04), .size10.wrap, .size11.wrap, .size12.wrap, .size13.wrap, .size14.wrap { clear: both; float: none; margin-top: 3.5831808rem; } .size03.in03.left, .size04.in02.left, .size04.in03.left, .size05.in01.left, .size05.in02.left, .size05.in03.left, .size06:not(.out01):not(.out02):not(.out03):not(.out04).left, .size07:not(.out02):not(.out03):not(.out04).left, .size08:not(.out03):not(.out04).left, .size09:not(.out04).left, .size10.wrap.left, .size11.wrap.left, .size12.wrap.left, .size13.wrap.left, .size14.wrap.left { margin-right: auto; } .size03.in03.right, .size04.in02.right, .size04.in03.right, .size05.in01.right, .size05.in02.right, .size05.in03.right, .size06:not(.out01):not(.out02):not(.out03):not(.out04).right, .size07:not(.out02):not(.out03):not(.out04).right, .size08:not(.out03):not(.out04).right, .size09:not(.out04).right, .size10.wrap.right, .size11.wrap.right, .size12.wrap.right, .size13.wrap.right, .size14.wrap.right { margin-left: auto; } .size06.right.in03:not(.out01):not(.out02):not(.out03):not(.out04), .size07.right.in02:not(.out02):not(.out03):not(.out04), .size08.right.in01:not(.out03):not(.out04), .size09.right:not(.out04), .size10.right.out01, .size10.right.out01.wrap, .size11.right.out02, .size11.right.out02.wrap, .size12.right.out03, .size12.right.out03.wrap, .size13.right.out03, .size13.right.out03.wrap, .size14.right.out03, .size14.right.out03.wrap { margin-left: calc(((((100% - 14.5152rem) / 8) * 1) + 2.0736rem) * -1); } .size07.right.in03:not(.out02):not(.out03):not(.out04), .size08.right.in02:not(.out03):not(.out04), .size09.right.in01:not(.out04), .size10.right, .size10.right.wrap, .size11.right.out01, .size11.right.out01.wrap, .size12.right.out02, .size13.right.out02, .size14.right.out02 { margin-left: calc(((((100% - 14.5152rem) / 8) * 2) + 4.1472rem) * -1); } .size08.right.in03:not(.out03):not(.out04), .size09.right.in02:not(.out04), .size10.right.in01, .size10.right.in01.wrap, .size11.right, .size11.right.wrap, .size12.right.out01, .size13.right.out01, .size14.right.out01 { margin-left: calc(((((100% - 14.5152rem) / 8) * 3) + 6.2208rem) * -1); } .size09.right.in03:not(.out04), .size10.right.in02, .size10.right.in02.wrap, .size11.right.in01, .size11.right.in01.wrap, .size12.right, .size12.right.wrap, .size13.right, .size13.right.wrap, .size14.right, .size14.right.wrap { margin-left: calc(((((100% - 14.5152rem) / 8) * 4) + 8.2944rem) * -1); } .size10.right.in03, .size10.right.in03.wrap, .size11.right.in02, .size11.right.in02.wrap, .size12.right.in01, .size12.right.in01.wrap, .size13.right.in01, .size13.right.in01.wrap, .size14.right.in01, .size14.right.in01.wrap { margin-left: calc(((((100% - 14.5152rem) / 8) * 5) + 10.368rem) * -1); } .size11.right.in03, .size11.right.in03.wrap, .size12.right.in02, .size12.right.in02.wrap, .size13.right.in02, .size13.right.in02.wrap, .size14.right.in02, .size14.right.in02.wrap { margin-left: calc(((((100% - 14.5152rem) / 8) * 6) + 12.4416rem) * -1); } .size12.right.in03, .size12.right.in03.wrap, .size13.right.in03, .size13.right.in03.wrap, .size14.right.in03, .size14.right.in03.wrap { margin-left: calc(((((100% - 14.5152rem) / 8) * 7) + 14.5152rem) * -1); } } @media screen and (min-width: 78em) { .size13 { width: calc((((100% - 14.5152rem) / 8) * 13) + 24.8832rem); } .size14 { width: calc((((100% - 14.5152rem) / 8) * 14) + 26.9568rem); } .size13.center { margin-left: calc( (((((100% - 14.5152rem) / 8) * 5) + 10.368rem) * -1) / 2 ); } .size14.center { margin-left: calc(((((100% - 14.5152rem) / 8) * 3) + 6.2208rem) * -1); } .multi.size13 > *:nth-child(1n + 2) { margin-left: 2.0736rem; } .multi.size14 > *:nth-child(1n + 2) { margin-left: 2.0736rem; } } :root { --color-form-placeholder: var(--color-text-supp); --color-form: var(--color-text-hed); --form-border-radius: 0px; --form-border: 2px solid; } button, input, optgroup, select, textarea { font-family: inherit; font-size: inherit; line-height: 1; margin: 0; max-width: 100%; } button, input { overflow: visible; } button, select { text-transform: none; } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } input, [type="email"], [type="search"], [type="text"], [type="button"], [type="submit"], textarea { color: var(--color-form); border: var(--form-border); background-color: transparent; border-radius: var(--form-border-radius); -moz-appearance: none; -webkit-appearance: none; appearance: none; } [type="email"], [type="search"], [type="text"], textarea { padding: var(--spacing-1); font-family: var(--fonts-sans); } textarea { display: block; } [type="checkbox"] { background-color: transparent; border: var(--form-border); border-color: var(--color-form); -webkit-appearance: checkbox; -moz-appearance: checkbox; appearance: checkbox; } [type="radio"] { border-radius: 50%; border: var(--form-border); border-color: var(--color-form); -webkit-appearance: radio; -moz-appearance: radio; appearance: radio; } button, [type="button"], [type="submit"] { --button-text-color: var(--color-bg, --white); background-color: var(--color-accent-50, --blue-50); color: var(--button-text-color); display: inline-block; padding: var(--spacing-1); text-decoration: none; border: none; border-radius: var(--form-border-radius); font-family: var(--fonts-sans); font-size: var(--scale0); text-align: center; cursor: pointer; } select { display: inline-block; margin: 0; padding: var(--spacing-1); padding-right: var(--spacing2); border: var(--form-border); border-radius: var(--form-border-radius); font-family: var(--fonts-sans); font-size: var(--scale-1); background-color: transparent; background-repeat: no-repeat, repeat; background-position: right 0.5em top 50%, 0 0; background-size: 0.65em auto, 100%; -moz-appearance: none; -webkit-appearance: none; appearance: none; } html.force-light-mode select { color: var(--cool-90); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) select { color: var(--cool-90); } } html.force-dark-mode select { color: var(--cool-20); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) select { color: var(--cool-20); } } html.force-light-mode select { background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27292.4%27%20height%3D%27292.4%27%3E%3Cpath%20fill%3D%27%232b3137%27%20d%3D%27M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%27%2F%3E%3C%2Fsvg%3E"); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) select { background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27292.4%27%20height%3D%27292.4%27%3E%3Cpath%20fill%3D%27%232b3137%27%20d%3D%27M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%27%2F%3E%3C%2Fsvg%3E"); } } html.force-dark-mode select { background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27292.4%27%20height%3D%27292.4%27%3E%3Cpath%20fill%3D%27%23bec8ce%27%20d%3D%27M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%27%2F%3E%3C%2Fsvg%3E"); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) select { background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27292.4%27%20height%3D%27292.4%27%3E%3Cpath%20fill%3D%27%23bec8ce%27%20d%3D%27M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%27%2F%3E%3C%2Fsvg%3E"); } } select::-ms-expand { display: none; } .form { font-family: var(--fonts-sans); } .form__label { font-size: var(--scale-2); font-weight: 700; display: block; letter-spacing: 0.0075em; word-spacing: 0.06em; width: 100%; } .form__legend { font-size: var(--scale-2); font-weight: 700; display: block; letter-spacing: 0.0075em; word-spacing: 0.06em; width: 100%; } .form__input-text { background-color: transparent; color: var(--color-form); font-size: 1em; padding: var(--spacing-1); transition: box-shadow 0.2s; width: 100%; } .form__input-text::placeholder { color: var(--color-form-placeholder); } .form__input-text:focus::placeholder { color: transparent; } .form__input-text:focus, .form__input-text:hover { box-shadow: 0 0 2px var(--accent-color-50); } .form__textarea { background-color: transparent; color: var(--color-form); font-size: 1em; min-height: 6em; padding: var(--spacing-1); transition: box-shadow 0.2s; width: 100%; } .form__textarea::placeholder { color: var(--color-form-placeholder); } .form__textarea:focus::placeholder { color: transparent; } .form__textarea:focus, .form__textarea:hover { box-shadow: 0 0 2px var(--accent-color-50); } .form__input-checkbox { -moz-appearance: none; -webkit-appearance: none; appearance: none; cursor: pointer; background-color: transparent; color: var(--color-form); border: var(--form-border); font-size: var(--scale-1); height: var(--checkbox-size); width: var(--checkbox-size); } .form__input-checkbox:checked { background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='24' fill='black'/%3E%3Cpath d='M5 11.5L10 16.5L19.5 7' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A"); } .form__input-checkbox-wrapper { --checkbox-size: var(--spacing1); padding-left: calc(var(--checkbox-size) + 0.5rem); position: relative; min-height: var(--checkbox-size); } .form__input-checkbox-wrapper .form__input-checkbox { position: absolute; top: -0.1rem; left: 0; } .form__submit-btn--arrow-circular { border-radius: 50%; font-size: 0; height: var(--button-size); line-height: 0; margin-left: var(--spacing-1); transition: transform 0.2s ease-out; width: var(--button-size); } html.force-light-mode .form__submit-btn--arrow-circular { mix-blend-mode: multiply; } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .form__submit-btn--arrow-circular { mix-blend-mode: multiply; } } html.force-dark-mode .form__submit-btn--arrow-circular { mix-blend-mode: lighten; } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .form__submit-btn--arrow-circular { mix-blend-mode: lighten; } } html.force-light-mode .form__submit-btn--arrow-circular { background-color: var(--red-50); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .form__submit-btn--arrow-circular { background-color: var(--red-50); } } html.force-dark-mode .form__submit-btn--arrow-circular { background-color: var(--red-50); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .form__submit-btn--arrow-circular { background-color: var(--red-50); } } .form__submit-btn--arrow-circular:hover { transform: scale(1.05); } .form__submit-btn--arrow-circular.form__submit-btn--is-submitting { background: none; } .form__submit-btn-wrapper--arrow-transparent { height: var(--button-size); margin-left: calc(var(--button-size) * -1); position: relative; width: var(--button-size); } .form__submit-btn-wrapper--arrow-transparent svg { height: var(--spacing0); fill: var(--color-accent-50); left: 50%; position: absolute; transform: translate(-50%, -50%); top: 50%; transition: fill 0.2s ease-out; width: var(--spacing0); } .form__submit-btn-wrapper--arrow-transparent:hover svg { fill: var(--color-text-hed); } .form__submit-btn--arrow-transparent { font-size: 0; height: var(--button-size); line-height: 0; opacity: 0; transition: all 0.2s ease-out; width: var(--button-size); } html.force-light-mode .form__submit-btn--arrow-transparent { mix-blend-mode: multiply; } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .form__submit-btn--arrow-transparent { mix-blend-mode: multiply; } } html.force-dark-mode .form__submit-btn--arrow-transparent { mix-blend-mode: lighten; } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .form__submit-btn--arrow-transparent { mix-blend-mode: lighten; } } .form__input-wrapper--full { margin-bottom: var(--spacing1); width: 100%; } @media screen and (min-width: 60em) { .form__input-wrapper--full { margin-bottom: var(--spacing2); } } .form__input-wrapper--half { margin-bottom: var(--spacing1); width: 100%; } @media screen and (min-width: 60em) { .form__input-wrapper--half { margin-bottom: var(--spacing2); width: calc(50% - 1rem); } .form__input-wrapper--half:nth-of-type(2n + 2) { margin-left: 2rem; } } .form__submit-btn-wrapper--arrow-circular { position: relative; } .form__submit-btn-wrapper--arrow-circular svg { height: var(--spacing0); fill: var(--white); left: 50%; pointer-events: none; position: absolute; transform: translate(-25%, -50%); top: 50%; width: var(--spacing0); z-index: 10; } @keyframes spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .form__feedback { font-family: var(--fonts-sans); font-size: var(--scale-1); font-weight: 700; line-height: var(--line-height-1); margin-bottom: var(--spacing0); } .form__feedback--red-box { background-color: var(--red-10); border-radius: 3px; padding: var(--spacing0); color: var(--red-70); } .form__success-message { color: var(--color-text-hed); } .form__error-message { color: var(--red-50); display: none; } .-js-has-error .form__error-message { display: block; } .form__legal { color: var(--color-text-supp); display: block; font-size: var(--scale-3); font-family: var(--fonts-sans); line-height: var(--line-height-1); margin: var(--spacing0) 0; } .form__legal a, .form__legal a:visited { color: var(--color-text-supp) !important; text-decoration: underline; text-decoration-color: currentColor !important; text-decoration-thickness: auto !important; text-underline-offset: auto !important; } .grecaptcha-badge { visibility: hidden; } .form--event-registration { display: inline-flex; flex-direction: row; flex-wrap: wrap; } html { font-size: 100%; scroll-behavior: smooth; scroll-padding-top: var(--spacing3); } @media screen and (min-width: 60em) { html { font-size: 120%; } } body { --gutter: var(--spacing0); background-color: var(--color-bg); color: var(--color-text-body); font-family: var(--fonts-serif); line-height: var(--line-height0); } @media screen and (min-width: 48em) { body { --gutter: var(--spacing2); } } strong { font-weight: 700; } em { font-style: italic; } img, svg, video { display: block; width: 100%; height: auto; } .DV-pixelping { height: 1px; width: 1px; } .icon { display: inline-block; fill: currentColor; height: 1em; vertical-align: baseline; width: 1em; } #admin-link { bottom: 0.5rem; font-size: var(--scale-2); right: 0.5rem; padding: 0.5rem; position: fixed; text-transform: uppercase; width: auto; z-index: 10000; } .a11y { clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } .a11y-focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static !important; width: auto; } .a11y-focusable--absolute:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: absolute !important; width: auto; } .aspect-2k, .aspect-2-3, .aspect-1-1, .aspect-16-9, .aspect-3-2, .aspect-3-4, .aspect-4-3, .aspect-9-16 { display: block; position: relative; } .aspect-2k > *, .aspect-2-3 > *, .aspect-1-1 > *, .aspect-16-9 > *, .aspect-3-2 > *, .aspect-3-4 > *, .aspect-4-3 > *, .aspect-9-16 > * { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .aspect-2k { padding-top: 52.6315789474%; } .aspect-16-9 { padding-top: 56.25%; } .aspect-9-16 { padding-top: 177.777777778%; } .aspect-4-3 { padding-top: 75%; } .aspect-3-4 { padding-top: 133.333333333%; } .aspect-3-2 { padding-top: 66.6666666667%; } .aspect-2-3 { padding-top: 150%; } .aspect-1-1 { padding-top: 100%; } .enhanced .hide { display: none !important; } @media screen and (max-width: 0) { .hide-below-xs { display: none !important; } } @media screen and (max-width: 36em) { .hide-below-sm { display: none !important; } } @media screen and (max-width: 48em) { .hide-below-md { display: none !important; } } @media screen and (max-width: 60em) { .hide-below-lg { display: none !important; } } @media screen and (max-width: 78em) { .hide-below-xl { display: none !important; } } @media screen and (min-width: 0) { .hide-above-xs { display: none !important; } } @media screen and (min-width: 36em) { .hide-above-sm { display: none !important; } } @media screen and (min-width: 48em) { .hide-above-md { display: none !important; } } @media screen and (min-width: 60em) { .hide-above-lg { display: none !important; } } @media screen and (min-width: 78em) { .hide-above-xl { display: none !important; } } .dark-mode-control { --button-size: 1.7rem; position: relative; } .dark-mode-control__icon, .btn__icon.dark-mode-control__icon { display: none; height: 100%; width: 100%; } .dark-mode-control__icon svg, .btn__icon.dark-mode-control__icon svg { fill: currentColor; } html:not(.force-light-mode):not(.force-dark-mode) .dark-mode-control__icon--auto, html.force-light-mode .dark-mode-control__icon--light, html.force-dark-mode .dark-mode-control__icon--dark { display: block; } .dark-mode-control__select { opacity: 0; display: inline-block; font-size: var(--scale-1); height: var(--button-size); width: var(--button-size); position: absolute; left: 0; top: 0; -moz-appearance: none; -webkit-appearance: none; appearance: none; } .dark-mode-control__select::-ms-expand { display: none; } .dark-mode-control__select:hover { cursor: pointer; } .stack { display: flex; } .stack > * { --stack-spacing: var(--spacing0); } .stack--row { flex-direction: row; } .stack--row > * + * { margin-left: var(--stack-spacing); } .stack--col { flex-direction: column; } .stack--col > * + * { margin-top: var(--stack-spacing); } .stack--spacing-2 > * { --stack-spacing: var(--spacing-2); } .stack--spacing-1 > * { --stack-spacing: var(--spacing-1); } .stack--spacing0 > * { --stack-spacing: var(--spacing0); } .stack--spacing1 > * { --stack-spacing: var(--spacing1); } .stack--spacing2 > * { --stack-spacing: var(--spacing2); } .stack--spacing3 > * { --stack-spacing: var(--spacing3); } .stack--col > * + .stack__exception-2, .stack--col > .stack__exception-2 + * { margin-top: var(--spacing-2); } .stack--row > * + .stack__exception-2, .stack--row > .stack__exception-2 + * { margin-left: var(--spacing-2); } .stack--col > * + .stack__exception-1, .stack--col > .stack__exception-1 + * { margin-top: var(--spacing-1); } .stack--row > * + .stack__exception-1, .stack--row > .stack__exception-1 + * { margin-left: var(--spacing-1); } .stack--col > * + .stack__exception0, .stack--col > .stack__exception0 + * { margin-top: var(--spacing0); } .stack--row > * + .stack__exception0, .stack--row > .stack__exception0 + * { margin-left: var(--spacing0); } .stack--col > * + .stack__exception1, .stack--col > .stack__exception1 + * { margin-top: var(--spacing1); } .stack--row > * + .stack__exception1, .stack--row > .stack__exception1 + * { margin-left: var(--spacing1); } .stack--col > * + .stack__exception2, .stack--col > .stack__exception2 + * { margin-top: var(--spacing2); } .stack--row > * + .stack__exception2, .stack--row > .stack__exception2 + * { margin-left: var(--spacing2); } .stack--col > * + .stack__exception3, .stack--col > .stack__exception3 + * { margin-top: var(--spacing3); } .stack--row > * + .stack__exception3, .stack--row > .stack__exception3 + * { margin-left: var(--spacing3); } @media screen and (max-width: 36em) { .stack--collapse-below-sm { flex-direction: column; } .stack--collapse-below-sm * + * { margin-left: 0; margin-top: var(--stack-spacing); } .stack--row.stack--collapse-below-sm > * + .stack__exception-2, .stack--row.stack--collapse-below-sm > .stack__exception-2 + * { margin-top: var(--spacing-2); margin-left: 0; } .stack--row.stack--collapse-below-sm > * + .stack__exception-1, .stack--row.stack--collapse-below-sm > .stack__exception-1 + * { margin-top: var(--spacing-1); margin-left: 0; } .stack--row.stack--collapse-below-sm > * + .stack__exception0, .stack--row.stack--collapse-below-sm > .stack__exception0 + * { margin-top: var(--spacing0); margin-left: 0; } .stack--row.stack--collapse-below-sm > * + .stack__exception1, .stack--row.stack--collapse-below-sm > .stack__exception1 + * { margin-top: var(--spacing1); margin-left: 0; } .stack--row.stack--collapse-below-sm > * + .stack__exception2, .stack--row.stack--collapse-below-sm > .stack__exception2 + * { margin-top: var(--spacing2); margin-left: 0; } .stack--row.stack--collapse-below-sm > * + .stack__exception3, .stack--row.stack--collapse-below-sm > .stack__exception3 + * { margin-top: var(--spacing3); margin-left: 0; } } @media screen and (max-width: 48em) { .stack--collapse-below-md { flex-direction: column; } .stack--collapse-below-md * + * { margin-left: 0; margin-top: var(--stack-spacing); } .stack--row.stack--collapse-below-md > * + .stack__exception-2, .stack--row.stack--collapse-below-md > .stack__exception-2 + * { margin-top: var(--spacing-2); margin-left: 0; } .stack--row.stack--collapse-below-md > * + .stack__exception-1, .stack--row.stack--collapse-below-md > .stack__exception-1 + * { margin-top: var(--spacing-1); margin-left: 0; } .stack--row.stack--collapse-below-md > * + .stack__exception0, .stack--row.stack--collapse-below-md > .stack__exception0 + * { margin-top: var(--spacing0); margin-left: 0; } .stack--row.stack--collapse-below-md > * + .stack__exception1, .stack--row.stack--collapse-below-md > .stack__exception1 + * { margin-top: var(--spacing1); margin-left: 0; } .stack--row.stack--collapse-below-md > * + .stack__exception2, .stack--row.stack--collapse-below-md > .stack__exception2 + * { margin-top: var(--spacing2); margin-left: 0; } .stack--row.stack--collapse-below-md > * + .stack__exception3, .stack--row.stack--collapse-below-md > .stack__exception3 + * { margin-top: var(--spacing3); margin-left: 0; } } @media screen and (max-width: 60em) { .stack--collapse-below-lg { flex-direction: column; } .stack--collapse-below-lg * + * { margin-left: 0; margin-top: var(--stack-spacing); } .stack--row.stack--collapse-below-lg > * + .stack__exception-2, .stack--row.stack--collapse-below-lg > .stack__exception-2 + * { margin-top: var(--spacing-2); margin-left: 0; } .stack--row.stack--collapse-below-lg > * + .stack__exception-1, .stack--row.stack--collapse-below-lg > .stack__exception-1 + * { margin-top: var(--spacing-1); margin-left: 0; } .stack--row.stack--collapse-below-lg > * + .stack__exception0, .stack--row.stack--collapse-below-lg > .stack__exception0 + * { margin-top: var(--spacing0); margin-left: 0; } .stack--row.stack--collapse-below-lg > * + .stack__exception1, .stack--row.stack--collapse-below-lg > .stack__exception1 + * { margin-top: var(--spacing1); margin-left: 0; } .stack--row.stack--collapse-below-lg > * + .stack__exception2, .stack--row.stack--collapse-below-lg > .stack__exception2 + * { margin-top: var(--spacing2); margin-left: 0; } .stack--row.stack--collapse-below-lg > * + .stack__exception3, .stack--row.stack--collapse-below-lg > .stack__exception3 + * { margin-top: var(--spacing3); margin-left: 0; } } @media screen and (max-width: 78em) { .stack--collapse-below-xl { flex-direction: column; } .stack--collapse-below-xl * + * { margin-left: 0; margin-top: var(--stack-spacing); } .stack--row.stack--collapse-below-xl > * + .stack__exception-2, .stack--row.stack--collapse-below-xl > .stack__exception-2 + * { margin-top: var(--spacing-2); margin-left: 0; } .stack--row.stack--collapse-below-xl > * + .stack__exception-1, .stack--row.stack--collapse-below-xl > .stack__exception-1 + * { margin-top: var(--spacing-1); margin-left: 0; } .stack--row.stack--collapse-below-xl > * + .stack__exception0, .stack--row.stack--collapse-below-xl > .stack__exception0 + * { margin-top: var(--spacing0); margin-left: 0; } .stack--row.stack--collapse-below-xl > * + .stack__exception1, .stack--row.stack--collapse-below-xl > .stack__exception1 + * { margin-top: var(--spacing1); margin-left: 0; } .stack--row.stack--collapse-below-xl > * + .stack__exception2, .stack--row.stack--collapse-below-xl > .stack__exception2 + * { margin-top: var(--spacing2); margin-left: 0; } .stack--row.stack--collapse-below-xl > * + .stack__exception3, .stack--row.stack--collapse-below-xl > .stack__exception3 + * { margin-top: var(--spacing3); margin-left: 0; } } .content { max-width: 1344px; } @media screen and (min-width: 0) { .content { margin: 0 1.44rem; } } @media screen and (min-width: 36em) { .content { margin: 0 1.44rem; } } @media screen and (min-width: 48em) { .content { margin: 0 2.985984rem; } } @media screen and (min-width: 60em) { .content { margin: 0 2.985984rem; } } @media screen and (min-width: 78em) { .content { margin: 0 2.985984rem; } } @media screen and (min-width: 88em) { .content { margin: 0 2.985984rem; } } @media screen and (min-width: 1439.551488px) { .content { margin: 0 auto; } } .site-header { --header-border: 1px solid var(--header-light); --header-hover: var(--color-accent-50); color: var(--header-dark); font-family: var(--fonts-sans); line-height: var(--line-height-2); position: sticky; top: 0; z-index: 1000; } html.force-light-mode .text-dark .site-header { --header-light: var(--cool-10); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .text-dark .site-header { --header-light: var(--cool-10); } } html.force-dark-mode .text-dark .site-header { --header-light: var(--cool-80); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .text-dark .site-header { --header-light: var(--cool-80); } } html.force-light-mode .text-dark .site-header { --header-dark: var(--cool-80); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .text-dark .site-header { --header-dark: var(--cool-80); } } html.force-dark-mode .text-dark .site-header { --header-dark: var(--cool-10); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .text-dark .site-header { --header-dark: var(--cool-10); } } html.force-light-mode .text-light .site-header { --header-light: var(--cool-80); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .text-light .site-header { --header-light: var(--cool-80); } } html.force-dark-mode .text-light .site-header { --header-light: var(--cool-80); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .text-light .site-header { --header-light: var(--cool-80); } } html.force-light-mode .text-light .site-header { --header-dark: var(--cool-10); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .text-light .site-header { --header-dark: var(--cool-10); } } html.force-dark-mode .text-light .site-header { --header-dark: var(--cool-10); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .text-light .site-header { --header-dark: var(--cool-10); } } @media screen and (max-width: 48em) { @supports (backdrop-filter: saturate(150%) blur(20px)) or (--webkit-backdrop-filter: saturate(150%) blur(20px)) { .site-header { backdrop-filter: saturate(150%) blur(20px); -webkit-backdrop-filter: saturate(150%) blur(20px); } html.force-light-mode .text-dark .site-header { background-color: rgba(255, 255, 255, 0.8); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .text-dark .site-header { background-color: rgba(255, 255, 255, 0.8); } } html.force-dark-mode .text-dark .site-header { background-color: rgba(27, 33, 39, 0.8); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .text-dark .site-header { background-color: rgba(27, 33, 39, 0.8); } } html.force-light-mode .text-light .site-header { background-color: rgba(27, 33, 39, 0.8); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .text-light .site-header { background-color: rgba(27, 33, 39, 0.8); } } html.force-dark-mode .text-light .site-header { background-color: rgba(27, 33, 39, 0.8); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .text-light .site-header { background-color: rgba(27, 33, 39, 0.8); } } } } @supports (backdrop-filter: saturate(150%) blur(20px)) or (--webkit-backdrop-filter: saturate(150%) blur(20px)) { .site-header:not(.site-header--full):not(.site-header--floats-over):not(.site-header--expanded) { backdrop-filter: saturate(150%) blur(20px); -webkit-backdrop-filter: saturate(150%) blur(20px); } html.force-light-mode .text-dark .site-header:not(.site-header--full):not(.site-header--floats-over):not(.site-header--expanded) { background-color: rgba(255, 255, 255, 0.8); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .text-dark .site-header:not(.site-header--full):not(.site-header--floats-over):not(.site-header--expanded) { background-color: rgba(255, 255, 255, 0.8); } } html.force-dark-mode .text-dark .site-header:not(.site-header--full):not(.site-header--floats-over):not(.site-header--expanded) { background-color: rgba(27, 33, 39, 0.8); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .text-dark .site-header:not(.site-header--full):not(.site-header--floats-over):not(.site-header--expanded) { background-color: rgba(27, 33, 39, 0.8); } } html.force-light-mode .text-light .site-header:not(.site-header--full):not(.site-header--floats-over):not(.site-header--expanded) { background-color: rgba(27, 33, 39, 0.8); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .text-light .site-header:not(.site-header--full):not(.site-header--floats-over):not(.site-header--expanded) { background-color: rgba(27, 33, 39, 0.8); } } html.force-dark-mode .text-light .site-header:not(.site-header--full):not(.site-header--floats-over):not(.site-header--expanded) { background-color: rgba(27, 33, 39, 0.8); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .text-light .site-header:not(.site-header--full):not(.site-header--floats-over):not(.site-header--expanded) { background-color: rgba(27, 33, 39, 0.8); } } } .site-header a { color: inherit; text-decoration: none; transition: 0.2s; } @media screen and (min-width: 48em) { .site-header.site-header--full { position: relative; } } .text-dark .site-header.site-header--expanded, .text-light .site-header.site-header--expanded { bottom: 0; left: 0; overflow: scroll; position: fixed; right: 0; top: 0; } html.force-light-mode .text-dark .site-header.site-header--expanded, html.force-light-mode .text-light .site-header.site-header--expanded { --header-light: var(--cool-70); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .text-dark .site-header.site-header--expanded, html:not(.force-dark-mode) .text-light .site-header.site-header--expanded { --header-light: var(--cool-70); } } html.force-dark-mode .text-dark .site-header.site-header--expanded, html.force-dark-mode .text-light .site-header.site-header--expanded { --header-light: var(--cool-70); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .text-dark .site-header.site-header--expanded, html:not(.force-light-mode) .text-light .site-header.site-header--expanded { --header-light: var(--cool-70); } } html.force-light-mode .text-dark .site-header.site-header--expanded, html.force-light-mode .text-light .site-header.site-header--expanded { --header-dark: var(--cool-10); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .text-dark .site-header.site-header--expanded, html:not(.force-dark-mode) .text-light .site-header.site-header--expanded { --header-dark: var(--cool-10); } } html.force-dark-mode .text-dark .site-header.site-header--expanded, html.force-dark-mode .text-light .site-header.site-header--expanded { --header-dark: var(--cool-10); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .text-dark .site-header.site-header--expanded, html:not(.force-light-mode) .text-light .site-header.site-header--expanded { --header-dark: var(--cool-10); } } html.force-light-mode .text-dark .site-header.site-header--expanded, html.force-light-mode .text-light .site-header.site-header--expanded { background: var(--cool-90); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .text-dark .site-header.site-header--expanded, html:not(.force-dark-mode) .text-light .site-header.site-header--expanded { background: var(--cool-90); } } html.force-dark-mode .text-dark .site-header.site-header--expanded, html.force-dark-mode .text-light .site-header.site-header--expanded { background: var(--cool-90); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .text-dark .site-header.site-header--expanded, html:not(.force-light-mode) .text-light .site-header.site-header--expanded { background: var(--cool-90); } } .site-header--floats-over:not(.site-header--scrolled):not(.site-header--expanded) { position: relative; z-index: 10; } .site-header--floats-over.site-header--scrolled { position: fixed; width: 100%; } .site-header--has-bg:not(.site-header--scrolled):not(.site-header--expanded) { background-color: var(--header-bg); } html.force-light-mode .text-dark .site-header--has-bg:not(.site-header--scrolled):not(.site-header--expanded) { --header-dark: var(--color-accent-90); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .text-dark .site-header--has-bg:not(.site-header--scrolled):not(.site-header--expanded) { --header-dark: var(--color-accent-90); } } html.force-dark-mode .text-dark .site-header--has-bg:not(.site-header--scrolled):not(.site-header--expanded) { --header-dark: var(--color-accent-80); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .text-dark .site-header--has-bg:not(.site-header--scrolled):not(.site-header--expanded) { --header-dark: var(--color-accent-80); } } html.force-light-mode .text-dark .site-header--has-bg:not(.site-header--scrolled):not(.site-header--expanded) { --header-light: var(--color-accent-20); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .text-dark .site-header--has-bg:not(.site-header--scrolled):not(.site-header--expanded) { --header-light: var(--color-accent-20); } } html.force-dark-mode .text-dark .site-header--has-bg:not(.site-header--scrolled):not(.site-header--expanded) { --header-light: var(--color-accent-20); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .text-dark .site-header--has-bg:not(.site-header--scrolled):not(.site-header--expanded) { --header-light: var(--color-accent-20); } } html.force-light-mode .text-dark .site-header--has-bg:not(.site-header--scrolled):not(.site-header--expanded) { --header-bg: var(--color-accent-30); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .text-dark .site-header--has-bg:not(.site-header--scrolled):not(.site-header--expanded) { --header-bg: var(--color-accent-30); } } html.force-dark-mode .text-dark .site-header--has-bg:not(.site-header--scrolled):not(.site-header--expanded) { --header-bg: var(--color-accent-10); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .text-dark .site-header--has-bg:not(.site-header--scrolled):not(.site-header--expanded) { --header-bg: var(--color-accent-10); } } html.force-light-mode .text-light .site-header--has-bg:not(.site-header--scrolled):not(.site-header--expanded) { --header-dark: var(--color-accent-80); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .text-light .site-header--has-bg:not(.site-header--scrolled):not(.site-header--expanded) { --header-dark: var(--color-accent-80); } } html.force-dark-mode .text-light .site-header--has-bg:not(.site-header--scrolled):not(.site-header--expanded) { --header-dark: var(--color-accent-80); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .text-light .site-header--has-bg:not(.site-header--scrolled):not(.site-header--expanded) { --header-dark: var(--color-accent-80); } } html.force-light-mode .text-light .site-header--has-bg:not(.site-header--scrolled):not(.site-header--expanded) { --header-light: var(--color-accent-20); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .text-light .site-header--has-bg:not(.site-header--scrolled):not(.site-header--expanded) { --header-light: var(--color-accent-20); } } html.force-dark-mode .text-light .site-header--has-bg:not(.site-header--scrolled):not(.site-header--expanded) { --header-light: var(--color-accent-20); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .text-light .site-header--has-bg:not(.site-header--scrolled):not(.site-header--expanded) { --header-light: var(--color-accent-20); } } html.force-light-mode .text-light .site-header--has-bg:not(.site-header--scrolled):not(.site-header--expanded) { --header-bg: var(--color-accent-10); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .text-light .site-header--has-bg:not(.site-header--scrolled):not(.site-header--expanded) { --header-bg: var(--color-accent-10); } } html.force-dark-mode .text-light .site-header--has-bg:not(.site-header--scrolled):not(.site-header--expanded) { --header-bg: var(--color-accent-10); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .text-light .site-header--has-bg:not(.site-header--scrolled):not(.site-header--expanded) { --header-bg: var(--color-accent-10); } } html.force-light-mode .site-header--has-bg-white:not(.site-header--scrolled):not(.site-header--expanded) .text-dark, html.force-light-mode .text-light .site-header--has-bg-white:not(.site-header--scrolled):not(.site-header--expanded) { --header-dark: var(--black); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .site-header--has-bg-white:not(.site-header--scrolled):not(.site-header--expanded) .text-dark, html:not(.force-dark-mode) .text-light .site-header--has-bg-white:not(.site-header--scrolled):not(.site-header--expanded) { --header-dark: var(--black); } } html.force-dark-mode .site-header--has-bg-white:not(.site-header--scrolled):not(.site-header--expanded) .text-dark, html.force-dark-mode .text-light .site-header--has-bg-white:not(.site-header--scrolled):not(.site-header--expanded) { --header-dark: var(--black); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .site-header--has-bg-white:not(.site-header--scrolled):not(.site-header--expanded) .text-dark, html:not(.force-light-mode) .text-light .site-header--has-bg-white:not(.site-header--scrolled):not(.site-header--expanded) { --header-dark: var(--black); } } html.force-light-mode .site-header--has-bg-white:not(.site-header--scrolled):not(.site-header--expanded) .text-dark, html.force-light-mode .text-light .site-header--has-bg-white:not(.site-header--scrolled):not(.site-header--expanded) { --header-light: var(--white); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .site-header--has-bg-white:not(.site-header--scrolled):not(.site-header--expanded) .text-dark, html:not(.force-dark-mode) .text-light .site-header--has-bg-white:not(.site-header--scrolled):not(.site-header--expanded) { --header-light: var(--white); } } html.force-dark-mode .site-header--has-bg-white:not(.site-header--scrolled):not(.site-header--expanded) .text-dark, html.force-dark-mode .text-light .site-header--has-bg-white:not(.site-header--scrolled):not(.site-header--expanded) { --header-light: var(--white); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .site-header--has-bg-white:not(.site-header--scrolled):not(.site-header--expanded) .text-dark, html:not(.force-light-mode) .text-light .site-header--has-bg-white:not(.site-header--scrolled):not(.site-header--expanded) { --header-light: var(--white); } } html.force-light-mode .site-header--has-bg-white:not(.site-header--scrolled):not(.site-header--expanded) .text-dark, html.force-light-mode .text-light .site-header--has-bg-white:not(.site-header--scrolled):not(.site-header--expanded) { --header-bg: var(--white); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .site-header--has-bg-white:not(.site-header--scrolled):not(.site-header--expanded) .text-dark, html:not(.force-dark-mode) .text-light .site-header--has-bg-white:not(.site-header--scrolled):not(.site-header--expanded) { --header-bg: var(--white); } } html.force-dark-mode .site-header--has-bg-white:not(.site-header--scrolled):not(.site-header--expanded) .text-dark, html.force-dark-mode .text-light .site-header--has-bg-white:not(.site-header--scrolled):not(.site-header--expanded) { --header-bg: var(--white); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .site-header--has-bg-white:not(.site-header--scrolled):not(.site-header--expanded) .text-dark, html:not(.force-light-mode) .text-light .site-header--has-bg-white:not(.site-header--scrolled):not(.site-header--expanded) { --header-bg: var(--white); } } html.force-light-mode .site-header--has-bg-black:not(.site-header--scrolled):not(.site-header--expanded) .text-dark, html.force-light-mode .text-light .site-header--has-bg-black:not(.site-header--scrolled):not(.site-header--expanded) { --header-dark: var(--black); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .site-header--has-bg-black:not(.site-header--scrolled):not(.site-header--expanded) .text-dark, html:not(.force-dark-mode) .text-light .site-header--has-bg-black:not(.site-header--scrolled):not(.site-header--expanded) { --header-dark: var(--black); } } html.force-dark-mode .site-header--has-bg-black:not(.site-header--scrolled):not(.site-header--expanded) .text-dark, html.force-dark-mode .text-light .site-header--has-bg-black:not(.site-header--scrolled):not(.site-header--expanded) { --header-dark: var(--black); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .site-header--has-bg-black:not(.site-header--scrolled):not(.site-header--expanded) .text-dark, html:not(.force-light-mode) .text-light .site-header--has-bg-black:not(.site-header--scrolled):not(.site-header--expanded) { --header-dark: var(--black); } } html.force-light-mode .site-header--has-bg-black:not(.site-header--scrolled):not(.site-header--expanded) .text-dark, html.force-light-mode .text-light .site-header--has-bg-black:not(.site-header--scrolled):not(.site-header--expanded) { --header-light: var(--white); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .site-header--has-bg-black:not(.site-header--scrolled):not(.site-header--expanded) .text-dark, html:not(.force-dark-mode) .text-light .site-header--has-bg-black:not(.site-header--scrolled):not(.site-header--expanded) { --header-light: var(--white); } } html.force-dark-mode .site-header--has-bg-black:not(.site-header--scrolled):not(.site-header--expanded) .text-dark, html.force-dark-mode .text-light .site-header--has-bg-black:not(.site-header--scrolled):not(.site-header--expanded) { --header-light: var(--white); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .site-header--has-bg-black:not(.site-header--scrolled):not(.site-header--expanded) .text-dark, html:not(.force-light-mode) .text-light .site-header--has-bg-black:not(.site-header--scrolled):not(.site-header--expanded) { --header-light: var(--white); } } html.force-light-mode .site-header--has-bg-black:not(.site-header--scrolled):not(.site-header--expanded) .text-dark, html.force-light-mode .text-light .site-header--has-bg-black:not(.site-header--scrolled):not(.site-header--expanded) { --header-bg: var(--white); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .site-header--has-bg-black:not(.site-header--scrolled):not(.site-header--expanded) .text-dark, html:not(.force-dark-mode) .text-light .site-header--has-bg-black:not(.site-header--scrolled):not(.site-header--expanded) { --header-bg: var(--white); } } html.force-dark-mode .site-header--has-bg-black:not(.site-header--scrolled):not(.site-header--expanded) .text-dark, html.force-dark-mode .text-light .site-header--has-bg-black:not(.site-header--scrolled):not(.site-header--expanded) { --header-bg: var(--white); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .site-header--has-bg-black:not(.site-header--scrolled):not(.site-header--expanded) .text-dark, html:not(.force-light-mode) .text-light .site-header--has-bg-black:not(.site-header--scrolled):not(.site-header--expanded) { --header-bg: var(--white); } } .site-header__wrap-full { max-width: 1344px; } @media screen and (min-width: 0) { .site-header__wrap-full { margin: 0 1.44rem; } } @media screen and (min-width: 36em) { .site-header__wrap-full { margin: 0 1.44rem; } } @media screen and (min-width: 48em) { .site-header__wrap-full { margin: 0 2.985984rem; } } @media screen and (min-width: 60em) { .site-header__wrap-full { margin: 0 2.985984rem; } } @media screen and (min-width: 78em) { .site-header__wrap-full { margin: 0 2.985984rem; } } @media screen and (min-width: 88em) { .site-header__wrap-full { margin: 0 2.985984rem; } } @media screen and (min-width: 1439.551488px) { .site-header__wrap-full { margin: 0 auto; } } .site-header__wrap-full { display: none; } @media screen and (min-width: 48em) { .site-header--full .site-header__wrap-full { align-items: center; border: none; display: grid; font-size: var(--scale-1); grid-template-areas: "menu logo logo donate" "border border border border" "links links newsletter newsletter"; grid-template-columns: 13em 1fr 7em 13em; padding: var(--spacing2) 0; row-gap: var(--spacing-1); } .site-header--full .site-header__wrap-full::before { background: var(--header-light); content: ""; display: block; grid-area: border; height: 1px; width: 100%; } .site-header--full.site-header--expanded .site-header__wrap-full { grid-template-areas: "menu logo logo donate"; } .site-header--full.site-header--expanded .site-header__wrap-full::before { display: none; } .site-header--scrolled.site-header--expanded .site-header__wrap-full { display: none; } } .site-header--wrap-compact { max-width: 1344px; } @media screen and (min-width: 0) { .site-header--wrap-compact { margin: 0 1.44rem; } } @media screen and (min-width: 36em) { .site-header--wrap-compact { margin: 0 1.44rem; } } @media screen and (min-width: 48em) { .site-header--wrap-compact { margin: 0 2.985984rem; } } @media screen and (min-width: 60em) { .site-header--wrap-compact { margin: 0 2.985984rem; } } @media screen and (min-width: 78em) { .site-header--wrap-compact { margin: 0 2.985984rem; } } @media screen and (min-width: 88em) { .site-header--wrap-compact { margin: 0 2.985984rem; } } @media screen and (min-width: 1439.551488px) { .site-header--wrap-compact { margin: 0 auto; } } .site-header--floats-over:not(.site-header--scrolled) .site-header--wrap-compact { --site-header-page-margins: var(--spacing1); left: 0; right: 0; margin: 0 var(--site-header-page-margins); position: absolute; max-width: none; } @media screen and (min-width: 48em) { .site-header--floats-over:not(.site-header--scrolled) .site-header--wrap-compact { --site-header-page-margins: var(--spacing3); } } .site-header__inner-wrap-compact { align-items: center; border-bottom: var(--header-border); display: grid; font-size: var(--scale-2); grid-template-areas: "menu logo donate"; grid-template-columns: 5em 1fr 5em; padding: var(--spacing-1) 0; } @media screen and (min-width: 36em) { .site-header__inner-wrap-compact { font-size: var(--scale-1); } } @media screen and (min-width: 48em) { .site-header--full .site-header__inner-wrap-compact { max-width: 1344px; position: fixed; top: 0; transform: translateY(-100%); transition: 0.2s; width: calc(100% - 5.971968rem); } } @media screen and (min-width: 60em) { .site-header--floats-over:not(.site-header--scrolled):not(.site-header--expanded) .site-header__inner-wrap-compact { grid-template-columns: 1.5rem 1fr 5em; } } .site-header--no-border:not(.site-header--scrolled):not(.site-header--expanded) .site-header__inner-wrap-compact { border-bottom: none; } .site-header--transparent-dark-border:not(.site-header--scrolled):not(.site-header--expanded) .site-header__inner-wrap-compact { border-bottom: 1px solid rgba(0, 0, 0, 0.2); } .site-header--transparent-light-border:not(.site-header--scrolled):not(.site-header--expanded) .site-header__inner-wrap-compact { border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .site-header--light:not(.site-header--scrolled):not(.site-header--expanded) .site-header__inner-wrap-compact { color: var(--header-light); } .site-header--expanded .site-header__inner-wrap-compact { border-bottom: none; } @media screen and (min-width: 48em) { .site-header--scrolled .site-header__inner-wrap-compact { border-bottom: none; transform: translateY(0); } } @media screen and (min-width: 48em) { .site-header--scrolled:not(.site-header--expanded) .site-header__inner-wrap-compact::before { background-color: var(--color-bg); border-bottom: var(--header-border); content: ""; display: block; height: 100%; position: fixed; margin-left: calc(-1 * (50vw - 50%)); top: 0; width: 100vw; z-index: -1; } @supports (backdrop-filter: saturate(150%) blur(20px)) or (--webkit-backdrop-filter: saturate(150%) blur(20px)) { .site-header--scrolled:not(.site-header--expanded) .site-header__inner-wrap-compact::before { backdrop-filter: saturate(150%) blur(20px); -webkit-backdrop-filter: saturate(150%) blur(20px); } html.force-light-mode .text-dark .site-header--scrolled:not(.site-header--expanded) .site-header__inner-wrap-compact::before { background-color: rgba(255, 255, 255, 0.8); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .text-dark .site-header--scrolled:not(.site-header--expanded) .site-header__inner-wrap-compact::before { background-color: rgba(255, 255, 255, 0.8); } } html.force-dark-mode .text-dark .site-header--scrolled:not(.site-header--expanded) .site-header__inner-wrap-compact::before { background-color: rgba(27, 33, 39, 0.8); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .text-dark .site-header--scrolled:not(.site-header--expanded) .site-header__inner-wrap-compact::before { background-color: rgba(27, 33, 39, 0.8); } } html.force-light-mode .text-light .site-header--scrolled:not(.site-header--expanded) .site-header__inner-wrap-compact::before { background-color: rgba(27, 33, 39, 0.8); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .text-light .site-header--scrolled:not(.site-header--expanded) .site-header__inner-wrap-compact::before { background-color: rgba(27, 33, 39, 0.8); } } html.force-dark-mode .text-light .site-header--scrolled:not(.site-header--expanded) .site-header__inner-wrap-compact::before { background-color: rgba(27, 33, 39, 0.8); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .text-light .site-header--scrolled:not(.site-header--expanded) .site-header__inner-wrap-compact::before { background-color: rgba(27, 33, 39, 0.8); } } } } .site-header__wrap-expanded { max-width: 1344px; } @media screen and (min-width: 0) { .site-header__wrap-expanded { margin: 0 1.44rem; } } @media screen and (min-width: 36em) { .site-header__wrap-expanded { margin: 0 1.44rem; } } @media screen and (min-width: 48em) { .site-header__wrap-expanded { margin: 0 2.985984rem; } } @media screen and (min-width: 60em) { .site-header__wrap-expanded { margin: 0 2.985984rem; } } @media screen and (min-width: 78em) { .site-header__wrap-expanded { margin: 0 2.985984rem; } } @media screen and (min-width: 88em) { .site-header__wrap-expanded { margin: 0 2.985984rem; } } @media screen and (min-width: 1439.551488px) { .site-header__wrap-expanded { margin: 0 auto; } } .site-header__wrap-expanded { display: none; } .site-header--expanded .site-header__wrap-expanded { align-items: center; display: flex; flex-direction: column; padding-bottom: var(--spacing2); } @media screen and (min-width: 48em) { .site-header--expanded .site-header__wrap-expanded { padding-bottom: var(--spacing3); } } .site-header--scrolled.site-header--expanded .site-header__wrap-expanded { margin-top: 5rem; } .site-header--floats-over:not(.site-header--scrolled) .site-header__wrap-expanded { margin-top: 5rem; } .site-header__section-logo { grid-area: logo; justify-self: center; padding: 0 var(--spacing-1); } .site-header__wrap-full .site-header__section-logo { align-items: center; display: flex; flex-direction: column; justify-content: center; justify-self: stretch; padding: 0 0 var(--spacing0) 0; } .site-header--floats-over:not(.site-header--scrolled):not(.site-header--expanded) .site-header__section-logo { filter: drop-shadow(1px 1px 0px rgba(0, 0, 0, 0.25)); } @media screen and (min-width: 60em) { .site-header--floats-over:not(.site-header--scrolled):not(.site-header--expanded) .site-header__section-logo { justify-self: start; } } .site-header__wordmark { display: block; fill: currentColor; max-width: 13em; width: 100%; } .site-header__wrap-full .site-header__wordmark { max-width: 25em; } .site-header__wrap-full .site-header__wordmark:focus, .site-header__wrap-full .site-header__wordmark:hover { color: var(--header-hover); } .site-header__tagline { display: block; font-family: var(--fonts-serif); font-size: var(--scale-2); font-weight: bold; margin-top: var(--spacing-2); text-align: center; } .site-header__section-donate { color: var(--white); grid-area: donate; justify-self: end; } .site-header__wrap-full .site-header__section-donate { padding-bottom: var(--spacing0); } .site-header__donate-link { background: var(--red-50); border-radius: 0.2em; display: inline-block; font-family: var(--fonts-serif); font-weight: bold; line-height: 1; padding: 0.4em 0.5em 0.6em; } @media screen and (min-width: 36em) { .site-header__wrap-compact .site-header__donate-link { padding-left: 1em; padding-right: 1em; } } .site-header__wrap-full .site-header__donate-link { padding-left: 2.5em; padding-right: 2.5em; } .site-header__donate-link:focus, .site-header__donate-link:hover { background-color: var(--red-40); } .site-header__section-newsletter { border-left: var(--header-border); justify-self: stretch; display: block; grid-area: newsletter; padding-left: var(--spacing0); position: relative; } .site-header--full.site-header--expanded .site-header__section-newsletter { display: none; } .site-header__section-skip { border-radius: 4px; display: block; font-family: var(--fonts-sans); font-size: var(--scale-2); font-weight: 700; padding: var(--spacing-1); left: 1rem; top: 1rem; z-index: 1001; } html.force-light-mode .site-header__section-skip { background-color: var(--gray-10); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .site-header__section-skip { background-color: var(--gray-10); } } html.force-dark-mode .site-header__section-skip { background-color: var(--gray-70); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .site-header__section-skip { background-color: var(--gray-70); } } .site-header__section-skip:focus { outline-offset: 4px; border: none; } .site-header__section-menu { justify-self: start; grid-area: menu; } .site-header__wrap-full .site-header__section-menu { padding-bottom: var(--spacing0); } .site-header__section-menu .icon.close { display: none; } .site-header--expanded .site-header__section-menu .icon.menu { display: none; } .site-header--expanded .site-header__section-menu .icon.close { display: inline-block; } .site-header__menu-list { display: flex; } .site-header__menu-list > * + * { margin-left: var(--spacing0); } .site-header__menu-link { background: transparent; font-size: var(--scale0); font-weight: bold; line-height: 1; } .site-header__menu-link:focus, .site-header__menu-link:hover { cursor: pointer; } .site-header__wrap-full .site-header__menu-link { background: var(--header-light); font-size: var(--scale-1); } .site-header__wrap-full .site-header__menu-link:focus, .site-header__wrap-full .site-header__menu-link:hover { background: var(--header-hover); color: var(--white); } .site-header__menu-link .icon { vertical-align: -0.1em; } .site-header__wrap-full .site-header__menu-link[data-link="Menu"] { border-radius: 0.2em; padding: 0.5em 1em; } .site-header__menu-link[data-link="Search"] { border-radius: 1em; height: 2em; line-height: 1; padding: 0.5em; } .site-header--expanded .site-header__menu-link[data-link="Search"] { display: none; } .site-header__menu-label { display: none; } .site-header__wrap-full .site-header__menu-label { display: inline; margin-left: var(--spacing-2); } .site-header__section-search { width: 100%; } .search-form { font-size: var(--scale0); padding: var(--spacing1) 0 var(--spacing3); } @media screen and (min-width: 48em) { .search-form { padding-top: 0; } } .search-form__submit { background: var(--header-light); border: none; border-radius: 1em; color: inherit; font-size: inherit; height: 2em; line-height: 1; padding: 0.5em; } .search-form__submit .icon { margin-top: -0.1em; } .search-form__input-wrap { align-items: center; display: flex; justify-content: center; } .search-form__input-text { background: var(--header-light); border: none; border-radius: 0.2em; color: var(--header-dark); font-family: var(--fonts-sans); font-size: inherit; padding: 0.5em; margin-right: var(--spacing-1); max-width: 20em; width: 100%; } .search-form__input-text::placeholder { color: inherit; } .site-header__section-links-collapsed { font-size: var(--scale-2); grid-area: links; } .site-header--full.site-header--expanded .site-header__section-links-collapsed { display: none; } .site-header__section-links-expanded { column-gap: var(--spacing0); display: grid; grid-template-areas: "special border1 region" "topics border1 type" "info border1 follow"; grid-template-columns: 1fr 1px 1fr; row-gap: var(--spacing1); } @media screen and (min-width: 48em) { .site-header__section-links-expanded { column-gap: var(--spacing1); grid-template-areas: "special border1 region border2 info" "topics border1 type border2 follow"; grid-template-columns: 1fr 1px 1fr 1px 1fr; } } .site-header__section-links-expanded::before, .site-header__section-links-expanded::after { background: var(--header-light); display: block; } .site-header__section-links-expanded::before { content: ""; grid-area: border1; } @media screen and (min-width: 48em) { .site-header__section-links-expanded::after { content: ""; grid-area: border2; } } .site-header__links-heading { display: block; font-size: var(--scale0); font-weight: bold; margin-bottom: var(--spacing1); } .site-header__section-links-collapsed .site-header__links-list { display: flex; flex-wrap: wrap; font-weight: bold; } .site-header__section-links-collapsed .site-header__links-list > * { margin-right: var(--spacing0); } @media screen and (min-width: 78em) { .site-header__section-links-collapsed .site-header__links-list > * { margin-right: var(--spacing2); } } .site-header__section-links-collapsed .site-header__links-list > *:last-child { margin-right: 0; } .site-header__section-links-expanded .site-header__links-list { display: block; font-size: var(--scale-1); } .site-header__section-links-expanded .site-header__links-list > * { margin-bottom: var(--spacing0); } .site-header__section-links-expanded .site-header__links-list > *:last-child { margin-bottom: 0; } .site-header__link:focus, .site-header__link:hover { color: var(--header-hover); } .site-header__links-topics::before, .site-header__links-type::before, .site-header__links-info::before, .site-header__links-follow::before { background: var(--header-light); content: ""; display: block; height: 1px; margin-bottom: var(--spacing1); width: 50%; } @media screen and (min-width: 48em) { .site-header__links-info::before { display: none; } } .site-header__links-topics { grid-area: topics; } .site-header__links-topics .icon { margin-right: var(--spacing-2); vertical-align: -0.1em; } .site-header__links-region { grid-area: region; } .site-header__links-type { grid-area: type; } .site-header__links-special { font-weight: bold; grid-area: special; } .site-header__links-special .site-header__link { font-size: var(--scale0); } .site-header__links-info { grid-area: info; order: -1; } .site-header__links-follow { grid-area: follow; } .site-header__links-list.site-header__links-list-follow { display: flex; flex-wrap: wrap; font-size: var(--scale0); } .site-header__links-list.site-header__links-list-follow > * { margin-right: var(--spacing-1); margin-top: 0; } .site-header__links-list.site-header__links-list-follow > *:last-child { margin-right: 0; } .site-header__link.site-header__link-follow { background: var(--header-light); border-radius: 1em; display: block; height: 2em; overflow: hidden; padding: 0.5em; } .site-header__link.site-header__link-follow:focus, .site-header__link.site-header__link-follow:hover { background: var(--header-hover); color: var(--white); } .site-header__link.site-header__link--featured { background: var(--orange-50); color: var(--white); padding: 0.3em 0.4em; } .site-header__link.site-header__link--featured:focus, .site-header__link.site-header__link--featured:hover { background: var(--orange-40); color: var(--white); } .site-header__section-breadcrumb { font-family: var(--fonts-sans); font-weight: bold; font-size: var(--scale0); grid-area: links; } .site-header--expanded .site-header__section-breadcrumb { display: none; } .site-header__section-breadcrumb--compact { max-width: 1344px; } @media screen and (min-width: 0) { .site-header__section-breadcrumb--compact { margin: 0 1.44rem; } } @media screen and (min-width: 36em) { .site-header__section-breadcrumb--compact { margin: 0 1.44rem; } } @media screen and (min-width: 48em) { .site-header__section-breadcrumb--compact { margin: 0 2.985984rem; } } @media screen and (min-width: 60em) { .site-header__section-breadcrumb--compact { margin: 0 2.985984rem; } } @media screen and (min-width: 78em) { .site-header__section-breadcrumb--compact { margin: 0 2.985984rem; } } @media screen and (min-width: 88em) { .site-header__section-breadcrumb--compact { margin: 0 2.985984rem; } } @media screen and (min-width: 1439.551488px) { .site-header__section-breadcrumb--compact { margin: 0 auto; } } .site-header__section-breadcrumb--compact { margin-top: var(--spacing-2); } @media screen and (min-width: 48em) { .site-header__section-breadcrumb--compact { display: none; } } .breadcrumb__subcategory:before { content: ""; width: 0.65em; height: 0.65em; display: inline-block; background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23333333%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat, repeat; background-position: 50% 50%; background-size: 0.65em auto; transform: rotate(270deg); margin-right: 0.25em; margin-left: 0.125em; } @media screen and (prefers-color-scheme: dark) { .breadcrumb__subcategory:before { filter: invert(1); } } .site-footer__section-newsletter { padding: var(--spacing2) 0; } html.force-light-mode .text-dark .site-footer__section-newsletter { background: var(--cool-80); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .text-dark .site-footer__section-newsletter { background: var(--cool-80); } } html.force-dark-mode .text-dark .site-footer__section-newsletter { background: var(--cool-70); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .text-dark .site-footer__section-newsletter { background: var(--cool-70); } } html.force-light-mode .text-light .site-footer__section-newsletter { background: var(--cool-70); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .text-light .site-footer__section-newsletter { background: var(--cool-70); } } html.force-dark-mode .text-light .site-footer__section-newsletter { background: var(--cool-70); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .text-light .site-footer__section-newsletter { background: var(--cool-70); } } .site-footer__section-newsletter .newsletter-signup { line-height: var(--line-height-2); } @media screen and (min-width: 48em) { .site-footer__section-newsletter .newsletter-signup { align-items: center; display: flex; justify-content: space-between; } } @media screen and (min-width: 78em) { .site-footer__section-newsletter .newsletter-signup { justify-content: center; } } .site-footer__section-newsletter .site-footer__newsletter-heading { color: var(--white); display: block; font-size: var(--scale1); } @media screen and (max-width: 48em) { .site-footer__section-newsletter .site-footer__newsletter-heading { margin-bottom: var(--spacing-1); } } @media screen and (min-width: 48em) { .site-footer__section-newsletter .site-footer__newsletter-heading { width: calc((((100% - 14.5152rem) / 8) * 4) + 6.2208rem); } } @media screen and (min-width: 60em) { .site-footer__section-newsletter .site-footer__newsletter-heading { font-size: var(--scale2); width: calc((((100% - 22.8096rem) / 12) * 6) + 10.368rem); } } @media screen and (min-width: 78em) { .site-footer__section-newsletter .site-footer__newsletter-heading { margin-right: 2.0736rem; width: calc((((100% - 26.9568rem) / 14) * 6) + 10.368rem); } } .site-footer__section-newsletter .newsletter-signup__input-wrap { border-radius: 0.2em; font-size: var(--scale1); padding: var(--spacing-2) var(--spacing-1); position: relative; margin: 0 auto; } html.force-light-mode .text-dark .site-footer__section-newsletter .newsletter-signup__input-wrap { background: var(--white); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .text-dark .site-footer__section-newsletter .newsletter-signup__input-wrap { background: var(--white); } } html.force-dark-mode .text-dark .site-footer__section-newsletter .newsletter-signup__input-wrap { background: rgba(0, 0, 0, 0); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .text-dark .site-footer__section-newsletter .newsletter-signup__input-wrap { background: rgba(0, 0, 0, 0); } } html.force-light-mode .text-dark .site-footer__section-newsletter .newsletter-signup__input-wrap { border: none; } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .text-dark .site-footer__section-newsletter .newsletter-signup__input-wrap { border: none; } } html.force-dark-mode .text-dark .site-footer__section-newsletter .newsletter-signup__input-wrap { border: 1px solid var(--cool-20); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .text-dark .site-footer__section-newsletter .newsletter-signup__input-wrap { border: 1px solid var(--cool-20); } } html.force-light-mode .text-light .site-footer__section-newsletter .newsletter-signup__input-wrap { background: rgba(0, 0, 0, 0); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .text-light .site-footer__section-newsletter .newsletter-signup__input-wrap { background: rgba(0, 0, 0, 0); } } html.force-dark-mode .text-light .site-footer__section-newsletter .newsletter-signup__input-wrap { background: rgba(0, 0, 0, 0); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .text-light .site-footer__section-newsletter .newsletter-signup__input-wrap { background: rgba(0, 0, 0, 0); } } html.force-light-mode .text-light .site-footer__section-newsletter .newsletter-signup__input-wrap { border: 1px solid var(--cool-20); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .text-light .site-footer__section-newsletter .newsletter-signup__input-wrap { border: 1px solid var(--cool-20); } } html.force-dark-mode .text-light .site-footer__section-newsletter .newsletter-signup__input-wrap { border: 1px solid var(--cool-20); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .text-light .site-footer__section-newsletter .newsletter-signup__input-wrap { border: 1px solid var(--cool-20); } } @media screen and (min-width: 48em) { .site-footer__section-newsletter .newsletter-signup__input-wrap { margin: 0; width: calc((((100% - 14.5152rem) / 8) * 4) + 6.2208rem); } } @media screen and (min-width: 60em) { .site-footer__section-newsletter .newsletter-signup__input-wrap { width: calc((((100% - 22.8096rem) / 12) * 6) + 10.368rem); } } @media screen and (min-width: 78em) { .site-footer__section-newsletter .newsletter-signup__input-wrap { width: calc((((100% - 26.9568rem) / 14) * 6) + 10.368rem); } } .site-footer__section-newsletter .newsletter-signup__input-text::placeholder { font-size: var(--scale-1); } .site-footer__section-newsletter .newsletter-signup__post-signup-prompt { color: var(--white); font-size: var(--scale1); width: 100%; } @media screen and (max-width: 48em) { .site-footer__section-newsletter .newsletter-signup__post-signup-prompt { bottom: 0; top: unset; } } @media screen and (min-width: 48em) { .site-footer__section-newsletter .newsletter-signup__post-signup-prompt { margin: 0 auto; text-align: right; width: 100%; } } @media screen and (min-width: 60em) { .site-footer__section-newsletter .newsletter-signup__post-signup-prompt { font-size: var(--scale0); } } @media screen and (min-width: 78em) { .site-footer__section-newsletter .newsletter-signup__post-signup-prompt { width: calc((((100% - 26.9568rem) / 14) * 12) + 22.8096rem); } } .site-footer__newsletter-wrap { max-width: 1344px; } @media screen and (min-width: 0) { .site-footer__newsletter-wrap { margin: 0 1.44rem; } } @media screen and (min-width: 36em) { .site-footer__newsletter-wrap { margin: 0 1.44rem; } } @media screen and (min-width: 48em) { .site-footer__newsletter-wrap { margin: 0 2.985984rem; } } @media screen and (min-width: 60em) { .site-footer__newsletter-wrap { margin: 0 2.985984rem; } } @media screen and (min-width: 78em) { .site-footer__newsletter-wrap { margin: 0 2.985984rem; } } @media screen and (min-width: 88em) { .site-footer__newsletter-wrap { margin: 0 2.985984rem; } } @media screen and (min-width: 1439.551488px) { .site-footer__newsletter-wrap { margin: 0 auto; } } .site-footer { clear: both; font-family: var(--fonts-sans); font-size: var(--scale-1); margin-top: var(--spacing3); } html.force-light-mode .text-dark .site-footer { background: var(--cool-10); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .text-dark .site-footer { background: var(--cool-10); } } html.force-dark-mode .text-dark .site-footer { background: var(--cool-80); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .text-dark .site-footer { background: var(--cool-80); } } html.force-light-mode .text-light .site-footer { background: var(--cool-80); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .text-light .site-footer { background: var(--cool-80); } } html.force-dark-mode .text-light .site-footer { background: var(--cool-80); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .text-light .site-footer { background: var(--cool-80); } } .site-footer a { color: inherit; text-decoration: none; } .site-footer a:focus, .site-footer a:hover { text-decoration: underline; text-decoration-color: currentColor; text-decoration-thickness: 0.1em; text-underline-offset: 0.1em; } .text-dark .site-footer a:focus, .text-dark .site-footer a:hover { color: var(--color-accent-70); } html.force-light-mode .text-light .site-footer a:focus, html.force-light-mode .text-light .site-footer a:hover { color: var(--color-accent-30); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .text-light .site-footer a:focus, html:not(.force-dark-mode) .text-light .site-footer a:hover { color: var(--color-accent-30); } } html.force-dark-mode .text-light .site-footer a:focus, html.force-dark-mode .text-light .site-footer a:hover { color: var(--color-accent-30); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .text-light .site-footer a:focus, html:not(.force-light-mode) .text-light .site-footer a:hover { color: var(--color-accent-30); } } .site-footer__wrap-outer { max-width: 1344px; } @media screen and (min-width: 0) { .site-footer__wrap-outer { margin: 0 1.44rem; } } @media screen and (min-width: 36em) { .site-footer__wrap-outer { margin: 0 1.44rem; } } @media screen and (min-width: 48em) { .site-footer__wrap-outer { margin: 0 2.985984rem; } } @media screen and (min-width: 60em) { .site-footer__wrap-outer { margin: 0 2.985984rem; } } @media screen and (min-width: 78em) { .site-footer__wrap-outer { margin: 0 2.985984rem; } } @media screen and (min-width: 88em) { .site-footer__wrap-outer { margin: 0 2.985984rem; } } @media screen and (min-width: 1439.551488px) { .site-footer__wrap-outer { margin: 0 auto; } } .site-footer__wrap-inner { display: flex; flex-direction: column-reverse; padding: var(--spacing1) 0; } @media screen and (min-width: 48em) { .site-footer__wrap-inner { display: grid; grid-gap: 2.0736rem; grid-template-areas: "logo links links links"; grid-template-columns: 1fr 1fr 1fr 1fr; } } @media screen and (min-width: 78em) { .site-footer__wrap-inner { padding-left: calc((((100% - 26.9568rem) / 14) * 1) + 2.0736rem); padding-right: calc((((100% - 26.9568rem) / 14) * 1) + 2.0736rem); } } .site-footer__section-logo { font-size: var(--scale-2); grid-area: logo; line-height: var(--line-height-2); } @media screen and (max-width: 48em) { .site-footer__section-logo { margin: var(--spacing0) 0; } } .site-footer__section-logo > * + * { margin-top: var(--spacing-1); } .site-footer__wordmark { display: block; max-width: 20em; } html.force-light-mode .text-dark .site-footer__wordmark { fill: var(--cool-80); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .text-dark .site-footer__wordmark { fill: var(--cool-80); } } html.force-dark-mode .text-dark .site-footer__wordmark { fill: var(--cool-10); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .text-dark .site-footer__wordmark { fill: var(--cool-10); } } html.force-light-mode .text-light .site-footer__wordmark { fill: var(--cool-10); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .text-light .site-footer__wordmark { fill: var(--cool-10); } } html.force-dark-mode .text-light .site-footer__wordmark { fill: var(--cool-10); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .text-light .site-footer__wordmark { fill: var(--cool-10); } } .site-footer__tagline { display: block; font-family: var(--fonts-serif); margin-top: var(--spacing-2); } .site-footer__section-links { grid-area: links; } @media screen and (min-width: 36em) { .site-footer__section-links { column-count: 3; column-gap: 1rem; } .site-footer__section-links > * { break-inside: avoid; } } @media screen and (min-width: 48em) { .site-footer__section-links { grid-gap: 2.0736rem; } } @media screen and (max-width: 36em) { .site-footer__section-links > *:nth-child(1n + 2) { border-top: 1px solid; } html.force-light-mode .text-dark .site-footer__section-links > *:nth-child(1n + 2) { border-color: var(--cool-30); } } @media screen and (max-width: 36em) and (prefers-color-scheme: light) { html:not(.force-dark-mode) .text-dark .site-footer__section-links > *:nth-child(1n + 2) { border-color: var(--cool-30); } } @media screen and (max-width: 36em) { html.force-dark-mode .text-dark .site-footer__section-links > *:nth-child(1n + 2) { border-color: var(--cool-70); } } @media screen and (max-width: 36em) and (prefers-color-scheme: dark) { html:not(.force-light-mode) .text-dark .site-footer__section-links > *:nth-child(1n + 2) { border-color: var(--cool-70); } } @media screen and (max-width: 36em) { html.force-light-mode .text-light .site-footer__section-links > *:nth-child(1n + 2) { border-color: var(--cool-70); } } @media screen and (max-width: 36em) and (prefers-color-scheme: light) { html:not(.force-dark-mode) .text-light .site-footer__section-links > *:nth-child(1n + 2) { border-color: var(--cool-70); } } @media screen and (max-width: 36em) { html.force-dark-mode .text-light .site-footer__section-links > *:nth-child(1n + 2) { border-color: var(--cool-70); } } @media screen and (max-width: 36em) and (prefers-color-scheme: dark) { html:not(.force-light-mode) .text-light .site-footer__section-links > *:nth-child(1n + 2) { border-color: var(--cool-70); } } .site-footer__links-heading { display: block; letter-spacing: 0.05em; text-transform: uppercase; } @media screen and (max-width: 36em) { .site-footer__links-heading { padding: var(--spacing-1) 0; } .site-footer__links-heading:hover { cursor: pointer; } } .site-footer__links-list { margin-bottom: var(--spacing-1); } .btn { --button-color: var(--color-accent-50); --button-size: 1.7rem; --button-text-color: var(--color-bg, --white); background-color: var(--button-color); border-radius: 4px; color: var(--button-text-color); display: flex; flex-direction: row; font-family: var(--fonts-sans); font-size: var(--scale-2); font-weight: 700; letter-spacing: 0.0075em; word-spacing: 0.06em; line-height: var(--line-height-3); justify-content: center; padding: var(--scale-2); text-align: center; transition: all 0.2s ease-in; will-change: opacity; } .btn:hover { opacity: 0.75; cursor: pointer; } .btn--size3 { --button-size: 2.985984rem; } .btn--wide { min-width: 8rem; } a.btn { text-decoration: none; border-bottom: 0; } .btn--icon-only { align-items: center; justify-content: center; border-radius: 50%; height: var(--button-size); padding: 0; width: var(--button-size); } .btn--outline { background-color: transparent; border: 2px solid var(--button-color) !important; } html.force-light-mode .btn--outline { color: var(--button-color); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .btn--outline { color: var(--button-color); } } html.force-dark-mode .btn--outline { color: var(--button-color); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .btn--outline { color: var(--button-color); } } .btn--transparent { background-color: transparent; } .btn--circular { --button-size: 1.7rem; border-radius: 50%; height: var(--button-size); padding: 0; width: var(--button-size); } .btn__icon { fill: currentColor; height: 50%; pointer-events: none; width: 50%; vertical-align: baseline; } .btn__icon--white { fill: var(--color-bg); } .-js-copy-textarea { width: 0; height: 0; opacity: 0; position: absolute; } .btn--black { --button-color: var(--black); } .btn--dark { --button-color: var(--color-accent-70); } .btn--light { --button-color: var(--color-accent-30); } html.force-light-mode .btn--light { --button-text-color: var(--black); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .btn--light { --button-text-color: var(--black); } } html.force-dark-mode .btn--light { --button-text-color: var(--white); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .btn--light { --button-text-color: var(--white); } } html.force-light-mode .btn--light-cool { --button-text-color: var(--black); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .btn--light-cool { --button-text-color: var(--black); } } html.force-dark-mode .btn--light-cool { --button-text-color: var(--white); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .btn--light-cool { --button-text-color: var(--white); } } html.force-light-mode .btn--light-cool { --button-color: var(--cool-10); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .btn--light-cool { --button-color: var(--cool-10); } } html.force-dark-mode .btn--light-cool { --button-color: var(--cool-80); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .btn--light-cool { --button-color: var(--cool-80); } } .btn--red { --button-color: var(--red-50); } .btn--green { --button-color: var(--green-50); } .btn--pink { --button-color: var(--pink-50); } .-js-copy-btn { position: relative; } .-js-copy-textarea { width: 0; height: 0; opacity: 0; } @keyframes tooltipPopIn { 0% { opacity: 0; transform: scale(0.9); top: -2.5em; } 10% { opacity: 1; transform: scale(1); top: -3.5em; } 90% { opacity: 1; transform: scale(1); top: -3.5em; } 100% { opacity: 0; transform: scale(0.9); top: -3.5em; } } .-js-copy-tooltip { animation: tooltipPopIn ease-in-out 2s; animation-iteration-count: 1; animation-fill-mode: forwards; border-radius: 4px; color: var(--white); font-family: var(--fonts-sans); font-size: var(--scale-2); font-weight: 700; padding: var(--spacing-1) var(--spacing0); position: absolute; transform-origin: center center; width: 9.5em; z-index: 1000; } html.force-light-mode .-js-copy-tooltip { background-color: var(--black); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .-js-copy-tooltip { background-color: var(--black); } } html.force-dark-mode .-js-copy-tooltip { background-color: var(--black); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .-js-copy-tooltip { background-color: var(--black); } } .share-tools__btn-list { display: flex; flex-direction: row; } .share-tools__btn-list > * { margin-left: var(--spacing-1); } .share-tools__btn-list > *:first-child { margin-left: 0; } .newsletter-signup { position: relative; } .newsletter-signup__input-wrap { align-items: center; display: flex; opacity: 1; transition: opacity 0.2s; } .newsletter-signup__input-wrap > .icon { margin-top: -0.2em; } .-js-is-successful .newsletter-signup__input-wrap { opacity: 0; pointer-events: none; visibility: hidden; } .newsletter-signup__feedback { border-radius: 4px; color: var(--color-bg); font-size: var(--scale-2); font-weight: 700; left: 50%; padding: var(--spacing-1); position: absolute; text-align: center; top: calc(-1 * var(--spacing-2)); transform: translate(-50%, -100%); margin: 0 auto; width: 80%; display: none; } html.force-light-mode .newsletter-signup__feedback { background-color: var(--black); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .newsletter-signup__feedback { background-color: var(--black); } } html.force-dark-mode .newsletter-signup__feedback { background-color: var(--cool-30); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .newsletter-signup__feedback { background-color: var(--cool-30); } } .newsletter-signup__feedback ::before { --tail-size: 0.75rem; content: ""; display: block; position: absolute; transform: rotate(45deg); width: var(--tail-size); height: var(--tail-size); bottom: calc(-1 / 2 * var(--tail-size)); left: calc(50% - var(--tail-size) / 2); } html.force-light-mode .newsletter-signup__feedback ::before { background-color: var(--black); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .newsletter-signup__feedback ::before { background-color: var(--black); } } html.force-dark-mode .newsletter-signup__feedback ::before { background-color: var(--cool-30); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .newsletter-signup__feedback ::before { background-color: var(--cool-30); } } .-js-has-error .newsletter-signup__feedback { display: block; } .newsletter-signup__post-signup-prompt { color: inherit; opacity: 0; pointer-events: none; visibility: hidden; transition: opacity 0.2s; position: absolute; top: 50%; transform: translateY(-50%); } .-js-is-successful .newsletter-signup__post-signup-prompt { opacity: 1; pointer-events: auto; visibility: visible; } .newsletter-signup__input-text { border: none; color: inherit; flex-grow: 1; margin-left: var(--spacing-2); padding: 0.4em 0; } .newsletter-signup__input-text::placeholder { color: inherit; font-size: var(--scale-2); } .newsletter-signup__input-text:focus::placeholder { color: transparent; } .newsletter-signup__submit { border: none; border-radius: 50%; font-size: var(--scale3); height: 1em; overflow: hidden; padding: 0; } html.force-light-mode .newsletter-signup__submit { background: rgba(0, 0, 0, 0); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .newsletter-signup__submit { background: rgba(0, 0, 0, 0); } } html.force-dark-mode .newsletter-signup__submit { background: rgba(0, 0, 0, 0); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .newsletter-signup__submit { background: rgba(0, 0, 0, 0); } } html.force-light-mode .newsletter-signup__submit { color: inherit; } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .newsletter-signup__submit { color: inherit; } } html.force-dark-mode .newsletter-signup__submit { color: inherit; } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .newsletter-signup__submit { color: inherit; } } .placeholder { display: flex; flex-direction: column; justify-content: center; align-items: center; } html.force-light-mode .placeholder { background-color: var(--gray-10); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .placeholder { background-color: var(--gray-10); } } html.force-dark-mode .placeholder { background-color: var(--gray-80); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .placeholder { background-color: var(--gray-80); } } .placeholder__text { display: block; font-family: var(--fonts-sans); font-weight: 700; text-transform: uppercase; color: var(--color-text-hed); } .opener { --opener-page-margins: var(--spacing1); } html.force-light-mode .opener { --opener-bg: var(--color-accent-30); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .opener { --opener-bg: var(--color-accent-30); } } html.force-dark-mode .opener { --opener-bg: var(--color-accent-10); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .opener { --opener-bg: var(--color-accent-10); } } html.force-light-mode .opener { --opener-light: var(--white); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .opener { --opener-light: var(--white); } } html.force-dark-mode .opener { --opener-light: var(--color-accent-40); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .opener { --opener-light: var(--color-accent-40); } } html.force-light-mode .opener { --opener-dark: var(--black); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .opener { --opener-dark: var(--black); } } html.force-dark-mode .opener { --opener-dark: var(--white); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .opener { --opener-dark: var(--white); } } @media screen and (min-width: 48em) { .opener { --opener-page-margins: var(--spacing3); } } html.force-light-mode .opener--same-color-in-dark-mode { --opener-bg: var(--color-accent-30); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .opener--same-color-in-dark-mode { --opener-bg: var(--color-accent-30); } } html.force-dark-mode .opener--same-color-in-dark-mode { --opener-bg: var(--color-accent-70); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .opener--same-color-in-dark-mode { --opener-bg: var(--color-accent-70); } } html.force-light-mode .opener--same-color-in-dark-mode { --opener-light: var(--white); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .opener--same-color-in-dark-mode { --opener-light: var(--white); } } html.force-dark-mode .opener--same-color-in-dark-mode { --opener-light: var(--white); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .opener--same-color-in-dark-mode { --opener-light: var(--white); } } html.force-light-mode .opener--same-color-in-dark-mode { --opener-dark: var(--black); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .opener--same-color-in-dark-mode { --opener-dark: var(--black); } } html.force-dark-mode .opener--same-color-in-dark-mode { --opener-dark: var(--black); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .opener--same-color-in-dark-mode { --opener-dark: var(--black); } } .opener .opener__topics { margin-bottom: var(--spacing-2); margin-top: var(--spacing-2); } .opener .opener__hed { margin-bottom: var(--spacing-2); margin-top: var(--spacing-2); } .opener .opener__dek { margin-bottom: var(--spacing-2); margin-top: var(--spacing-2); } .opener .opener__dek--match-text-column { margin: var(--spacing1) auto var(--spacing-2); } @media screen and (min-width: 36em) { .opener .opener__dek--match-text-column { width: calc((((100% - 5rem) / 6) * 4) + 3rem); } } @media screen and (min-width: 48em) { .opener .opener__dek--match-text-column { width: calc((((100% - 14.5152rem) / 8) * 6) + 10.368rem); } } @media screen and (min-width: 60em) { .opener .opener__dek--match-text-column { margin: var(--spacing-2) auto; width: calc((((100% - 22.8096rem) / 12) * 8) + 14.5152rem); } } @media screen and (min-width: 78em) { .opener .opener__dek--match-text-column { width: calc((((100% - 26.9568rem) / 14) * 8) + 14.5152rem); } } .opener--none, .opener--small, .opener--medium, .opener--large { display: flex; flex-direction: column; padding-top: 0; padding-bottom: 0; } @media screen and (max-width: 48em) { .opener--none, .opener--small, .opener--medium, .opener--large { padding-top: var(--spacing0); } } .opener--none .opener__art-wrapper, .opener--small .opener__art-wrapper, .opener--medium .opener__art-wrapper, .opener--large .opener__art-wrapper { margin-bottom: var(--spacing1); margin-top: var(--spacing1); } .opener--none .opener__topic-title-dek-wrapper, .opener--small .opener__topic-title-dek-wrapper, .opener--medium .opener__topic-title-dek-wrapper, .opener--large .opener__topic-title-dek-wrapper { display: contents; } .opener--none.opener--order-art-hed-dek .opener__art-wrapper, .opener--small.opener--order-art-hed-dek .opener__art-wrapper, .opener--medium.opener--order-art-hed-dek .opener__art-wrapper, .opener--large.opener--order-art-hed-dek .opener__art-wrapper { margin-top: 0; } .opener--none.opener--order-art-hed-dek.opener--center .opener__topics, .opener--small.opener--order-art-hed-dek.opener--center .opener__topics, .opener--medium.opener--order-art-hed-dek.opener--center .opener__topics, .opener--large.opener--order-art-hed-dek.opener--center .opener__topics { margin-bottom: var(--spacing1); } .opener--none { padding: var(--spacing1) 0; } @media screen and (min-width: 48em) { .opener--none { padding: 0 0 var(--spacing2) 0; } .opener--none.opener--center { padding: 0 0 var(--spacing3) 0; } } @media screen and (min-width: 60em) { .opener--none:not(.opener--center) { margin-left: calc(((((100% - 14.5152rem) / 8) * 2) + 4.1472rem) * -1); width: calc((((100% - 14.5152rem) / 8) * 12) + 22.8096rem); } } @media screen and (min-width: 60em) and (min-width: 78em) { .opener--none:not(.opener--center) { margin-left: calc(((((100% - 14.5152rem) / 8) * 3) + 6.2208rem) * -1); padding-right: calc((((100% - 14.5152rem) / 8) * 2) + 2.0736rem); width: calc((((100% - 14.5152rem) / 8) * 14) + 26.9568rem); } } @media screen and (max-width: 60em) { .opener--small { padding-bottom: var(--spacing0); } } @media screen and (min-width: 60em) { .opener--small { column-gap: 2rem; display: grid; margin-left: calc(((((100% - 14.5152rem) / 8) * 2) + 4.1472rem) * -1); padding-bottom: var(--spacing2); grid-template-columns: auto 50%; grid-template-rows: auto; grid-template-areas: "topics media" "title media" "dek media" "space media"; width: calc((((100% - 14.5152rem) / 8) * 12) + 22.8096rem); } .opener--small .opener__art-wrapper { grid-area: media; margin: 0; } .opener--small .opener__topics { grid-area: topics; } .opener--small .opener__hed { grid-area: title; } .opener--small .opener__dek { grid-area: dek; } } @media screen and (min-width: 78em) { .opener--small { margin-left: calc(((((100% - 14.5152rem) / 8) * 3) + 6.2208rem) * -1); width: calc((((100% - 14.5152rem) / 8) * 14) + 26.9568rem); } } .opener--medium.opener--center.opener--order-art-hed-dek .opener__topics, .opener--large.opener--center.opener--order-art-hed-dek .opener__topics { order: -1; } @media screen and (min-width: 60em) { .opener--large .opener__art-wrapper { width: calc((((100% - 14.5152rem) / 8) * 14) + 26.9568rem); margin-left: calc(((((100% - 14.5152rem) / 8) * 3) + 6.2208rem) * -1); } } .opener--grid { width: auto; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); display: grid; } .opener--grid .attribution { margin-bottom: var(--spacing1); text-align: left; } .opener--grid.opener--has-background-accent::after { background-color: var(--opener-bg); } .opener--grid.opener--has-background-white::after { background-color: var(--white); } .opener--grid.opener--has-background-black::after { background-color: var(--black); } .opener--grid .opener__topic-title-dek-wrapper--has-background-accent { background-color: var(--opener-bg); } .opener--grid .opener__topic-title-dek-wrapper--has-background-white { background-color: var(--white); } .opener--grid .opener__topic-title-dek-wrapper--has-background-black { background-color: var(--black); } @media screen and (max-width: 60em) { .opener--grid { grid-template-columns: auto; grid-template-rows: auto auto auto; } .opener--grid .opener__art-wrapper { display: contents; } .opener--grid .opener__art { align-self: stretch; grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: 2; object-fit: cover; object-position: 50% 50%; width: 100vw; } .opener--grid .opener__art-width--1, .opener--grid .opener__art-width--2, .opener--grid .opener__art-width--3, .opener--grid .opener__art-width--4 { height: 100vw; } .opener--grid .opener__art-width--1 > video, .opener--grid .opener__art-width--2 > video, .opener--grid .opener__art-width--3 > video, .opener--grid .opener__art-width--4 > video { height: 100%; object-fit: cover; object-position: 50% 50%; } .opener--grid .opener__art-width--5, .opener--grid .opener__art-width--6 { height: 100vh; max-height: -webkit-fill-available; max-height: stretch; } .opener--grid .opener__art-width--5 > img, .opener--grid .opener__art-width--6 > img { height: 100%; object-fit: cover; object-position: 50% 50%; } .opener--grid .opener__art-width--5 > video, .opener--grid .opener__art-width--6 > video { height: 100%; object-fit: cover; object-position: 50% 50%; } .opener--grid .opener__art--inset { height: auto; } .opener--grid::after { content: ""; display: block; grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: 4; z-index: -1; } .opener--grid .attribution { width: auto; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); grid-column-start: 1; grid-column-end: 2; grid-row-start: 2; grid-row-end: 3; margin-bottom: var(--spacing1); padding-left: var(--opener-page-margins); padding-right: var(--opener-page-margins); } html.force-light-mode .opener--grid.opener--has-background-black .attribution { --color-text-supp: var(--gray-40); } } @media screen and (max-width: 60em) and (prefers-color-scheme: light) { html:not(.force-dark-mode) .opener--grid.opener--has-background-black .attribution { --color-text-supp: var(--gray-40); } } @media screen and (max-width: 60em) { html.force-dark-mode .opener--grid.opener--has-background-black .attribution { --color-text-supp: var(--gray-40); } } @media screen and (max-width: 60em) and (prefers-color-scheme: dark) { html:not(.force-light-mode) .opener--grid.opener--has-background-black .attribution { --color-text-supp: var(--gray-40); } } @media screen and (max-width: 60em) { html.force-light-mode .opener--grid.opener--has-background-black .attribution { --color-text-meta: var(--gray-60); } } @media screen and (max-width: 60em) and (prefers-color-scheme: light) { html:not(.force-dark-mode) .opener--grid.opener--has-background-black .attribution { --color-text-meta: var(--gray-60); } } @media screen and (max-width: 60em) { html.force-dark-mode .opener--grid.opener--has-background-black .attribution { --color-text-meta: var(--gray-60); } } @media screen and (max-width: 60em) and (prefers-color-scheme: dark) { html:not(.force-light-mode) .opener--grid.opener--has-background-black .attribution { --color-text-meta: var(--gray-60); } } @media screen and (max-width: 60em) { .opener--grid .opener__topic-title-dek-wrapper { grid-column-start: 1; grid-column-end: 2; grid-row-start: 3; grid-row-end: 4; padding: 0 var(--opener-page-margins); } .opener--grid.opener--has-background .opener__topic-title-dek-wrapper { padding-bottom: var(--opener-page-margins); } .opener--grid .opener__topic-title-dek-wrapper--has-background { margin: 0 var(--opener-page-margins); padding: var(--opener-page-margins); } .opener--grid .opener__topic-title-dek-wrapper--mobile-fullbleed { align-self: end; grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: 2; padding: var(--opener-page-margins); z-index: 10; } } @media screen and (min-width: 48em) and (max-width: 60em) { .opener--grid .opener__topic-title-dek-wrapper { max-width: 1344px; } } @media screen and (min-width: 48em) and (max-width: 60em) and (min-width: 0) { .opener--grid .opener__topic-title-dek-wrapper { margin: 0 1.44rem; } } @media screen and (min-width: 48em) and (max-width: 60em) and (min-width: 36em) { .opener--grid .opener__topic-title-dek-wrapper { margin: 0 1.44rem; } } @media screen and (min-width: 48em) and (max-width: 60em) and (min-width: 48em) { .opener--grid .opener__topic-title-dek-wrapper { margin: 0 2.985984rem; } } @media screen and (min-width: 48em) and (max-width: 60em) and (min-width: 60em) { .opener--grid .opener__topic-title-dek-wrapper { margin: 0 2.985984rem; } } @media screen and (min-width: 48em) and (max-width: 60em) and (min-width: 78em) { .opener--grid .opener__topic-title-dek-wrapper { margin: 0 2.985984rem; } } @media screen and (min-width: 48em) and (max-width: 60em) and (min-width: 88em) { .opener--grid .opener__topic-title-dek-wrapper { margin: 0 2.985984rem; } } @media screen and (min-width: 48em) and (max-width: 60em) and (min-width: 1439.551488px) { .opener--grid .opener__topic-title-dek-wrapper { margin: 0 auto; } } @media screen and (min-width: 48em) and (max-width: 60em) { .opener--grid .opener__topic-title-dek-wrapper { padding: 0 calc((((100% - 14.5152rem) / 8) * 1) + 2.0736rem); } .opener--grid .opener__topic-title-dek-wrapper--mobile-fullbleed { margin: 0; padding: var(--opener-page-margins); } .opener--grid .opener__topic-title-dek-wrapper--has-background { padding-top: var(--opener-page-margins); padding-bottom: var(--opener-page-margins); } } @media screen and (min-width: 60em) { .opener--grid { grid-template-columns: repeat(6, 1fr); grid-template-rows: 100vh auto auto; } .opener--grid::after { border-bottom: 1px solid; content: ""; display: block; grid-column-start: 1; grid-column-end: 7; grid-row-start: 1; grid-row-end: 2; z-index: -1; } html.force-light-mode .opener--grid::after { border-color: var(--gray-10); } } @media screen and (min-width: 60em) and (prefers-color-scheme: light) { html:not(.force-dark-mode) .opener--grid::after { border-color: var(--gray-10); } } @media screen and (min-width: 60em) { html.force-dark-mode .opener--grid::after { border-color: var(--gray-80); } } @media screen and (min-width: 60em) and (prefers-color-scheme: dark) { html:not(.force-light-mode) .opener--grid::after { border-color: var(--gray-80); } } @media screen and (min-width: 60em) { .opener--grid.opener--has-background::after { border: none; } .opener--grid .opener__art-wrapper { display: contents; } .opener--grid .opener__art, .opener--grid .opener__topic-title-dek-wrapper { grid-row-start: 1; grid-row-end: 2; } .opener--grid .opener__art { align-self: stretch; height: 100%; object-fit: cover; object-position: 50% 50%; width: 100%; } .opener--grid .opener__art > img { height: 100vh; object-fit: cover; object-position: 50% 50%; } .opener--grid .opener__art > video { height: 100%; object-fit: cover; object-position: 50% 50%; } .opener--grid .attribution { grid-column-start: 1; grid-column-end: 7; grid-row-start: 2; grid-row-end: 3; padding-left: var(--opener-page-margins); padding-right: 50vw; } .opener--grid .attribution--right { padding-left: 50vw; padding-right: var(--opener-page-margins); } .opener--grid .opener__topic-title-dek-wrapper { align-self: center; display: flex; flex-direction: column; margin: var(--opener-page-margins); z-index: 5; } .opener--grid .opener__topic-title-dek-wrapper--valign-top { align-self: start; } .opener--grid .opener__topic-title-dek-wrapper--valign-center { align-self: center; } .opener--grid .opener__topic-title-dek-wrapper--valign-bottom { align-self: end; } .opener--grid .opener__topic-title-dek-wrapper--has-background { padding: calc(var(--opener-page-margins) * 2 / 3); } .opener--grid .content { grid-column-start: 1; grid-column-end: 7; grid-row-start: 3; grid-row-end: 4; } .opener--grid .opener__art--inset { align-self: center; height: auto; padding: 0 var(--opener-page-margins); max-height: 100vh; } .opener--grid .opener__art-start--1, .opener--grid .opener__text-start--1 { grid-column-start: 1; } .opener--grid .opener__art-width--1, .opener--grid .opener__text-width--1 { grid-column-end: span 1; } .opener--grid .opener__art-start--2, .opener--grid .opener__text-start--2 { grid-column-start: 2; } .opener--grid .opener__art-width--2, .opener--grid .opener__text-width--2 { grid-column-end: span 2; } .opener--grid .opener__art-start--3, .opener--grid .opener__text-start--3 { grid-column-start: 3; } .opener--grid .opener__art-width--3, .opener--grid .opener__text-width--3 { grid-column-end: span 3; } .opener--grid .opener__art-start--4, .opener--grid .opener__text-start--4 { grid-column-start: 4; } .opener--grid .opener__art-width--4, .opener--grid .opener__text-width--4 { grid-column-end: span 4; } .opener--grid .opener__art-start--5, .opener--grid .opener__text-start--5 { grid-column-start: 5; } .opener--grid .opener__art-width--5, .opener--grid .opener__text-width--5 { grid-column-end: span 5; } .opener--grid .opener__art-start--6, .opener--grid .opener__text-start--6 { grid-column-start: 6; } .opener--grid .opener__art-width--6, .opener--grid .opener__text-width--6 { grid-column-end: span 6; } } @media screen and (min-width: 60em) and (max-width: 78em) { .opener--grid { --opener-page-margins: var(--spacing1); } .opener--grid .opener__topic-title-dek-wrapper { margin: var(--spacing0); } .opener--grid .opener__topics--vertical-rule::after, .opener--grid .opener__hed--vertical-rule::after { max-height: 2rem; } .opener--grid .opener__dek { font-size: var(--scale-1); } } .opener--center { text-align: center; } .opener--has-background.opener--none { position: relative; } .opener--has-background.opener--none::before { background-color: var(--opener-bg); content: ""; height: 100%; left: calc(-50vw + 50%); position: absolute; top: 0; width: 100vw; z-index: -1; } @media screen and (min-width: 48em) { .opener--has-background.opener--none { padding-bottom: var(--spacing3); padding-top: 0; } .opener--has-background.opener--none.opener--center { padding-bottom: 7rem; } } .opener--has-background.opener--medium, .opener--has-background.opener--large { position: relative; } .opener--has-background.opener--medium .opener__art-wrapper, .opener--has-background.opener--large .opener__art-wrapper { position: relative; } .opener--has-background.opener--medium::before, .opener--has-background.opener--medium .opener__art-wrapper::before, .opener--has-background.opener--large::before, .opener--has-background.opener--large .opener__art-wrapper::before { background-color: var(--opener-bg); content: ""; height: 50%; left: calc(-50vw + 50%); position: absolute; top: 0; width: 100vw; z-index: -1; } .opener--has-background.opener--none .opener__dek, .opener--has-background.opener--medium.opener--order-hed-dek-art .opener__dek, .opener--has-background.opener--large.opener--order-hed-dek-art .opener__dek { color: var(--opener-dark); } .opener--has-background.opener--small.opener--order-art-hed-dek::before, .opener--has-background.opener--medium.opener--order-art-hed-dek::before, .opener--has-background.opener--large.opener--order-art-hed-dek::before { height: 30%; } .opener--has-background.opener--small.opener--order-hed-art-dek::before, .opener--has-background.opener--medium.opener--order-hed-art-dek::before, .opener--has-background.opener--large.opener--order-hed-art-dek::before { height: 50%; } .opener--has-background.opener--small.opener--order-hed-dek-art::before, .opener--has-background.opener--medium.opener--order-hed-dek-art::before, .opener--has-background.opener--large.opener--order-hed-dek-art::before { height: 70%; } .opener--order-art-hed-dek .opener__art-wrapper { order: 1; } .opener--order-art-hed-dek .opener__topics { order: 2; } .opener--order-art-hed-dek .opener__hed { order: 3; } .opener--order-art-hed-dek .opener__dek { order: 4; } .opener--order-art-hed-dek .article-meta-1, .opener--order-art-hed-dek .article-meta-2 { order: 5; } .opener--order-hed-dek-art .opener__topics { order: 1; } .opener--order-hed-dek-art .opener__hed { order: 2; } .opener--order-hed-dek-art .opener__dek { order: 3; } .opener--order-hed-dek-art .article-meta-1, .opener--order-hed-dek-art .article-meta-2 { order: 4; } .opener--order-hed-dek-art .opener__art-wrapper { order: 5; margin-bottom: var(--spacing0); } .opener--order-hed-art-dek .opener__topics { order: 1; } .opener--order-hed-art-dek .opener__hed { order: 2; } .opener--order-hed-art-dek .opener__art-wrapper { order: 3; } .opener--order-hed-art-dek .opener__dek { order: 4; } .opener--order-hed-art-dek .article-meta-1, .opener--order-hed-art-dek .article-meta-2 { order: 5; } .opener__art-wrapper--scrim { position: relative; z-index: -10; } .opener__art-wrapper--scrim::after { background: linear-gradient( to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 90% ); bottom: 0; content: ""; display: block; height: 25%; left: 0; position: absolute; width: 100%; } .opener__topics { display: block; font-family: var(--fonts-sans); font-size: var(--scale0); font-weight: 700; line-height: var(--line-height-3); } .opener__topics--vertical-rule::after { background-color: var(--color-accent-70); content: ""; display: block; height: 10vh; max-height: 4rem; margin: var(--spacing0) auto var(--spacing-1); width: 2px; } .opener__topics--vertical-rule.-is-over-bg::after { background-color: var(--opener-light); } .opener__topics-link { color: var(--color-accent-70); text-decoration: none; } .opener__topics-link:hover { text-decoration: underline; } .opener__topics-link.-is-over-bg { color: var(--opener-light); } html.force-light-mode .opener__topics-link.opener__topics-link--light { color: var(--white); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .opener__topics-link.opener__topics-link--light { color: var(--white); } } html.force-dark-mode .opener__topics-link.opener__topics-link--light { color: var(--white); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .opener__topics-link.opener__topics-link--light { color: var(--white); } } html.force-light-mode .opener__topics-link.opener__topics-link--light.-is-over-bg { color: var(--opener-light); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .opener__topics-link.opener__topics-link--light.-is-over-bg { color: var(--opener-light); } } html.force-dark-mode .opener__topics-link.opener__topics-link--light.-is-over-bg { color: var(--opener-light); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .opener__topics-link.opener__topics-link--light.-is-over-bg { color: var(--opener-light); } } html.force-light-mode .opener__topics-link.opener__topics-link--dark { color: var(--black); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .opener__topics-link.opener__topics-link--dark { color: var(--black); } } html.force-dark-mode .opener__topics-link.opener__topics-link--dark { color: var(--black); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .opener__topics-link.opener__topics-link--dark { color: var(--black); } } html.force-light-mode .opener__topics-link.opener__topics-link--dark.-is-over-bg { color: var(--opener-dark); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .opener__topics-link.opener__topics-link--dark.-is-over-bg { color: var(--opener-dark); } } html.force-dark-mode .opener__topics-link.opener__topics-link--dark.-is-over-bg { color: var(--opener-dark); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .opener__topics-link.opener__topics-link--dark.-is-over-bg { color: var(--opener-dark); } } .opener__hed { color: var(--color-text-hed); font-family: var(--fonts-hed); font-size: var(--scale3); font-weight: 700; line-height: var(--line-height-2); } @media screen and (min-width: 48em) and (max-width: 60em) { .opener__hed { font-size: var(--scale4); } } @media screen and (min-width: 78em) { .opener__hed { font-size: var(--scale4); } } @media screen and (min-width: 88em) { .opener__hed { font-size: var(--scale5); } } .opener__hed.-is-over-bg { color: var(--opener-dark); } html.force-light-mode .opener__hed.opener__hed--light { color: var(--white); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .opener__hed.opener__hed--light { color: var(--white); } } html.force-dark-mode .opener__hed.opener__hed--light { color: var(--white); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .opener__hed.opener__hed--light { color: var(--white); } } html.force-light-mode .opener__hed.opener__hed--light.-is-over-bg { color: var(--opener-light); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .opener__hed.opener__hed--light.-is-over-bg { color: var(--opener-light); } } html.force-dark-mode .opener__hed.opener__hed--light.-is-over-bg { color: var(--opener-light); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .opener__hed.opener__hed--light.-is-over-bg { color: var(--opener-light); } } html.force-light-mode .opener__hed.opener__hed--dark { color: var(--black); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .opener__hed.opener__hed--dark { color: var(--black); } } html.force-dark-mode .opener__hed.opener__hed--dark { color: var(--black); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .opener__hed.opener__hed--dark { color: var(--black); } } html.force-light-mode .opener__hed.opener__hed--dark.-is-over-bg { color: var(--opener-dark); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .opener__hed.opener__hed--dark.-is-over-bg { color: var(--opener-dark); } } html.force-dark-mode .opener__hed.opener__hed--dark.-is-over-bg { color: var(--opener-dark); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .opener__hed.opener__hed--dark.-is-over-bg { color: var(--opener-dark); } } .opener__hed--small { font-size: var(--scale3); } @media only screen and (min-width: 60em) and (max-height: 27rem) { .opener__hed--small { font-size: var(--scale2); } } @media only screen and (min-width: 88em) and (min-height: 27rem) { .opener__hed--small { font-size: var(--scale4); } } .opener__hed--vertical-rule::after { background-color: var(--color-accent-70); content: ""; display: block; height: 10vh; max-height: 4rem; margin: var(--spacing0) auto var(--spacing-1); width: 2px; } .opener__hed--vertical-rule.-is-over-bg::after { background-color: var(--opener-light); } .opener__dek { color: var(--color-text-supp); font-family: var(--fonts-sans); font-size: var(--scale0); line-height: var(--line-height-1); } .opener__dek.-is-over-bg { color: var(--opener-dark); } html.force-light-mode .opener__dek.opener__dek--light { color: var(--white); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .opener__dek.opener__dek--light { color: var(--white); } } html.force-dark-mode .opener__dek.opener__dek--light { color: var(--white); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .opener__dek.opener__dek--light { color: var(--white); } } html.force-light-mode .opener__dek.opener__dek--light.-is-over-bg { color: var(--opener-light); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .opener__dek.opener__dek--light.-is-over-bg { color: var(--opener-light); } } html.force-dark-mode .opener__dek.opener__dek--light.-is-over-bg { color: var(--opener-light); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .opener__dek.opener__dek--light.-is-over-bg { color: var(--opener-light); } } html.force-light-mode .opener__dek.opener__dek--dark { color: var(--black); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .opener__dek.opener__dek--dark { color: var(--black); } } html.force-dark-mode .opener__dek.opener__dek--dark { color: var(--black); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .opener__dek.opener__dek--dark { color: var(--black); } } html.force-light-mode .opener__dek.opener__dek--dark.-is-over-bg { color: var(--opener-dark); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .opener__dek.opener__dek--dark.-is-over-bg { color: var(--opener-dark); } } html.force-dark-mode .opener__dek.opener__dek--dark.-is-over-bg { color: var(--opener-dark); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .opener__dek.opener__dek--dark.-is-over-bg { color: var(--opener-dark); } } @keyframes openerFadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .opener--grid .opener__art, .opener--grid .attribution, .opener--grid .opener__topics, .opener--grid .opener__hed, .opener--grid .opener__dek, .opener--grid .article-meta-1 { animation: openerFadeIn linear 1.5s; animation-iteration-count: 1; animation-fill-mode: forwards; opacity: 0; transform: translateZ(0); will-change: transform; } .opener--grid .opener__art { animation-delay: 0.5s; } .opener--grid .opener__attribution { animation-delay: 0.75s; } .opener--grid .opener__topics { animation-delay: 1.5s; } .opener--grid .opener__hed { animation-delay: 2s; } .opener--grid .opener__dek { animation-delay: 2.5s; } .opener--grid .article-meta-1 { animation-delay: 3s; } .article-meta-1--center { text-align: center; } .article-meta-1.-is-over-bg .article-meta-1__byline, .article-meta-1.-is-over-bg .article-meta-1__pubdate { color: var(--opener-light); } html.force-light-mode .article-meta-1--light .article-meta-1__byline, html.force-light-mode .article-meta-1--light .article-meta-1__pubdate { color: var(--white); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .article-meta-1--light .article-meta-1__byline, html:not(.force-dark-mode) .article-meta-1--light .article-meta-1__pubdate { color: var(--white); } } html.force-dark-mode .article-meta-1--light .article-meta-1__byline, html.force-dark-mode .article-meta-1--light .article-meta-1__pubdate { color: var(--white); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .article-meta-1--light .article-meta-1__byline, html:not(.force-light-mode) .article-meta-1--light .article-meta-1__pubdate { color: var(--white); } } html.force-light-mode .article-meta-1--light.-is-over-bg .article-meta-1__byline, html.force-light-mode .article-meta-1--light.-is-over-bg .article-meta-1__pubdate { color: var(--opener-light); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .article-meta-1--light.-is-over-bg .article-meta-1__byline, html:not(.force-dark-mode) .article-meta-1--light.-is-over-bg .article-meta-1__pubdate { color: var(--opener-light); } } html.force-dark-mode .article-meta-1--light.-is-over-bg .article-meta-1__byline, html.force-dark-mode .article-meta-1--light.-is-over-bg .article-meta-1__pubdate { color: var(--opener-light); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .article-meta-1--light.-is-over-bg .article-meta-1__byline, html:not(.force-light-mode) .article-meta-1--light.-is-over-bg .article-meta-1__pubdate { color: var(--opener-light); } } html.force-light-mode .article-meta-1--dark .article-meta-1__byline, html.force-light-mode .article-meta-1--dark .article-meta-1__pubdate { color: var(--black); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .article-meta-1--dark .article-meta-1__byline, html:not(.force-dark-mode) .article-meta-1--dark .article-meta-1__pubdate { color: var(--black); } } html.force-dark-mode .article-meta-1--dark .article-meta-1__byline, html.force-dark-mode .article-meta-1--dark .article-meta-1__pubdate { color: var(--black); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .article-meta-1--dark .article-meta-1__byline, html:not(.force-light-mode) .article-meta-1--dark .article-meta-1__pubdate { color: var(--black); } } html.force-light-mode .article-meta-1--dark.-is-over-bg .article-meta-1__byline, html.force-light-mode .article-meta-1--dark.-is-over-bg .article-meta-1__pubdate { color: var(--opener-dark); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .article-meta-1--dark.-is-over-bg .article-meta-1__byline, html:not(.force-dark-mode) .article-meta-1--dark.-is-over-bg .article-meta-1__pubdate { color: var(--opener-dark); } } html.force-dark-mode .article-meta-1--dark.-is-over-bg .article-meta-1__byline, html.force-dark-mode .article-meta-1--dark.-is-over-bg .article-meta-1__pubdate { color: var(--opener-dark); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .article-meta-1--dark.-is-over-bg .article-meta-1__byline, html:not(.force-light-mode) .article-meta-1--dark.-is-over-bg .article-meta-1__pubdate { color: var(--opener-dark); } } .article-meta-1--hide-byline .article-meta-1__byline, .article-meta-1--hide-byline .article-meta-1__pubdate { display: none; } .article-meta-1__byline { color: var(--color-text-hed); display: block; font-family: var(--fonts-sans); font-size: var(--scale-1); font-weight: 700; line-height: var(--line-height-1); margin-top: var(--spacing0); } @media screen and (min-width: 78em) { .article-meta-1__byline { font-size: var(--scale-2); } } .article-meta-1__byline a, .article-meta-1__byline a:visited { color: inherit; } .article-meta-1__pubdate { color: var(--color-text-meta); display: block; font-family: var(--fonts-sans); font-size: var(--scale-1); margin-top: var(--spacing-2); } @media screen and (min-width: 78em) { .article-meta-1__pubdate { font-size: var(--scale-2); } } .article-meta-1__section-actions { align-items: center; display: flex; flex-direction: row; justify-content: flex-start; margin-top: var(--spacing0); margin-bottom: 0; } .article-meta-1__section-actions--center { justify-content: center; } .article-meta-1__republish { display: block; font-family: var(--fonts-sans); font-size: var(--scale-2); letter-spacing: 0.02em; line-height: 0; margin-left: var(--spacing-1); padding-top: 0.8rem; padding-bottom: 0.7rem; text-transform: uppercase; border-radius: calc(var(--button-size) / 2); } .article-meta-1__partnership { color: var(--color-accent-50); display: block; font-family: var(--fonts-sans); font-size: var(--scale-2); font-weight: 700; margin-top: var(--spacing1); } .article-meta-1__partnership a, .article-meta-1__partnership a:visited { color: inherit; } .article-meta-2--hide-byline .article-meta-2__byline, .article-meta-2--hide-byline .article-meta-2__pubdate { display: none; } .article-meta-2__rule { border-bottom: none; border-top: 1px solid; margin-bottom: var(--spacing0); margin-top: 0; } html.force-light-mode .article-meta-2__rule { border-color: var(--gray-10); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .article-meta-2__rule { border-color: var(--gray-10); } } html.force-dark-mode .article-meta-2__rule { border-color: var(--gray-80); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .article-meta-2__rule { border-color: var(--gray-80); } } @media screen and (min-width: 60em) { .article-meta-2__rule { margin-bottom: var(--spacing3); } } @media screen and (min-width: 60em) { .article-meta-2__rule--wide { margin-left: calc(((((100% - 14.5152rem) / 8) * 2) + 4.1472rem) * -1); width: calc((((100% - 14.5152rem) / 8) * 12) + 22.8096rem); } } @media screen and (min-width: 78em) { .article-meta-2__rule--wide { margin-left: calc(((((100% - 14.5152rem) / 8) * 3) + 6.2208rem) * -1); width: calc((((100% - 14.5152rem) / 8) * 14) + 26.9568rem); } } @media screen and (min-width: 60em) { .article-meta-2--wide { align-items: start; display: grid; grid-template-columns: calc((((100% - 26.9568rem) / 14) * 12) + 22.8096rem) auto; grid-template-rows: auto; grid-template-areas: "important important" "rule rule" "byline actions"; justify-items: stretch; margin-bottom: calc(var(--spacing1) * -1); } .article-meta-2--wide .article-meta-2__important { grid-area: important; width: 100%; } .article-meta-2--wide .article-meta-2__rule { grid-area: rule; width: 100%; margin-left: 0; margin-bottom: var(--spacing1); } .article-meta-2--wide .article-meta-2__section-byline { grid-area: byline; margin: 0; padding-right: var(--spacing2); width: 100%; } .article-meta-2--wide .article-meta-2__section-actions { grid-area: actions; height: 0; margin: 0; width: 100%; } } @media screen and (min-width: 60em) { .article-meta-2--wide { grid-template-columns: calc((((100% - 22.8096rem) / 12) * 10) + 18.6624rem) auto; margin-left: calc(((((100% - 14.5152rem) / 8) * 2) + 4.1472rem) * -1); width: calc((((100% - 14.5152rem) / 8) * 12) + 22.8096rem); } } @media screen and (min-width: 78em) { .article-meta-2--wide { grid-template-columns: calc((((100% - 26.9568rem) / 14) * 12) + 22.8096rem) auto; margin-left: calc(((((100% - 14.5152rem) / 8) * 3) + 6.2208rem) * -1); width: calc((((100% - 14.5152rem) / 8) * 14) + 26.9568rem); } } .article-meta-2--center { text-align: center; } @media screen and (min-width: 60em) { .article-meta-2__section-byline { float: left; margin-bottom: var(--spacing1); margin-left: calc(((((100% - 14.5152rem) / 8) * 2) + 4.1472rem) * -1); margin-top: var(--spacing-2); width: calc((((100% - 14.5152rem) / 8) * 2) + 2.0736rem); } } @media screen and (min-width: 78em) { .article-meta-2__section-byline { margin-left: calc(((((100% - 14.5152rem) / 8) * 3) + 6.2208rem) * -1); width: calc((((100% - 14.5152rem) / 8) * 3) + 4.1472rem); } } .article-meta-2__byline { color: var(--color-text-hed); display: block; font-family: var(--fonts-sans); font-size: var(--scale-1); font-weight: 700; line-height: var(--line-height-1); } @media screen and (min-width: 60em) { .article-meta-2__byline { font-size: var(--scale-2); } } .article-meta-2__byline a, .article-meta-2__byline a:visited { color: inherit; } .article-meta-2__pubdate { color: var(--color-text-meta); display: block; font-family: var(--fonts-sans); font-size: var(--scale-1); margin-top: var(--spacing-2); } @media screen and (min-width: 60em) { .article-meta-2__pubdate { font-size: var(--scale-2); } } .article-meta-2__section-actions { align-items: center; display: flex; flex-direction: row; justify-content: space-between; margin-top: var(--spacing0); margin-bottom: 0; } @media screen and (min-width: 60em) { .article-meta-2__section-actions { flex-direction: column; float: right; margin-right: calc(((((100% - 14.5152rem) / 8) * 2) + 4.1472rem) * -1); margin-top: var(--spacing-2); width: calc((((100% - 14.5152rem) / 8) * 2) + 2.0736rem); } } @media screen and (min-width: 78em) { .article-meta-2__section-actions { margin-right: calc(((((100% - 14.5152rem) / 8) * 3) + 6.2208rem) * -1); } } .article-meta-2__republish { color: var(--color-accent-70); display: block; font-family: var(--fonts-sans); font-size: var(--scale-2); line-height: var(--line-height-2); } @media screen and (min-width: 60em) { .article-meta-2__republish { margin-top: var(--spacing0); text-align: center; width: 100%; } } .article-meta-2__partnership { color: var(--color-text-body); display: block; font-family: var(--fonts-sans); font-size: var(--scale-2); line-height: var(--line-height-1); margin-top: var(--spacing-1); margin-bottom: var(--spacing0); } .article-meta-2__partnership a, .article-meta-2__partnership a:visited { color: inherit; } @media screen and (min-width: 60em) { .article-meta-2__important--wide { margin-left: calc(((((100% - 14.5152rem) / 8) * 2) + 4.1472rem) * -1); width: calc((((100% - 14.5152rem) / 8) * 12) + 22.8096rem); } } @media screen and (min-width: 78em) { .article-meta-2__important--wide { margin-left: calc(((((100% - 14.5152rem) / 8) * 3) + 6.2208rem) * -1); width: calc((((100% - 14.5152rem) / 8) * 14) + 26.9568rem); } } .article-meta-2__content-warning { border-top: 1px solid; padding: var(--spacing-1); display: block; font-family: var(--fonts-sans); font-size: var(--scale-1); line-height: var(--line-height-1); text-align: center; width: 100%; } html.force-light-mode .article-meta-2__content-warning { border-color: var(--red-40); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .article-meta-2__content-warning { border-color: var(--red-40); } } html.force-dark-mode .article-meta-2__content-warning { border-color: var(--red-60); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .article-meta-2__content-warning { border-color: var(--red-60); } } html.force-light-mode .article-meta-2__content-warning { color: var(--red-60); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .article-meta-2__content-warning { color: var(--red-60); } } html.force-dark-mode .article-meta-2__content-warning { color: var(--red-40); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .article-meta-2__content-warning { color: var(--red-40); } } .article-body, .article-body__section { --vert-margin: var(--spacing1); font-size: var(--scale0); margin-top: var(--spacing1); } .article-body:after, .article-body__section:after { clear: both; content: ""; display: table; } @media screen and (min-width: 60em) { .article-body, .article-body__section { margin-top: var(--spacing3); } } .article-body > p:not([class]), .article-body__section > p:not([class]) { margin-top: var(--vert-margin); margin-bottom: var(--vert-margin); } .article-body > *:not([class]) a, .article-body__section > *:not([class]) a, .article-body > *:not([class]) a:visited, .article-body__section > *:not([class]) a:visited, .article-body > .spaced-list a, .article-body__section > .spaced-list a, .article-body > .spaced-list a:visited, .article-body__section > .spaced-list a:visited { color: var(--color-accent-70); text-decoration: underline; text-decoration-color: var(--color-accent-30); text-decoration-thickness: 0.1em; text-underline-offset: 0.1em; } .article-body > *:not([class]) a:focus, .article-body__section > *:not([class]) a:focus, .article-body > *:not([class]) a:hover, .article-body__section > *:not([class]) a:hover, .article-body > *:not([class]) a:visited:focus, .article-body__section > *:not([class]) a:visited:focus, .article-body > *:not([class]) a:visited:hover, .article-body__section > *:not([class]) a:visited:hover, .article-body > .spaced-list a:focus, .article-body__section > .spaced-list a:focus, .article-body > .spaced-list a:hover, .article-body__section > .spaced-list a:hover, .article-body > .spaced-list a:visited:focus, .article-body__section > .spaced-list a:visited:focus, .article-body > .spaced-list a:visited:hover, .article-body__section > .spaced-list a:visited:hover { text-decoration-color: currentColor; } .article-body > h2:not([class]), .article-body__section > h2:not([class]), .article-body > h3:not([class]), .article-body__section > h3:not([class]), .article-body > h4:not([class]), .article-body__section > h4:not([class]), .article-body > h5:not([class]), .article-body__section > h5:not([class]), .article-body > h6:not([class]), .article-body__section > h6:not([class]) { font-family: var(--fonts-sans); font-weight: bold; line-height: var(--line-height-2); margin-top: calc(1em * var(--line-height-2) * 1.5); } .article-body > h2:not([class]), .article-body__section > h2:not([class]) { font-size: var(--scale3); } .article-body > h3:not([class]), .article-body__section > h3:not([class]) { font-size: var(--scale3); } .article-body > h4:not([class]), .article-body__section > h4:not([class]) { font-size: var(--scale2); } .article-body > h5:not([class]), .article-body__section > h5:not([class]) { font-size: var(--scale1); } .article-body > h6:not([class]), .article-body__section > h6:not([class]) { font-size: var(--scale0); } .article-body ol, .article-body__section ol, .article-body ul, .article-body__section ul { list-style-position: outside; margin: var(--vert-margin) 0; margin-left: 2em; } .article-body ol, .article-body__section ol { list-style-type: decimal; } .article-body li ol, .article-body__section li ol { list-style-type: lower-alpha; margin-bottom: 0; margin-top: 0; } .article-body li li ol, .article-body__section li li ol { list-style-type: lower-roman; } .article-body ul, .article-body__section ul { list-style-type: disc; } .article-body li ul, .article-body__section li ul { list-style-type: circle; margin-bottom: 0; margin-top: 0; } .article-body li li ul, .article-body__section li li ul { list-style-type: square; } .article-body .spaced-list li, .article-body__section .spaced-list li { margin: var(--vert-margin) 0; } .article-body table, .article-body__section table { border-collapse: collapse; border-style: solid; border-width: 1px; font-family: var(--fonts-sans); font-size: var(--scale-1); line-height: var(--line-height-1); width: 100%; } html.force-light-mode .article-body table, html.force-light-mode .article-body__section table { border-color: var(--cool-20); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .article-body table, html:not(.force-dark-mode) .article-body__section table { border-color: var(--cool-20); } } html.force-dark-mode .article-body table, html.force-dark-mode .article-body__section table { border-color: var(--cool-70); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .article-body table, html:not(.force-light-mode) .article-body__section table { border-color: var(--cool-70); } } .article-body th, .article-body__section th { font-weight: bold; } html.force-light-mode .article-body th, html.force-light-mode .article-body__section th { background: var(--cool-10); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .article-body th, html:not(.force-dark-mode) .article-body__section th { background: var(--cool-10); } } html.force-dark-mode .article-body th, html.force-dark-mode .article-body__section th { background: var(--cool-80); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .article-body th, html:not(.force-light-mode) .article-body__section th { background: var(--cool-80); } } .article-body th, .article-body__section th, .article-body td, .article-body__section td { border-style: solid; border-width: 1px; padding: var(--spacing-2); text-align: left; } html.force-light-mode .article-body th, html.force-light-mode .article-body__section th, html.force-light-mode .article-body td, html.force-light-mode .article-body__section td { border-color: var(--cool-20); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .article-body th, html:not(.force-dark-mode) .article-body__section th, html:not(.force-dark-mode) .article-body td, html:not(.force-dark-mode) .article-body__section td { border-color: var(--cool-20); } } html.force-dark-mode .article-body th, html.force-dark-mode .article-body__section th, html.force-dark-mode .article-body td, html.force-dark-mode .article-body__section td { border-color: var(--cool-70); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .article-body th, html:not(.force-light-mode) .article-body__section th, html:not(.force-light-mode) .article-body td, html:not(.force-light-mode) .article-body__section td { border-color: var(--cool-70); } } .article-body th.numeric, .article-body__section th.numeric, .article-body td.numeric, .article-body__section td.numeric { text-align: right; font-feature-settings: "tnum" 1; } @media screen and (min-width: 48em) { .article-body > .full .attribution, .article-body__section > .full .attribution { margin-left: var(--spacing3); margin-right: var(--spacing3); } } .article-body > blockquote:not([class]), .article-body__section > blockquote:not([class]) { border-left: var(--spacing-2) solid; font-family: var(--fonts-sans); margin: var(--vert-margin) 0; padding-left: calc(1em); } html.force-light-mode .article-body > blockquote:not([class]), html.force-light-mode .article-body__section > blockquote:not([class]) { border-color: var(--color-accent-20); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .article-body > blockquote:not([class]), html:not(.force-dark-mode) .article-body__section > blockquote:not([class]) { border-color: var(--color-accent-20); } } html.force-dark-mode .article-body > blockquote:not([class]), html.force-dark-mode .article-body__section > blockquote:not([class]) { border-color: var(--color-accent-80); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .article-body > blockquote:not([class]), html:not(.force-light-mode) .article-body__section > blockquote:not([class]) { border-color: var(--color-accent-80); } } .article-body > hr:not([class]), .article-body__section > hr:not([class]) { border: none; height: var(--spacing-1); margin: calc(var(--vert-margin) * 2) auto; width: calc((((100% - 14.5152rem) / 8) * 3) + 4.1472rem); } html.force-light-mode .article-body > hr:not([class]), html.force-light-mode .article-body__section > hr:not([class]) { background-color: var(--color-accent-30); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .article-body > hr:not([class]), html:not(.force-dark-mode) .article-body__section > hr:not([class]) { background-color: var(--color-accent-30); } } html.force-dark-mode .article-body > hr:not([class]), html.force-dark-mode .article-body__section > hr:not([class]) { background-color: var(--color-accent-70); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .article-body > hr:not([class]), html:not(.force-light-mode) .article-body__section > hr:not([class]) { background-color: var(--color-accent-70); } } .article-body :is(.bb-image, .bb-image-set, .bb-video, .bb-video-self-hosted) + :is(.bb-image, .bb-image-set, .bb-video, .bb-video-self-hosted), .article-body__section :is(.bb-image, .bb-image-set, .bb-video, .bb-video-self-hosted) + :is(.bb-image, .bb-image-set, .bb-video, .bb-video-self-hosted) { margin-top: calc(var(--gutter) - 3.5831808rem); } @media screen and (max-width: 36em) { .article-body :is(.bb-image, .bb-image-set, .bb-video, .bb-video-self-hosted) + .wide-xs:is(.bb-image, .bb-image-set, .bb-video, .bb-video-self-hosted), .article-body__section :is(.bb-image, .bb-image-set, .bb-video, .bb-video-self-hosted) + .wide-xs:is(.bb-image, .bb-image-set, .bb-video, .bb-video-self-hosted) { margin-top: calc(var(--gutter) - 1.728rem) !important; } } @media screen and (max-width: 48em) { .article-body :is(.bb-image, .bb-image-set, .bb-video, .bb-video-self-hosted) + .wide-sm:is(.bb-image, .bb-image-set, .bb-video, .bb-video-self-hosted), .article-body__section :is(.bb-image, .bb-image-set, .bb-video, .bb-video-self-hosted) + .wide-sm:is(.bb-image, .bb-image-set, .bb-video, .bb-video-self-hosted) { margin-top: calc(var(--gutter) - 1.728rem) !important; } } @media screen and (max-width: 60em) { .article-body :is(.bb-image, .bb-image-set, .bb-video, .bb-video-self-hosted) + .wide-md:is(.bb-image, .bb-image-set, .bb-video, .bb-video-self-hosted), .article-body__section :is(.bb-image, .bb-image-set, .bb-video, .bb-video-self-hosted) + .wide-md:is(.bb-image, .bb-image-set, .bb-video, .bb-video-self-hosted) { margin-top: calc(var(--gutter) - 1.728rem) !important; } } .article-body > pre, .article-body__section > pre { margin: var(--vert-margin) 0; } .article-body code, .article-body__section code { border-radius: 0.25em; font-family: monospace; padding: 0.25em; } html.force-light-mode .article-body code, html.force-light-mode .article-body__section code { background-color: var(--gray-10); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .article-body code, html:not(.force-dark-mode) .article-body__section code { background-color: var(--gray-10); } } html.force-dark-mode .article-body code, html.force-dark-mode .article-body__section code { background-color: var(--gray-80); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .article-body code, html:not(.force-light-mode) .article-body__section code { background-color: var(--gray-80); } } .article-body > pre code, .article-body__section > pre code { display: block; padding: 2em; overflow-x: scroll; } .article-body__note { font-family: var(--fonts-serif); font-size: var(--scale-1); font-style: italic; } .article-body__note p { margin-bottom: var(--spacing0); margin-top: var(--spacing0); } .article-body__note ul li { list-style: disc; margin-bottom: var(--spacing-1); margin-top: var(--spacing-1); } .article-body__note a, .article-body__note a:visited { color: inherit; } .article-body__note--newsletter { max-width: 66ch; } .article-body__note--correction { font-family: var(--fonts-serif); font-size: var(--scale-1); font-style: italic; } .article-body__correction-label { font-family: var(--fonts-sans); font-size: var(--scale-2); font-style: normal; font-weight: 700; line-height: var(--line-height-1); display: block; padding: var(--spacing-2); text-transform: uppercase; } html.force-light-mode .article-body__correction-label { background-color: var(--yellow-10); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .article-body__correction-label { background-color: var(--yellow-10); } } html.force-dark-mode .article-body__correction-label { background-color: var(--yellow-80); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .article-body__correction-label { background-color: var(--yellow-80); } } @media screen and (min-width: 60em) { .article-body__correction-label { padding: var(--spacing-1); } } .article-body__note--contributor-line { font-family: var(--fonts-sans); font-size: var(--scale-1); font-style: normal; } @media screen and (max-width: 60em) { .article-body__bottom-notes .article-body__correction-label { display: inline-block; float: none; line-height: var(--line-height-3); margin-bottom: 0 !important; width: auto !important; } } @media screen and (min-width: 60em) { .article-body__bottom-notes .article-body__correction-label { margin-top: -0.3em !important; text-align: right; } } .article-body__correction-note + .article-body__correction-note .article-body__bottom-notes .article-body__correction-label { display: none; } .article-body__bottom-notes .article-body__note--contributor-line::before { background-color: var(--color-text-hed); content: ""; display: block; height: 1px; margin: var(--spacing2) 0 var(--spacing1); width: 8rem; } .bb--border-top { padding-top: 1rem; border-top: var(--spacing-2) solid; } html.force-light-mode .bb--border-top { border-color: var(--color-accent-30); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .bb--border-top { border-color: var(--color-accent-30); } } html.force-dark-mode .bb--border-top { border-color: var(--color-accent-30); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .bb--border-top { border-color: var(--color-accent-30); } } .bb--chunky-border-top::before { content: ""; display: block; height: var(--spacing-2); margin-bottom: 1rem; width: calc((((100% - 14.5152rem) / 8) * 3) + 4.1472rem); } html.force-light-mode .bb--chunky-border-top::before { background-color: var(--color-accent-30); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .bb--chunky-border-top::before { background-color: var(--color-accent-30); } } html.force-dark-mode .bb--chunky-border-top::before { background-color: var(--color-accent-30); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .bb--chunky-border-top::before { background-color: var(--color-accent-30); } } .bb--border-bottom { border-bottom: 1px solid; padding-bottom: 1rem; } html.force-light-mode .bb--border-bottom { border-color: var(--color-accent-30); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .bb--border-bottom { border-color: var(--color-accent-30); } } html.force-dark-mode .bb--border-bottom { border-color: var(--color-accent-30); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .bb--border-bottom { border-color: var(--color-accent-30); } } .article { margin-top: var(--spacing0); } @media screen and (min-width: 60em) { .article { margin-top: var(--spacing3); } } .article-body__section { margin-top: 0; } .article-body__section code { overflow-wrap: break-word; } .multi .help-us-choice { align-self: stretch; } .help-us-choice { border: 1px solid; border-radius: 4px; font-family: var(--fonts-sans); padding: var(--spacing1); } html.force-light-mode .help-us-choice { border-color: var(--gray-10); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .help-us-choice { border-color: var(--gray-10); } } html.force-dark-mode .help-us-choice { border-color: var(--gray-80); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .help-us-choice { border-color: var(--gray-80); } } .help-us-choice__button { max-width: 16rem; } .help-us-choice__text { font-size: var(--scale-1); line-height: var(--line-height-1); } .help-us-choice__text-small { font-size: var(--scale-2); line-height: var(--line-height-1); } .help-us-choice__text-small a { color: inherit; } .help-us-nav { border-bottom: 1px solid; padding-bottom: var(--spacing0); display: flex; flex-direction: row; gap: var(--spacing0); align-items: center; justify-content: space-between; } html.force-light-mode .help-us-nav { border-color: var(--gray-10); } @media (prefers-color-scheme: light) { html:not(.force-dark-mode) .help-us-nav { border-color: var(--gray-10); } } html.force-dark-mode .help-us-nav { border-color: var(--gray-80); } @media screen and (prefers-color-scheme: dark) { html:not(.force-light-mode) .help-us-nav { border-color: var(--gray-80); } } .help-us-nav .icon { margin-right: 0.5em; transform: rotate(180deg); } .help-us-nav__text { font-family: var(--fonts-sans); font-size: var(--scale-2); text-align: right; } .help-us-nav__text > a { color: inherit; display: inline-block; margin-left: 1em; } @media screen and (max-width: 48em) { .help-us-nav__text > a:first-of-type { margin-left: 0; } } .form { margin-top: var(--spacing2) !important; } .article-body__section aside { background-color: var(--color-accent-10); font-family: var(--fonts-sans); font-size: var(--scale-2); margin-top: var(--vert-margin) !important; padding: var(--spacing1); } .article-body__section aside > h4 { font-weight: 700; letter-spacing: 0.01em; text-align: center; margin-bottom: var(--spacing0); } .article-body__section aside > ul { margin: 0 0 0 var(--spacing-1); } .section-reporters { font-family: var(--fonts-sans); font-size: var(--scale-2); line-height: var(--line-height-1); text-align: center; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; column-gap: var(--spacing2); row-gap: var(--spacing2); } @media screen and (min-width: 60em) { .section-reporters { grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-rows: 1fr; } } .reporter__name { font-weight: 700; letter-spacing: 0.01em; } .reporter__name a { color: inherit; } .reporter__portrait { border-radius: 50%; } </style> <link rel="icon" href="https://assets.propublica.org/static/prod/v5/images/favicon.ico"> <link rel="icon" href="https://assets.propublica.org/static/prod/v5/images/icon.min.svg" type="image/svg+xml"> <link rel="apple-touch-icon" href="https://assets.propublica.org/static/prod/v5/images/apple-touch-icon-180x180.png"> <meta name="referrer" content="no-referrer-when-downgrade" /> <meta name="description" content="ProPublica is an independent, non-profit newsroom that produces investigative journalism in the public interest." /> <link rel="canonical" href="https://www.propublica.org/tips/" /> <meta name="headline" content="How to Contact ProPublica Securely" /> <meta name="inLanguage" content="en" /> <link rel="alternate" href="https://www.propublica.org/tips/" hreflang="x-default" /> <meta name="geo.region" content="New York" /> <meta name="geo.position" content="40.725395,-74.0048036" /> <meta name="ICBM" content="40.725395,-74.0048036" /> <meta name="geo.placename" content="ProPublica" /> <!-- Dublin Core basic info --> <meta name="dcterms.Identifier" content="https://www.propublica.org/tips/" /> <meta name="dcterms.Format" content="text/html" /> <meta name="dcterms.Relation" content="ProPublica" /> <meta name="dcterms.Language" content="en" /> <meta name="dcterms.Publisher" content="ProPublica" /> <meta name="dcterms.Type" content="text/html" /> <meta name="dcterms.Coverage" content="https://www.propublica.org/" /> <meta name="dcterms.Rights" content="Copyright ©2020 ProPublica." /> <meta name="dcterms.Title" content="How to Contact ProPublica Securely" /> <meta name="dcterms.Description" content="ProPublica is an independent, non-profit newsroom that produces investigative journalism in the public interest." /> <!-- Facebook OpenGraph --> <meta property="fb:profile_id" content="13320939444" /> <meta property="fb:app_id" content="229862657130557" /> <meta property="og:type" content="website" /> <meta property="og:locale" content="en_us" /> <meta property="og:url" content="https://www.propublica.org/tips/" /> <meta property="og:title" content="How to Contact ProPublica Securely — ProPublica" /> <meta property="og:description" content="ProPublica is an independent, non-profit newsroom that produces investigative journalism in the public interest." /> <meta property="og:image" content="https://assets.propublica.org/2017-pp-open-graph-1200x630.jpg" /> <meta property="og:image:type" content="image/jpeg" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="630" /> <meta property="og:site_name" content="ProPublica" /> <meta property="og:see_also" content="https://twitter.com/propublica" /> <meta property="og:see_also" content="https://www.facebook.com/propublica" /> <meta property="og:see_also" content="https://en.wikipedia.org/wiki/ProPublica" /> <link rel="me" href="https://newsie.social/@ProPublica" /> <!-- Twitter Card --> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@propublica" /> <meta name="twitter:creator" content="@propublica" /> <meta name="twitter:title" content="How to Contact ProPublica Securely — ProPublica" /> <meta name="twitter:description" content="ProPublica is an independent, non-profit newsroom that produces investigative journalism in the public interest." /> <meta name="twitter:image" content="https://assets.propublica.org/2017-pp-open-graph-1200x630.jpg" /> <!-- Domain verification --> <!-- Identity --> <!-- sha256-4p97WJBilAMr2iu7xSPIkpWUJI0h3GDDXQmsIHfpcdQ= --> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "NGO", "name": "ProPublica", "description": "ProPublica is an independent, non-profit newsroom that produces investigative journalism in the public interest.", "url": "https://www.propublica.org", "sameAs": ["https://twitter.com/propublica","https://www.facebook.com/propublica","https://en.wikipedia.org/wiki/ProPublica"], "image": { "@type": "ImageObject", "url": "https://assets.propublica.org/2019-propublica-AMP-brand-image.png", "height": "60", "width": "368" }, "telephone": "1-212-514-5250", "email": "info@propublica.org", "address": { "@type": "PostalAddress", "streetAddress": "155 Avenue of the Americas", "addressLocality": "13th Floor", "addressRegion": "New York", "postalCode": "N.Y. 10013", "addressCountry": "US" }, "logo": { "@type": "ImageObject", "url": "https://assets.propublica.org/2019-propublica-AMP-brand-image.png", "height": "60", "width": "368" }, "location": { "@type": "Place", "name": "ProPublica", "description": "ProPublica is an independent, non-profit newsroom that produces investigative journalism in the public interest.", "hasMap": "http://maps.google.com/maps?q=ProPublica%2C+155+Avenue+of+the+Americas%2C+13th+Floor%2C+New+York+N.Y.+10013%2C+US", "telephone": "1-212-514-5250", "image": { "@type": "ImageObject", "url": "https://assets.propublica.org/2019-propublica-AMP-brand-image.png", "height": "60", "width": "368" }, "logo": { "@type": "ImageObject", "url": "https://assets.propublica.org/2019-propublica-AMP-brand-image.png", "height": "60", "width": "368" }, "url": "https://www.propublica.org", "sameAs": ["https://twitter.com/propublica","https://www.facebook.com/propublica","https://en.wikipedia.org/wiki/ProPublica"], "geo": { "@type": "GeoCoordinates", "latitude": "40.725395", "longitude": "-74.0048036" }, "address": { "@type": "PostalAddress", "streetAddress": "155 Avenue of the Americas", "addressLocality": "13th Floor", "addressRegion": "New York", "postalCode": "N.Y. 10013", "addressCountry": "US" } } } </script> <!-- WebSite --> <!-- sha256-WhXS3Tfmm1q+x47z7n5kwZ6EMORPRNs85EkI0VvdFFA= --> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "WebSite", "name": "ProPublica", "description": "ProPublica is an independent, non-profit newsroom that produces investigative journalism in the public interest.", "url": "https://www.propublica.org/", "image": "https://assets.propublica.org/2017-pp-open-graph-1200x630.jpg", "sameAs": ["https://twitter.com/propublica","https://www.facebook.com/propublica"], "copyrightHolder": { "@type": "NGO", "name": "ProPublica", "description": "ProPublica is an independent, non-profit newsroom that produces investigative journalism in the public interest.", "url": "https://www.propublica.org", "sameAs": ["https://twitter.com/propublica","https://www.facebook.com/propublica","https://en.wikipedia.org/wiki/ProPublica"], "image": { "@type": "ImageObject", "url": "https://assets.propublica.org/2019-propublica-AMP-brand-image.png", "height": "60", "width": "368" }, "telephone": "1-212-514-5250", "email": "info@propublica.org", "address": { "@type": "PostalAddress", "streetAddress": "155 Avenue of the Americas", "addressLocality": "13th Floor", "addressRegion": "New York", "postalCode": "N.Y. 10013", "addressCountry": "US" }, "logo": { "@type": "ImageObject", "url": "https://assets.propublica.org/2019-propublica-AMP-brand-image.png", "height": "60", "width": "368" }, "location": { "@type": "Place", "name": "ProPublica", "description": "ProPublica is an independent, non-profit newsroom that produces investigative journalism in the public interest.", "hasMap": "http://maps.google.com/maps?q=ProPublica%2C+155+Avenue+of+the+Americas%2C+13th+Floor%2C+New+York+N.Y.+10013%2C+US", "telephone": "1-212-514-5250", "image": { "@type": "ImageObject", "url": "https://assets.propublica.org/2019-propublica-AMP-brand-image.png", "height": "60", "width": "368" }, "logo": { "@type": "ImageObject", "url": "https://assets.propublica.org/2019-propublica-AMP-brand-image.png", "height": "60", "width": "368" }, "url": "https://www.propublica.org", "sameAs": ["https://twitter.com/propublica","https://www.facebook.com/propublica","https://en.wikipedia.org/wiki/ProPublica"], "geo": { "@type": "GeoCoordinates", "latitude": "40.725395", "longitude": "-74.0048036" }, "address": { "@type": "PostalAddress", "streetAddress": "155 Avenue of the Americas", "addressLocality": "13th Floor", "addressRegion": "New York", "postalCode": "N.Y. 10013", "addressCountry": "US" } } }, "author": { "@type": "NGO", "name": "ProPublica", "description": "ProPublica is an independent, non-profit newsroom that produces investigative journalism in the public interest.", "url": "https://www.propublica.org", "sameAs": ["https://twitter.com/propublica","https://www.facebook.com/propublica","https://en.wikipedia.org/wiki/ProPublica"], "image": { "@type": "ImageObject", "url": "https://assets.propublica.org/2019-propublica-AMP-brand-image.png", "height": "60", "width": "368" }, "telephone": "1-212-514-5250", "email": "info@propublica.org", "address": { "@type": "PostalAddress", "streetAddress": "155 Avenue of the Americas", "addressLocality": "13th Floor", "addressRegion": "New York", "postalCode": "N.Y. 10013", "addressCountry": "US" }, "logo": { "@type": "ImageObject", "url": "https://assets.propublica.org/2019-propublica-AMP-brand-image.png", "height": "60", "width": "368" }, "location": { "@type": "Place", "name": "ProPublica", "description": "ProPublica is an independent, non-profit newsroom that produces investigative journalism in the public interest.", "hasMap": "http://maps.google.com/maps?q=ProPublica%2C+155+Avenue+of+the+Americas%2C+13th+Floor%2C+New+York+N.Y.+10013%2C+US", "telephone": "1-212-514-5250", "image": { "@type": "ImageObject", "url": "https://assets.propublica.org/2019-propublica-AMP-brand-image.png", "height": "60", "width": "368" }, "logo": { "@type": "ImageObject", "url": "https://assets.propublica.org/2019-propublica-AMP-brand-image.png", "height": "60", "width": "368" }, "url": "https://www.propublica.org", "sameAs": ["https://twitter.com/propublica","https://www.facebook.com/propublica","https://en.wikipedia.org/wiki/ProPublica"], "geo": { "@type": "GeoCoordinates", "latitude": "40.725395", "longitude": "-74.0048036" }, "address": { "@type": "PostalAddress", "streetAddress": "155 Avenue of the Americas", "addressLocality": "13th Floor", "addressRegion": "New York", "postalCode": "N.Y. 10013", "addressCountry": "US" } } }, "creator": { "@type": "Organization" } } </script> <!-- Place --> <!-- sha256-Dh0+F4cnFejrb1KGn2qgRzOe/MWYVxpjdStXDWo9r3o= --> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "Place", "name": "ProPublica", "description": "ProPublica is an independent, non-profit newsroom that produces investigative journalism in the public interest.", "hasMap": "http://maps.google.com/maps?q=ProPublica%2C+155+Avenue+of+the+Americas%2C+13th+Floor%2C+New+York+N.Y.+10013%2C+US", "telephone": "1-212-514-5250", "image": { "@type": "ImageObject", "url": "https://assets.propublica.org/2019-propublica-AMP-brand-image.png", "height": "60", "width": "368" }, "logo": { "@type": "ImageObject", "url": "https://assets.propublica.org/2019-propublica-AMP-brand-image.png", "height": "60", "width": "368" }, "url": "https://www.propublica.org", "sameAs": ["https://twitter.com/propublica","https://www.facebook.com/propublica","https://en.wikipedia.org/wiki/ProPublica"], "geo": { "@type": "GeoCoordinates", "latitude": "40.725395", "longitude": "-74.0048036" }, "address": { "@type": "PostalAddress", "streetAddress": "155 Avenue of the Americas", "addressLocality": "13th Floor", "addressRegion": "New York", "postalCode": "N.Y. 10013", "addressCountry": "US" } } </script> <!-- Main Entity of Page --> <!-- Breadcrumbs --> <!-- sha256-G4hWnGp1uwsxLFHG92v9ArJvqRA+t+car6t11sczCG0= --> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "position": "1", "item": { "@id": "https://www.propublica.org/", "name": "Homepage" } } ] } </script> </head> <body id="www-propublica-org" class="bg-white text-dark accent-blue" data-pp-location="v5 body"> <header class="site-header"> <!-- Skip to content link --> <a class="site-header__section-skip a11y a11y-focusable--absolute" href="#main">Skip to content</a> <div class="site-header__wrap-full" data-pp-location="masthead wrap-full"> <!-- Logo --> <div class="site-header__section-logo"> <a class="site-header__wordmark" href="/"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 574.24 75"><title>ProPublica</title><path d="M66.4,13.48,66,14.91l6.23,11.45,1.15.47L75,26.29V75H50.95A41.2,41.2,0,0,0,62.13,46.88a40.61,40.61,0,0,0-3.39-16.26,45.17,45.17,0,0,1,7.79-4.95l1.69-.2.14-.41L65,18.83H64.5l-.88,1.29c-2.91,1.9-4.67,2.3-8.54,3.79A41.35,41.35,0,0,0,20.46,5.42,39.87,39.87,0,0,0,0,10.91V0H75V8.81ZM57.32,47A37.54,37.54,0,0,1,44.65,75H0V16A37,37,0,0,1,57.32,47ZM43.7,37.06c0-8.13-6-12-17.75-12H7.18v3.66l4.2.95V62.2l-4.2.95v3.73H27.85V63.14l-7.18-.95V50.14h5.15C37.26,50.14,43.7,45.53,43.7,37.06Zm-9.76.27c0,5.15-2.78,8.33-7.25,8.33h-6V29.47H27C31.37,29.47,33.94,32.32,33.94,37.33Z"></path><path d="M116.53,60.07l9.15,1.08v4.2H99.39v-4.2l5.28-1.36v-44l-5.28-1.36V10.41H123c15.31,0,22.9,5.28,22.9,16.13,0,11.18-8.33,17.41-23.1,17.41h-6.3Zm0-21.14h6.84c6.44,0,10.5-4.61,10.5-12.06,0-7.18-3.73-11.45-10.09-11.45h-7.25Z"></path><path d="M200.74,61.15v4.2H185.9l-16-20.6h-2.51v15l5.28,1.36v4.2H150.27v-4.2l5.28-1.36V23.35l-5-1.36V17.93H175.2c10.5,0,17.55,5.08,17.55,12.67,0,8.4-5.76,12.2-11,13.55l13.48,15.79ZM167.41,39.74h4.47c5.76,0,8.81-3.18,8.81-8.88,0-5.35-2.85-7.93-8.81-7.93h-4.47Z"></path><path d="M199.59,41.64c0-14.77,9.82-24.73,25.68-24.73s25.68,10,25.68,24.73-9.82,24.73-25.68,24.73S199.59,56.48,199.59,41.64Zm38.89,0c0-9.69-3.25-19.17-13.21-19.17S212.05,32,212.05,41.64s3.25,19.17,13.21,19.17S238.48,51.33,238.48,41.64Z"></path><path d="M270.79,60.07l9.15,1.08v4.2H253.31v-4.2l5.62-1.36v-44l-5.62-1.36V10.41h24c15.31,0,22.9,5.28,22.9,16.13,0,11.18-8.33,17.41-23.1,17.41h-6.3Zm0-21.14h6.84c6.44,0,10.5-4.61,10.5-12.06,0-7.18-3.73-11.45-10.1-11.45h-7.25Z"></path><path d="M354.26,22l-4.95,1.36V47c0,12.87-7.79,19.38-20.05,19.38-13.62,0-20.73-7.86-20.73-20v-23L303.58,22V17.93h22V22l-5.08,1.36V47.74c0,7.25,4.34,12.06,11.45,12.06,6.84,0,11.25-4.47,11.25-11.31V23.35L338.14,22V17.93h16.12Z"></path><path d="M403.85,52.21c0,8.88-7.11,13.14-22,13.14H357.58v-4.2l5.56-1.36V23.35L358.26,22V17.93h23.92c12.6,0,19.51,3.79,19.51,11.72,0,6.17-4.06,9.08-10.91,9.89v.27C399.31,40.76,403.85,45.1,403.85,52.21ZM375,38.32h5.76c6.1,0,9-2.78,9-7.79,0-5.22-3.12-7.59-9-7.59H375Zm16.8,13.41c0-5.62-3.79-8.67-11.25-8.67H375V60.34h6.64C388.07,60.34,391.79,57.29,391.79,51.74Z"></path><path d="M451.07,48.62l-4.4,16.73H408v-4.2l5.28-1.36V23.35L407.65,22V17.93h22.76V22l-5.28,1.36v37l14.16-.81L447,47.26Z"></path><path d="M475.4,61.15v4.2H453v-4.2l5.28-1.36V23.35L453,22V17.93H475.4V22l-5.28,1.36V59.8Z"></path><path d="M478,41.78c0-15.85,12.13-24.86,27-24.86a35.6,35.6,0,0,1,18.29,5.15l-2,13.21h-4.2l-1.69-9.08a13.23,13.23,0,0,0-10.09-4.13c-9.15,0-14.7,6.57-14.7,18.22,0,13.21,6.84,19.31,15.24,19.31,6.17,0,10.23-3.39,13.41-9.55l4.27,2c-4.27,10-11.65,14.36-21.07,14.36C488.4,66.37,478,56.48,478,41.78Z"></path><path d="M574.24,61.15v4.2H551.48v-4.2L557,60l-2.85-8.13h-16.6l-3.12,8.2,5.42,1.15-.07,4.2-16.53-.07v-4.2l4.27-1.08,14.9-37.33-4-1.29V17.93h13.69L569.3,60Zm-27.57-31-.47-1.56-.47,1.56-6.23,16.73h12.94Z"></path></svg> </a> <strong class="site-header__tagline">Investigative Journalism in the Public Interest</strong> </div> <!-- end .site-header__section-logo --> <!-- Donate --> <div class="site-header__section-donate"> <a class="site-header__donate-link" href="/donate/" data-pp-view="" data-pp-action="visit classy" data-pp-seen="masthead wrap-full">Donate</a> </div> <!-- end .site-header__section-donate --> <!-- Menu/search --> <nav class="site-header__section-menu" data-pp-location="header menu"> <ul class="site-header__menu-list"> <li> <a class="site-header__menu-link" data-link="Menu"> <span class="icon menu"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect y="4" width="24" height="1.5"></rect><rect y="18.5" width="24" height="1.5"></rect><rect y="11.25" width="24" height="1.5"></rect></svg> </span> <span class="icon close"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>Close</title><polygon points="24 1.33 22.66 0 12 10.66 1.33 0 0 1.33 10.66 12 0 22.66 1.33 24 12 13.34 22.66 24 24 22.66 13.34 12 24 1.33"></polygon></svg> </span> <span class="site-header__menu-label" data-pp-location="menu button">Menu</span> </a> </li> <li> <a class="site-header__menu-link" data-link="Search"> <span class="icon"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" data-pp-location="search button"><title>Search</title><path d="M10.48,1.21a9.06,9.06,0,0,1,9,0,9,9,0,0,1,3.28,3.28A8.8,8.8,0,0,1,24,9a8.8,8.8,0,0,1-1.21,4.52,9,9,0,0,1-3.28,3.28A8.8,8.8,0,0,1,15,18a8.7,8.7,0,0,1-4.8-1.39L3.42,23.41A2,2,0,0,1,2,24a1.93,1.93,0,0,1-1.42-.59,2,2,0,0,1,0-2.84L7.39,13.8A8.7,8.7,0,0,1,6,9,8.8,8.8,0,0,1,7.21,4.48,9,9,0,0,1,10.48,1.21Zm2.19,13.32a5.94,5.94,0,0,0,4.65,0,5.94,5.94,0,0,0,3.2-3.2,5.94,5.94,0,0,0,0-4.65,5.94,5.94,0,0,0-3.2-3.2,5.94,5.94,0,0,0-4.65,0,5.94,5.94,0,0,0-3.2,3.2,5.94,5.94,0,0,0,0,4.65,5.94,5.94,0,0,0,3.2,3.2Z"></path></svg> </span> </a> </li> </ul> </nav> <!-- end .site-header__section-menu --> <!-- Links collapsed --> <nav class="site-header__section-links-collapsed" aria-label="Featured Links"> <ul class="site-header__links-list"> <li> <a class="site-header__link site-header__link--featured" data-link="Featured Link" href="/series/the-secret-irs-files">The Secret IRS Files</a> </li> <li> <a class="site-header__link" data-link="Local Initiatives" href="/local-initiatives/">Local Initiatives</a> </li> <li> <a class="site-header__link" data-link="Newsletters" href="/newsletters/" data-pp-view="" data-pp-action="visit" data-pp-seen="masthead wrap-full">Newsletters</a> </li> <li class="site-header__link" data-link="About Us"> <a href="/about/">About Us</a> </li> </ul> </nav> <!-- end .site-header__section-links-collapseed --> </div> <!-- end .site-header__wrap-full --> <div class="site-header--wrap-compact" data-pp-location="masthead wrap-compact"> <div class="site-header__inner-wrap-compact"> <!-- Logo (duplicate) --> <div class="site-header__section-logo"> <a class="site-header__wordmark" href="/"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 574.24 75"><title>ProPublica</title><path d="M66.4,13.48,66,14.91l6.23,11.45,1.15.47L75,26.29V75H50.95A41.2,41.2,0,0,0,62.13,46.88a40.61,40.61,0,0,0-3.39-16.26,45.17,45.17,0,0,1,7.79-4.95l1.69-.2.14-.41L65,18.83H64.5l-.88,1.29c-2.91,1.9-4.67,2.3-8.54,3.79A41.35,41.35,0,0,0,20.46,5.42,39.87,39.87,0,0,0,0,10.91V0H75V8.81ZM57.32,47A37.54,37.54,0,0,1,44.65,75H0V16A37,37,0,0,1,57.32,47ZM43.7,37.06c0-8.13-6-12-17.75-12H7.18v3.66l4.2.95V62.2l-4.2.95v3.73H27.85V63.14l-7.18-.95V50.14h5.15C37.26,50.14,43.7,45.53,43.7,37.06Zm-9.76.27c0,5.15-2.78,8.33-7.25,8.33h-6V29.47H27C31.37,29.47,33.94,32.32,33.94,37.33Z"></path><path d="M116.53,60.07l9.15,1.08v4.2H99.39v-4.2l5.28-1.36v-44l-5.28-1.36V10.41H123c15.31,0,22.9,5.28,22.9,16.13,0,11.18-8.33,17.41-23.1,17.41h-6.3Zm0-21.14h6.84c6.44,0,10.5-4.61,10.5-12.06,0-7.18-3.73-11.45-10.09-11.45h-7.25Z"></path><path d="M200.74,61.15v4.2H185.9l-16-20.6h-2.51v15l5.28,1.36v4.2H150.27v-4.2l5.28-1.36V23.35l-5-1.36V17.93H175.2c10.5,0,17.55,5.08,17.55,12.67,0,8.4-5.76,12.2-11,13.55l13.48,15.79ZM167.41,39.74h4.47c5.76,0,8.81-3.18,8.81-8.88,0-5.35-2.85-7.93-8.81-7.93h-4.47Z"></path><path d="M199.59,41.64c0-14.77,9.82-24.73,25.68-24.73s25.68,10,25.68,24.73-9.82,24.73-25.68,24.73S199.59,56.48,199.59,41.64Zm38.89,0c0-9.69-3.25-19.17-13.21-19.17S212.05,32,212.05,41.64s3.25,19.17,13.21,19.17S238.48,51.33,238.48,41.64Z"></path><path d="M270.79,60.07l9.15,1.08v4.2H253.31v-4.2l5.62-1.36v-44l-5.62-1.36V10.41h24c15.31,0,22.9,5.28,22.9,16.13,0,11.18-8.33,17.41-23.1,17.41h-6.3Zm0-21.14h6.84c6.44,0,10.5-4.61,10.5-12.06,0-7.18-3.73-11.45-10.1-11.45h-7.25Z"></path><path d="M354.26,22l-4.95,1.36V47c0,12.87-7.79,19.38-20.05,19.38-13.62,0-20.73-7.86-20.73-20v-23L303.58,22V17.93h22V22l-5.08,1.36V47.74c0,7.25,4.34,12.06,11.45,12.06,6.84,0,11.25-4.47,11.25-11.31V23.35L338.14,22V17.93h16.12Z"></path><path d="M403.85,52.21c0,8.88-7.11,13.14-22,13.14H357.58v-4.2l5.56-1.36V23.35L358.26,22V17.93h23.92c12.6,0,19.51,3.79,19.51,11.72,0,6.17-4.06,9.08-10.91,9.89v.27C399.31,40.76,403.85,45.1,403.85,52.21ZM375,38.32h5.76c6.1,0,9-2.78,9-7.79,0-5.22-3.12-7.59-9-7.59H375Zm16.8,13.41c0-5.62-3.79-8.67-11.25-8.67H375V60.34h6.64C388.07,60.34,391.79,57.29,391.79,51.74Z"></path><path d="M451.07,48.62l-4.4,16.73H408v-4.2l5.28-1.36V23.35L407.65,22V17.93h22.76V22l-5.28,1.36v37l14.16-.81L447,47.26Z"></path><path d="M475.4,61.15v4.2H453v-4.2l5.28-1.36V23.35L453,22V17.93H475.4V22l-5.28,1.36V59.8Z"></path><path d="M478,41.78c0-15.85,12.13-24.86,27-24.86a35.6,35.6,0,0,1,18.29,5.15l-2,13.21h-4.2l-1.69-9.08a13.23,13.23,0,0,0-10.09-4.13c-9.15,0-14.7,6.57-14.7,18.22,0,13.21,6.84,19.31,15.24,19.31,6.17,0,10.23-3.39,13.41-9.55l4.27,2c-4.27,10-11.65,14.36-21.07,14.36C488.4,66.37,478,56.48,478,41.78Z"></path><path d="M574.24,61.15v4.2H551.48v-4.2L557,60l-2.85-8.13h-16.6l-3.12,8.2,5.42,1.15-.07,4.2-16.53-.07v-4.2l4.27-1.08,14.9-37.33-4-1.29V17.93h13.69L569.3,60Zm-27.57-31-.47-1.56-.47,1.56-6.23,16.73h12.94Z"></path></svg> </a> </div> <!-- end .site-header__section-logo --> <!-- Donate (duplicate) --> <div class="site-header__section-donate"> <a class="site-header__donate-link" href="/donate/" data-pp-view="" data-pp-action="visit classy" data-pp-seen="masthead wrap-compact">Donate</a> </div> <!-- end .site-header__section-donate --> <!-- Menu (duplicate, modified) --> <nav class="site-header__section-menu"> <ul class="site-header__menu-list"> <li> <a class="site-header__menu-link" data-link="Menu" role="button" aria-label="Toggle Menu"> <span class="icon menu"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect y="4" width="24" height="1.5"></rect><rect y="18.5" width="24" height="1.5"></rect><rect y="11.25" width="24" height="1.5"></rect></svg> </span> <span class="icon close"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>Close</title><polygon points="24 1.33 22.66 0 12 10.66 1.33 0 0 1.33 10.66 12 0 22.66 1.33 24 12 13.34 22.66 24 24 22.66 13.34 12 24 1.33"></polygon></svg> </span> <span class="site-header__menu-label">Menu</span> </a> </li> </ul> </nav> <!-- end .site-header__section-menu --> </div> <!-- end .site-header__inner-wrap-compact --> </div> <!-- end .site-header--wrap-compact --> <div class="site-header__wrap-expanded" data-pp-location="masthead wrap-expanded"> <!-- Search --> <div class="site-header__section-search"> <form class="search-form" role="search" action="/search" method="get"> <label class="a11y hed-form hed-site-search" for="search-form__input-text">Search ProPublica:</label> <div class="search-form__input-wrap"> <input placeholder="Search" id="search-form__input-text" class="search-form__input-text" type="search" value="" name="qss"> <!-- <input class="search-form__submit" type="submit" value="Search"> --> <button class="search-form__submit" type="submit"> <span class="icon"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" data-pp-location="search button"><title>Search</title><path d="M10.48,1.21a9.06,9.06,0,0,1,9,0,9,9,0,0,1,3.28,3.28A8.8,8.8,0,0,1,24,9a8.8,8.8,0,0,1-1.21,4.52,9,9,0,0,1-3.28,3.28A8.8,8.8,0,0,1,15,18a8.7,8.7,0,0,1-4.8-1.39L3.42,23.41A2,2,0,0,1,2,24a1.93,1.93,0,0,1-1.42-.59,2,2,0,0,1,0-2.84L7.39,13.8A8.7,8.7,0,0,1,6,9,8.8,8.8,0,0,1,7.21,4.48,9,9,0,0,1,10.48,1.21Zm2.19,13.32a5.94,5.94,0,0,0,4.65,0,5.94,5.94,0,0,0,3.2-3.2,5.94,5.94,0,0,0,0-4.65,5.94,5.94,0,0,0-3.2-3.2,5.94,5.94,0,0,0-4.65,0,5.94,5.94,0,0,0-3.2,3.2,5.94,5.94,0,0,0,0,4.65,5.94,5.94,0,0,0,3.2,3.2Z"></path></svg> </span> </button> </div> </form> </div> <!-- end .site-header__section-search --> <!-- Links expanded --> <nav class="site-header__section-links-expanded" aria-label="Expanded Links" hidden=""> <!-- Topics --> <div class="site-header__links site-header__links-topics"> <strong class="site-header__links-heading">Topics</strong> <ul class="site-header__links-list"> <li> <a class="site-header__link" data-link="Racial Justice" href="/topics/racial-justice"> <span class="icon"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 15"><path d="M15,12.23v0L14,4.55l.24.06.11,0a.38.38,0,0,0,.36-.27.38.38,0,0,0-.25-.47c-.19-.06-.39-.1-.59-.15a.38.38,0,0,0-.29-.26.37.37,0,0,0-.28.11c-.6-.15-1.21-.28-1.82-.39V1.29A1.29,1.29,0,0,0,10.17,0,1.32,1.32,0,0,0,9.11.57a1.37,1.37,0,0,0-2,.26A1.3,1.3,0,0,0,6.23.51a1.32,1.32,0,0,0-1.12.66A1.13,1.13,0,0,0,4.46,1,1.19,1.19,0,0,0,3.27,2.14V3.25c-.53.1-1,.21-1.57.34a.37.37,0,0,0-.28-.11.38.38,0,0,0-.29.26c-.19,0-.39.09-.58.15a.38.38,0,0,0-.25.47.38.38,0,0,0,.36.27l.11,0L1,4.55,0,12.21v0A2.67,2.67,0,0,0,2.6,15a2.67,2.67,0,0,0,2.57-2.73h0a.19.19,0,0,0,0-.07.13.13,0,0,0,0-.06h0L2,4.27c.41-.1.82-.18,1.24-.25v.37a4,4,0,0,0-.12,1A3.93,3.93,0,0,0,5.21,8.81v1.77a.38.38,0,1,0,.75,0v-2a.39.39,0,0,0-.21-.34A3.19,3.19,0,0,1,3.9,5.39a1.18,1.18,0,0,0,.56.16,1.2,1.2,0,0,0,.8-.32,1.35,1.35,0,0,0,1,.43,1.29,1.29,0,0,0,1-.44,1.29,1.29,0,0,0,.6.32,3.58,3.58,0,0,0-.89.85.37.37,0,0,0,.3.59.39.39,0,0,0,.31-.15A2.81,2.81,0,0,1,9.76,5.61a.38.38,0,0,0,0-.75H8.14a.59.59,0,0,1-.58-.59v-.5h2.82a.73.73,0,0,1,.75.71v.89A3.19,3.19,0,0,1,9.28,8.24a.39.39,0,0,0-.21.34v2a.38.38,0,1,0,.75,0V8.81a3.93,3.93,0,0,0,2.06-3.44V4.48A1.33,1.33,0,0,0,11.8,4c.4.07.79.15,1.18.24L9.87,12.11h0a.13.13,0,0,0,0,.06.25.25,0,0,0,0,.07h0A2.67,2.67,0,0,0,12.41,15,2.67,2.67,0,0,0,15,12.25ZM1.65,5.35l2.59,6.53H.83Zm1,8.9A1.88,1.88,0,0,1,.81,12.63H4.39A1.88,1.88,0,0,1,2.6,14.25ZM4.9,4.36a.44.44,0,0,1-.44.44A.44.44,0,0,1,4,4.36V2.14a.44.44,0,0,1,.44-.44.44.44,0,0,1,.44.44Zm1.91,0a.58.58,0,1,1-1.16,0V2.14a.7.7,0,0,0,0-.14.4.4,0,0,0,0-.15.58.58,0,1,1,1.16,0Zm.73-2.58a.43.43,0,0,0,0-.11.65.65,0,1,1,1.29,0V3H7.56V1.85S7.54,1.78,7.54,1.74ZM9.6,3V1.63s0,0,0-.06,0,0,0,0V1.29a.57.57,0,0,1,1.14,0V3.07a1.49,1.49,0,0,0-.36,0Zm4.58,8.86H10.77l2.59-6.53Zm-1.77,2.37a1.89,1.89,0,0,1-1.79-1.62H14.2A1.88,1.88,0,0,1,12.41,14.25Z"></path></svg> </span> Racial Justice </a> </li> <li> <a class="site-header__link" data-link="Health Care" href="/topics/health-care"> <span class="icon"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 15"><path d="M6.77,4.81H6.28a10,10,0,0,1-4.19-.92L.44,3a.67.67,0,0,1-.36-.67.7.7,0,0,1,.49-.6L4.38.65a1.14,1.14,0,0,1,1,.19,1.08,1.08,0,0,1,.42.86.56.56,0,0,0,.54.56h.48a.37.37,0,0,1,.37.37A.38.38,0,0,1,6.77,3H6.29A1.3,1.3,0,0,1,5,1.7a.31.31,0,0,0-.13-.26.31.31,0,0,0-.29-.06L.92,2.43l1.5.79a9.35,9.35,0,0,0,3.86.84h.49a.38.38,0,0,1,0,.75Z"></path><path d="M8.76,4.81H8.29a.38.38,0,1,1,0-.75h.47a9.24,9.24,0,0,0,3.87-.85l1.5-.78L10.45,1.38a.3.3,0,0,0-.27.05.35.35,0,0,0-.13.27A1.3,1.3,0,0,1,8.77,3H8.29a.38.38,0,0,1-.38-.38.37.37,0,0,1,.38-.37h.47A.56.56,0,0,0,9.3,1.7,1.1,1.1,0,0,1,9.72.84a1.08,1.08,0,0,1,.93-.19l3.82,1.1A.7.7,0,0,1,14.61,3L13,3.88A9.92,9.92,0,0,1,8.76,4.81Z"></path><path d="M7.52,13.82a.34.34,0,0,1-.23-.08L6,12.76a1.72,1.72,0,0,1-.61-1.52,1.63,1.63,0,0,1,.77-1.33L9.61,8A.88.88,0,0,0,10,7.33a1.11,1.11,0,0,0-.28-.91l-.33-.29a.38.38,0,1,1,.51-.55l.32.29a1.8,1.8,0,0,1,.52,1.55A1.59,1.59,0,0,1,10,8.65L6.56,10.56a.89.89,0,0,0-.39.74,1,1,0,0,0,.32.87l1.26,1a.39.39,0,0,1,.07.53A.41.41,0,0,1,7.52,13.82Z"></path><path d="M7.53,13.82a.41.41,0,0,1-.3-.14.39.39,0,0,1,.07-.53l1.26-1a1,1,0,0,0,.32-.87.89.89,0,0,0-.39-.74L5.07,8.65a1.62,1.62,0,0,1-.76-1.24,1.82,1.82,0,0,1,.51-1.54l.32-.29a.38.38,0,0,1,.51.55l-.33.3a1.08,1.08,0,0,0-.27.89A.92.92,0,0,0,5.44,8L8.86,9.91a1.63,1.63,0,0,1,.77,1.33A1.72,1.72,0,0,1,9,12.76l-1.26,1A.34.34,0,0,1,7.53,13.82Z"></path><path d="M7.52,15a.37.37,0,0,1-.37-.38V.44A.37.37,0,0,1,7.52.06.38.38,0,0,1,7.9.44V14.57A.38.38,0,0,1,7.52,15Z"></path></svg> </span> Health Care </a> </li> <li> <a class="site-header__link" data-link="Politics" href="/topics/politics"> <span class="icon"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 15"><path d="M12.54,14.89h-10a.38.38,0,0,1-.38-.37V11a.38.38,0,0,1,.38-.38h10a.38.38,0,0,1,.38.38v3.55A.38.38,0,0,1,12.54,14.89Zm-9.66-.75h9.29v-2.8H2.88Z"></path><path d="M14.52,14.89H.53a.38.38,0,0,1,0-.75h14a.38.38,0,0,1,0,.75Z"></path><path d="M11.71,11.35H3.34A.37.37,0,0,1,3,11V8.7a.38.38,0,0,1,.37-.38h8.37a.37.37,0,0,1,.37.38V11A.36.36,0,0,1,11.71,11.35Zm-8-.75h7.61V9.07H3.72Z"></path><path d="M8.36,5.11A.38.38,0,0,1,8,4.73V3.42H7.07V4.73a.38.38,0,1,1-.75,0V3a.37.37,0,0,1,.37-.37H8.36A.37.37,0,0,1,8.73,3V4.73A.38.38,0,0,1,8.36,5.11Z"></path><path d="M3.84,13.79a.38.38,0,0,1-.38-.37V12.25a.38.38,0,0,1,.75,0v1.17A.38.38,0,0,1,3.84,13.79Z"></path><path d="M5.31,13.79a.38.38,0,0,1-.37-.37V12.25a.38.38,0,0,1,.75,0v1.17A.38.38,0,0,1,5.31,13.79Z"></path><path d="M6.79,13.79a.37.37,0,0,1-.37-.37V12.25a.36.36,0,0,1,.37-.37.37.37,0,0,1,.38.37v1.17A.38.38,0,0,1,6.79,13.79Z"></path><path d="M8.27,13.79a.38.38,0,0,1-.38-.37V12.25a.37.37,0,0,1,.38-.37.36.36,0,0,1,.37.37v1.17A.37.37,0,0,1,8.27,13.79Z"></path><path d="M9.75,13.79a.38.38,0,0,1-.38-.37V12.25a.38.38,0,0,1,.75,0v1.17A.38.38,0,0,1,9.75,13.79Z"></path><path d="M11.22,13.79a.38.38,0,0,1-.37-.37V12.25a.38.38,0,0,1,.75,0v1.17A.38.38,0,0,1,11.22,13.79Z"></path><path d="M7.53,3.42A.37.37,0,0,1,7.16,3V.48A.37.37,0,0,1,7.53.11a.38.38,0,0,1,.38.37V3A.38.38,0,0,1,7.53,3.42Z"></path><path d="M11.72,9.06a.38.38,0,0,1-.38-.37A3.74,3.74,0,0,0,7.53,5,3.74,3.74,0,0,0,3.72,8.69a.38.38,0,0,1-.75,0A4.49,4.49,0,0,1,7.53,4.28a4.49,4.49,0,0,1,4.56,4.41A.37.37,0,0,1,11.72,9.06Z"></path></svg> </span> Politics </a> </li> <li> <a class="site-header__link" data-link="Criminal Justice" href="/topics/criminal-justice"> <span class="icon"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 15"><path d="M13.48,4h-.11A20.22,20.22,0,0,0,1.76,4a.38.38,0,0,1-.47-.26.37.37,0,0,1,.25-.46,21,21,0,0,1,12.05,0,.37.37,0,0,1-.11.73Z"></path><path d="M10.53,15h-6a.38.38,0,1,1,0-.75h6a.38.38,0,0,1,0,.75Z"></path><path d="M7.5,15a.37.37,0,0,1-.37-.38V.42A.37.37,0,0,1,7.5,0a.38.38,0,0,1,.38.38V14.6A.38.38,0,0,1,7.5,15Z"></path><path d="M5.39,9.89H.46a.37.37,0,0,1-.31-.16.36.36,0,0,1,0-.35L2.57,3.16a.38.38,0,0,1,.35-.24h0a.38.38,0,0,1,.35.23L5.74,9.38a.36.36,0,0,1,0,.35A.37.37,0,0,1,5.39,9.89ZM1,9.14H4.84L2.92,4.31Z"></path><path d="M14.6,9.89H9.67a.37.37,0,0,1-.31-.16.36.36,0,0,1,0-.35l2.46-6.22a.38.38,0,0,1,.35-.24h0a.37.37,0,0,1,.35.23L15,9.38a.36.36,0,0,1,0,.35A.37.37,0,0,1,14.6,9.89Zm-4.38-.75h3.83L12.13,4.31Z"></path><path d="M2.92,11.75A3,3,0,0,1,.1,9.62a.36.36,0,0,1,.06-.33.38.38,0,0,1,.3-.15H5.39a.38.38,0,0,1,.3.15.39.39,0,0,1,.06.33A3,3,0,0,1,2.92,11.75ZM1,9.89A2.21,2.21,0,0,0,2.92,11,2.22,2.22,0,0,0,4.83,9.89Z"></path><path d="M12.13,11.75A3,3,0,0,1,9.3,9.62a.39.39,0,0,1,.06-.33.38.38,0,0,1,.3-.15h4.93a.38.38,0,0,1,.3.15.36.36,0,0,1,.06.33A3,3,0,0,1,12.13,11.75ZM10.22,9.89a2.19,2.19,0,0,0,3.81,0Z"></path></svg> </span> Criminal Justice </a> </li> <li> <a class="site-header__link" data-link="more…" href="/topics/">more…</a> </li> </ul> </div> <!-- end .site-header__links-topics --> <!-- Browse by Place --> <div class="site-header__links site-header__links-region"> <strong class="site-header__links-heading">Browse by Place</strong> <ul class="site-header__links-list"> <li> <a class="site-header__link" data-link="Midwest" href="/midwest/">Midwest</a> </li> <li> <a class="site-header__link" data-link="Southwest" href="/southwest/">Southwest</a> </li> <li> <a class="site-header__link" data-link="South" href="/south/">South</a> </li> <li> <a class="site-header__link" data-link="Texas" href="/texas/">Texas</a> </li> </ul> </div> <!-- end .site-header__links-region --> <!-- Browse by Type --> <div class="site-header__links site-header__links-type"> <strong class="site-header__links-heading">Browse by Type</strong> <ul class="site-header__links-list"> <li> <a class="site-header__link" data-link="Graphics & Data" href="/newsapps/">Graphics & Data</a> </li> <li> <a class="site-header__link" data-link="Newsletters" href="/newsletters/" data-pp-view="" data-pp-action="visit">Newsletters</a> </li> <li> <a class="site-header__link" data-link="Series" href="/series/">Series</a> </li> <li> <a class="site-header__link" data-link="Videos" href="/video/">Videos</a> </li> </ul> </div> <!-- end .site-header__links-type --> <!-- Special --> <div class="site-header__links site-header__links-special"> <ul class="site-header__links-list"> <li> <a class="site-header__link" data-link="Local Reporting Network" href="/local-reporting-network/">Local Reporting Network</a> </li> <li> <a class="site-header__link" data-link="Electionland" href="/electionland/">Electionland</a> </li> <li> <a class="site-header__link" data-link="Data Store" href="/datastore/">Data Store</a> </li> </ul> </div> <!-- end .site-header__links-special --> <!-- Info --> <div class="site-header__links site-header__links-info"> <strong class="site-header__links-heading">Info</strong> <ul class="site-header__links-list"> <li> <a class="site-header__link" data-link="About Us" href="/about/">About Us</a> </li> <li> <a class="site-header__link" data-link="Impact" href="/impact/">Impact</a> </li> <li> <a class="site-header__link" data-link="Jobs & Fellowships" href="/jobs/">Jobs & Fellowships</a> </li> <li> <a class="site-header__link" data-link="Contact Us" href="/contact/">Contact Us</a> </li> </ul> </div> <!-- end .site-header__links-info --> <!-- Follow --> <div class="site-header__links site-header__links-follow"> <strong class="site-header__links-heading">Follow</strong> <ul class="site-header__links-list site-header__links-list-follow" data-link="Facebook"> <li> <a class="site-header__link site-header__link-follow" href="https://www.facebook.com/propublica"> <span class="icon"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>Facebook</title><path d="M24,1.5v21A1.52,1.52,0,0,1,22.5,24h-6V14.67h3l.5-3.46H16.5V8.5a1.6,1.6,0,0,1,.38-1.15A1.48,1.48,0,0,1,18,6.95h2.25V3.83a15.64,15.64,0,0,0-2.46-.16A5.11,5.11,0,0,0,14.1,4.89a4.41,4.41,0,0,0-1.27,3.33v3h-3v3.46h3V24H1.5a1.44,1.44,0,0,1-1.05-.45A1.44,1.44,0,0,1,0,22.5V1.5A1.44,1.44,0,0,1,.45.45,1.44,1.44,0,0,1,1.5,0h21a1.44,1.44,0,0,1,1.05.45A1.44,1.44,0,0,1,24,1.5Z"></path></svg> </span> </a> </li> <li data-link="Twitter"> <a class="site-header__link site-header__link-follow" href="https://twitter.com/propublica"> <span class="icon"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>Twitter</title><path d="M24,4.55A9.88,9.88,0,0,1,21.55,7.1v.64a13.51,13.51,0,0,1-.42,3.3,15.87,15.87,0,0,1-1.2,3.22,13.16,13.16,0,0,1-2,2.92,14.5,14.5,0,0,1-2.73,2.37,12.7,12.7,0,0,1-3.49,1.6,14.57,14.57,0,0,1-4.17.59,13.69,13.69,0,0,1-7.56-2,7.81,7.81,0,0,0,1.17.08,8.52,8.52,0,0,0,3.21-.63,11.36,11.36,0,0,0,2.89-1.7,4.66,4.66,0,0,1-2.85-1A4.79,4.79,0,0,1,2.7,14.07,4.78,4.78,0,0,0,4.92,14,4.8,4.8,0,0,1,2.1,12.3,4.76,4.76,0,0,1,1,9.16V9.11a4.91,4.91,0,0,0,2.23.61A4.94,4.94,0,0,1,1.59,8,4.75,4.75,0,0,1,1,5.64a4.82,4.82,0,0,1,.67-2.39A13.69,13.69,0,0,0,6.14,6.81,14.18,14.18,0,0,0,11.8,8.3a5.16,5.16,0,0,1-.11-1.14,4.73,4.73,0,0,1,1.44-3.47,4.73,4.73,0,0,1,3.47-1.44A4.91,4.91,0,0,1,20.23,3.8a9.79,9.79,0,0,0,3.11-1.2,4.72,4.72,0,0,1-2.17,2.73A9.36,9.36,0,0,0,24,4.55Z"></path></svg> </span> </a> </li> <li data-link="Instagram"> <a class="site-header__link site-header__link-follow" href="https://www.instagram.com/propublica/"> <span class="icon"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>Instagram</title><path d="M12,2.32c3.15,0,3.53,0,4.77.07a6.51,6.51,0,0,1,2.19.4,3.58,3.58,0,0,1,1.36.89A3.58,3.58,0,0,1,21.21,5a6.51,6.51,0,0,1,.4,2.19c.06,1.24.07,1.62.07,4.77s0,3.53-.07,4.77a6.51,6.51,0,0,1-.4,2.19A4,4,0,0,1,19,21.21a6.51,6.51,0,0,1-2.19.4c-1.24.06-1.62.07-4.77.07s-3.53,0-4.77-.07A6.51,6.51,0,0,1,5,21.21a3.58,3.58,0,0,1-1.36-.89A3.58,3.58,0,0,1,2.79,19a6.51,6.51,0,0,1-.4-2.19c-.06-1.24-.07-1.62-.07-4.77s0-3.53.07-4.77A6.51,6.51,0,0,1,2.79,5a3.58,3.58,0,0,1,.89-1.36A3.58,3.58,0,0,1,5,2.79a6.51,6.51,0,0,1,2.19-.4c1.24-.06,1.62-.07,4.77-.07M12,.19C8.79.19,8.39.2,7.13.26A8.84,8.84,0,0,0,4.26.81,6,6,0,0,0,.81,4.26,8.84,8.84,0,0,0,.26,7.13C.2,8.39.19,8.79.19,12s0,3.61.07,4.87a8.84,8.84,0,0,0,.55,2.87,6,6,0,0,0,3.45,3.45,8.84,8.84,0,0,0,2.87.55c1.26.06,1.66.07,4.87.07s3.61,0,4.87-.07a8.84,8.84,0,0,0,2.87-.55,6,6,0,0,0,3.45-3.45,8.84,8.84,0,0,0,.55-2.87c.06-1.26.07-1.66.07-4.87s0-3.61-.07-4.87a8.84,8.84,0,0,0-.55-2.87A6,6,0,0,0,19.74.81,8.84,8.84,0,0,0,16.87.26C15.61.2,15.21.19,12,.19Z"></path><path d="M12,5.94A6.06,6.06,0,1,0,18.06,12,6.06,6.06,0,0,0,12,5.94Zm0,10A3.94,3.94,0,1,1,15.94,12,3.95,3.95,0,0,1,12,15.94Z"></path><circle cx="18.3" cy="5.7" r="1.42"></circle></svg> </span> </a> </li> </ul> </div> <!-- end .site-header__links-follow --> </nav> <!-- end .site-header__section-links-expanded --> </div> <!-- end .site-header__wrap-expanded --> </header> <main class="content" id="main"> <article class="article center"> <div class="opener opener--none opener--center opener--order-art-hed-dek" data-pp-location="article opener"> <div class="opener__topic-title-dek-wrapper"> <h1 class="opener__hed"> Do You Have a Tip for ProPublica? Here’s How to Contact Us Securely. </h1> <h2 class="opener__dek"> Our job is to hold people and institutions accountable. It requires evidence. </h2> </div> <!-- Close .opener__topic-title-dek-wrapper --> </div> <div class="article-meta-1 article-meta-1--center" data-pp-location="article meta"> <!-- <time class="article-meta-1__pubdate"> <time class="timestamp" datetime="2021-04-20EDT05:00">DATE TK, 5 a.m. EDT</time> </time> --> <div class="article-meta-1__section-actions article-meta-1__section-actions--center" data-pp-location="article story-tools"> <div class="share-tools" data-pp-location="share tools"> <ul class="share-tools__btn-list"> <li> <textarea readonly="" class="-js-copy-textarea" aria-hidden="true" tabindex="-1" > https://www.propublica.org/tips/ </textarea> <a class="btn btn--circular btn--icon-only -js-copy-btn" href="#" > <span class="a11y">Copy</span> <div class="btn__icon"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" > <title>Copy Link</title> <path d="M10.73 6.01973L13.2577 3.49199C14.2441 2.49322 15.5635 2 16.8705 2C18.1899 2 19.4969 2.49322 20.4957 3.49199C21.4945 4.49075 22 5.81011 22 7.11714C22 8.4365 21.4945 9.74353 20.4957 10.7423L16.3157 14.9223C15.3169 15.9211 14.0099 16.4143 12.6905 16.4143C11.3835 16.4143 10.0641 15.9211 9.06535 14.9223C8.78175 14.6387 8.53514 14.3181 8.33785 13.9852L10.1011 12.2219C10.2244 12.6042 10.4464 12.9494 10.7423 13.2454C11.2725 13.7879 11.9877 14.0592 12.6905 14.0592C13.4057 14.0592 14.1085 13.7879 14.6387 13.2454L18.8311 9.06535C19.3613 8.53514 19.6326 7.83231 19.6326 7.11714C19.6326 6.4143 19.3613 5.69914 18.8311 5.16893C18.2885 4.63872 17.5857 4.36745 16.8705 4.36745C16.1677 4.36745 15.4649 4.63872 14.9223 5.16893L13.6646 6.42663C12.9125 6.14303 12.111 5.99507 11.2972 5.99507C11.1122 5.99507 10.9149 6.0074 10.73 6.01973V6.01973ZM3.49199 13.2577L7.67201 9.06535C8.67078 8.07892 9.99014 7.57337 11.2972 7.57337C12.6165 7.57337 13.9236 8.07892 14.9223 9.06535C15.2059 9.36128 15.4525 9.66954 15.6621 10.0025L13.8989 11.7657C13.7633 11.3958 13.5536 11.0382 13.2454 10.7423C12.7152 10.2121 12.0123 9.94081 11.2972 9.94081C10.5943 9.94081 9.87916 10.2121 9.34895 10.7423L5.16893 14.9223C4.63872 15.4649 4.36745 16.1677 4.36745 16.8705C4.36745 17.5857 4.63872 18.2885 5.16893 18.8311C5.69914 19.3613 6.4143 19.6326 7.11714 19.6326C7.83231 19.6326 8.53514 19.3613 9.06535 18.8311L10.3231 17.5734C11.0752 17.8446 11.8767 17.9926 12.6905 17.9926C12.8878 17.9926 13.0727 17.9926 13.27 17.9679L10.7423 20.4957C9.74353 21.4945 8.4365 22 7.11714 22C5.81011 22 4.49075 21.4945 3.49199 20.4957C2.49322 19.4969 2 18.1899 2 16.8705C2 15.5635 2.49322 14.2441 3.49199 13.2577V13.2577Z" ></path> </svg> </div> <div class="-js-copy-tooltip hide"> <span>Link Copied!</span> </div> </a> </li> <li> <div class="btn btn--outline btn--circular btn--icon-only dark-mode-control" > <label class="a11y" for="dark-mode-control__select" >Change Appearance</label > <select class="dark-mode-control__select" id="dark-mode-control__select" data-pp-change="" data-pp-category="change-mode" > <option value="auto">Auto</option> <option value="light">Light</option> <option value="dark">Dark</option> </select> <span class="btn__icon dark-mode-control__icon dark-mode-control__icon--auto" ><svg height="33" viewBox="0 0 33 33" width="33" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" > <mask id="a"> <path d="m16.5 24c1.9891 0 3.8968-.7902 5.3033-2.1967s2.1967-3.3142 2.1967-5.3033-.7902-3.8968-2.1967-5.3033c-1.4065-1.40652-3.3142-2.1967-5.3033-2.1967" fill="#fff" ></path> </mask> <g id="filled-half"> <path d="m16.5 9c-1.9891 0-3.8968.79018-5.3033 2.1967-1.40652 1.4065-2.1967 3.3142-2.1967 5.3033s.79018 3.8968 2.1967 5.3033c1.4065 1.4065 3.3142 2.1967 5.3033 2.1967" ></path> <path d="m16.5 26c2.5196 0 4.9359-1.0009 6.7175-2.7825l-2.8284-2.8284c-1.0315 1.0314-2.4304 1.6109-3.8891 1.6109zm6.7175-2.7825c1.7816-1.7816 2.7825-4.1979 2.7825-6.7175h-4c0 1.4587-.5795 2.8576-1.6109 3.8891zm2.7825-6.7175c0-2.5196-1.0009-4.9359-2.7825-6.71751l-2.8284 2.82841c1.0314 1.0315 1.6109 2.4304 1.6109 3.8891zm-2.7825-6.71751c-1.7816-1.7816-4.1979-2.78249-6.7175-2.78249v4c1.4587 0 2.8576.5795 3.8891 1.6109z" mask="url(#a)" ></path> </g> </svg> </span> <span class="btn__icon dark-mode-control__icon dark-mode-control__icon--light" ><svg height="33" viewBox="0 0 33 33" width="33" xmlns="http://www.w3.org/2000/svg" > <circle fill="currentColor" cx="16.5" cy="16.5" r="4.5" ></circle> <path d="m16.5 7v3m-9.5 6.5h3m6.5 6.5v3m6.5-9.5h3m-16.21676-6.71781 2.12136 2.12131m-2.12143 11.3142 2.12133-2.1213m9.1912.0002 2.1214 2.1214m-2.1214-11.3137 2.1213-2.12136m-2.217 6.71706c0 2.4853-2.0147 4.5-4.5 4.5s-4.5-2.0147-4.5-4.5 2.0147-4.5 4.5-4.5 4.5 2.0147 4.5 4.5z" stroke="currentColor" ></path> </svg> </span> <span class="btn__icon dark-mode-control__icon dark-mode-control__icon--dark" ><svg height="33" viewBox="0 0 33 33" width="33" xmlns="http://www.w3.org/2000/svg" > <path d="m16.5 24c4.1421 0 7.5-3.3579 7.5-7.5 0-.4708-.0434-.9314-.1263-1.3782-.5093 2.2213-2.498 3.8782-4.8737 3.8782-2.7614 0-5-2.2386-5-5 0-2.3757 1.6569-4.36444 3.8782-4.87365-.4468-.08297-.9074-.12635-1.3782-.12635-4.1421 0-7.5 3.3579-7.5 7.5s3.3579 7.5 7.5 7.5z" ></path> </svg> </span> </div> </li> </ul> </div> </div> </div> <div class="article-body" data-pp-location="article body"> <section class="article-body__section section-start size08"> <p>Have you seen something that troubles you or that you think should be a story? Do you have a tip we should be investigating? Do you have documents or other materials we should see?</p> <p>Each <a href="https://www.propublica.org/staff/#news-staff">reporter's bio page</a> includes contact information, including ways to reach us through encrypted means such as Signal.</p> <p>If you cannot find the right individual’s contact information, you can reach out through our newsroom tiplines.</p> <p><em>We take privacy seriously. There is no third-party tracking on this page, but please consider who else may be able to see what you’re doing on your device.</em></p> <div class="size10 center multi wide-md"> <div class="help-us-choice stack stack--col stack--spacing1"> <span class="help-us-choice__text"> <strong>For Most Tips</strong> </span> <a class="help-us-choice__button btn btn--dark" href="https://www.propublica.org/getinvolved/send-propublica-story-tips#form">Fill Out Our Form</a> <span class="help-us-choice__text-small"> Filling this out helps us pass your tips along to the right editors and reporters quickly. We will not publish your name or information without your consent. </span> </div> <div class="help-us-choice stack stack--col stack--spacing1"> <span class="help-us-choice__text"> <strong>If Your Tip Is Sensitive</strong> </span> <div class="stack__exception0 stack stack--row stack--collapse-below-md"> <a class="btn btn--light-cool" data-toggle-section="section-tip-signal" href="#signal">Signal</a> <!--<a class="btn btn--light-cool" data-toggle-section="section-tip-securedrop" href="#securedrop">SecureDrop</a>--> <a class="btn btn--light-cool" data-toggle-section="section-tip-postal-mail" href="#postalmail">Postal Mail</a> </div> <span class="help-us-choice__text-small"> If you wish for additional anonymity, we have set up encrypted tiplines for extra security. </span> </div> </div> <h3>What We Look for in Tips</h3> <p>We read every tip you send, but we have to make choices about which ones we explore. To help us understand why your tip could be a story, please keep in mind:</p> <ul> <li>Tell us why your story is an accountability story. Who is being harmed? What, exactly, is happening? How would we follow up?</li> <li>Our stories are generally about systemic, not individual, harm. If you think your story is part of a pattern, help us understand the larger context.</li> <li>Include any evidence you can share. That includes text messages, emails, documents, receipts, photos, reports and more.</li> <li>If something is time sensitive, please note that in your subject line or introductory text.</li> <li>Please be as specific and concise as you can.</li> </ul> </section> <section class="article-body__section section-tip-signal size08 hide"> <div class="help-us-nav"> <a class="btn btn--light-cool" data-toggle-section="section-start" href="#"> <div class="icon"> <svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M18.707 10.707a1 1 0 000-1.414l-6.364-6.364a1 1 0 10-1.414 1.414L16.586 10l-5.657 5.657a1 1 0 001.414 1.414l6.364-6.364zM2 11h16V9H2v2z"/></svg> </div> Back </a> <div class="help-us-nav__text"> Or, reach out through: <br class="hide-above-md"/> <a href="https://www.propublica.org/getinvolved/send-propublica-story-tips">Our Form</a> <!--<a data-toggle-section="section-tip-securedrop" href="#securedrop">SecureDrop</a>--> <a data-toggle-section="section-tip-postal-mail" href="#postalmail">Postal Mail</a> </div> </div> <h3 id="signal">Reach Out to Us Using Signal</h3> <aside class="size04 right wrap wide-sm accent-yellow"> <h4>Important Tips When Using Signal:</h4> <ul class="stack stack--col stack--spacing-1"> <li>Signal does not collect any metadata regarding who you are messaging. The service only retains your phone number and the last time you accessed the app.</li> <li>If you’re concerned about someone knowing that you have contacted a journalist, you can enter the reporter’s Signal number directly into the app — without adding to your address book.</li> <li>By default, your phone number is not visible in your profile details page to people who don’t already have it saved.</li> </ul> </aside> <p>Our general tips number on Signal is <strong>+1-917-512-0201</strong>. Please be as specific, detailed and clear as you can. We read everything you submit, but our newsroom is still too small to send a personal response to everyone. Any documentation you can share helps.</p> <a class="btn inline" href="https://signal.org/install">Download</a> </section> <section class="article-body__section section-tip-securedrop size08 hide"> <div class="help-us-nav"> <a class="btn btn--light-cool" data-toggle-section="section-start" href="#"> <div class="icon"> <svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M18.707 10.707a1 1 0 000-1.414l-6.364-6.364a1 1 0 10-1.414 1.414L16.586 10l-5.657 5.657a1 1 0 001.414 1.414l6.364-6.364zM2 11h16V9H2v2z"/></svg> </div> Back </a> <div class="help-us-nav__text"> Or, reach out through: <br class="hide-above-md"/> <a href="https://www.propublica.org/getinvolved/send-propublica-story-tips">Our Form</a> <a data-toggle-section="section-tip-signal" href="#signal">Signal</a> <a data-toggle-section="section-tip-postal-mail" href="#postalmail">Postal Mail</a> </div> </div> <h3 id="securedrop">SecureDrop</h3> <p>Our SecureDrop instance is temporarily unavailable as of April 2023; please contact us via Signal in the interim.</p> <!-- <h3 id="securedrop">Reach Out to Us Using SecureDrop</h3> <p>SecureDrop is the most secure and anonymous way to share information or files with us electronically. Used properly, it shields your identity even from us.</p> <p>Our SecureDrop servers are under the direct physical control of ProPublica. When you use SecureDrop, we are unable to record your IP address or information about your browser, computer or operating system. All files submitted to our SecureDrop servers are encrypted as they are received; submissions are initially decrypted and viewed on a computer that has never been connected to the internet. Unless you give us your name or other identifying information, we will not know who you are. We make our best attempt to remove identifying information and metadata from submissions.</p> <p>You will need to download the Tor anonymity software to connect to ProPublica's SecureDrop server. Once you’ve got the Tor Browser running, it can be as easy to use as a normal web browser.</p> <p>For the highest level of privacy, we further recommend that you use Tor and visit our SecureDrop using a public Wi-Fi network, rather than your home or work internet connection. For extra security, you can also boot your computer from a USB key containing Tails, a secure operating system that does not leave any trace of your Tails activity on the computer you are using; the Tor Browser is included in the Tails operating system.</p> <ul> <li>Visit TorProject.org and follow the directions to download and install the Tor Browser.</li> <li>Launch the Tor Browser and allow it to connect. Then wait for a page that says a connection has been established.</li> <li>Enter the following URL into the Tor Browser address bar:<br> <code>http://propublica.securedrop.tor.onion/</code><br> If you are using an older version of Tor Browser you may need to use the following instead:<br> </code><code>http://lvtu6mh6dd6ynqcxtd2mseqfkm7g2iuxvjobbyzpgx2jt427zvd7n3ad.onion/</code></li> <li>Follow the instructions on that website to send us files and messages. When you use the site, you will get a “code name,” which is your login for SecureDrop. You can come back and log in with this code name to submit more information and see if we have sent a response to you.</li> <li>The SecureDrop links <code>http://propublica.securedrop.tor.onion/</code> and <code>http://lvtu6mh6dd6ynqcxtd2mseqfkm7g2iuxvjobbyzpgx2jt427zvd7n3ad.onion/</code> are only accessible via Tor, and we do not recommend using any other website or software to visit our SecureDrop system.</li> </ul> --> </section> <section class="article-body__section section-tip-postal-mail size08 hide"> <div class="help-us-nav"> <a class="btn btn--light-cool" data-toggle-section="section-start" href="#"> <div class="icon"> <svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M18.707 10.707a1 1 0 000-1.414l-6.364-6.364a1 1 0 10-1.414 1.414L16.586 10l-5.657 5.657a1 1 0 001.414 1.414l6.364-6.364zM2 11h16V9H2v2z"/></svg> </div> Back </a> <div class="help-us-nav__text"> Or, reach out through: <br class="hide-above-md"/> <a href="https://www.propublica.org/getinvolved/send-propublica-story-tips">Our Form</a> <a data-toggle-section="section-tip-signal" href="#signal">Signal</a> <!--<a data-toggle-section="section-tip-securedrop" href="#securedrop">SecureDrop</a>--> </div> </div> <h3 id="postalmail">Reach Out to Us Using Postal Mail</h3> <aside class="size04 right wrap wide-sm accent-yellow"> <h4>Here Is Our Postal Address:</h4> <p> Reporter’s name, ProPublica<br/> 155 Avenue of the Americas, 13th Floor<br/> New York, NY 10013<br/> </p> </aside> <p>U.S. postal mail without a return address is one of the most secure ways to communicate. Authorities would need a warrant to intercept and open it in transit.</p> <p>For better security, you can mail your package or envelope from an unfamiliar sidewalk box instead of your company or agency mailroom. A sidewalk box is also more secure than a post office. You can mail us paper materials or digital files on, for example, a thumb drive.</p> </section> </div> </article> </main> <footer class="site-footer" id="site-footer" data-pp-location="footer"> <div class="site-footer__wrap-outer"> <div class="site-footer__wrap-inner"> <!-- Logo --> <div class="site-footer__section-logo"> <a class="site-footer__wordmark" href="/"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 574.24 75"><title>ProPublica</title><path d="M66.4,13.48,66,14.91l6.23,11.45,1.15.47L75,26.29V75H50.95A41.2,41.2,0,0,0,62.13,46.88a40.61,40.61,0,0,0-3.39-16.26,45.17,45.17,0,0,1,7.79-4.95l1.69-.2.14-.41L65,18.83H64.5l-.88,1.29c-2.91,1.9-4.67,2.3-8.54,3.79A41.35,41.35,0,0,0,20.46,5.42,39.87,39.87,0,0,0,0,10.91V0H75V8.81ZM57.32,47A37.54,37.54,0,0,1,44.65,75H0V16A37,37,0,0,1,57.32,47ZM43.7,37.06c0-8.13-6-12-17.75-12H7.18v3.66l4.2.95V62.2l-4.2.95v3.73H27.85V63.14l-7.18-.95V50.14h5.15C37.26,50.14,43.7,45.53,43.7,37.06Zm-9.76.27c0,5.15-2.78,8.33-7.25,8.33h-6V29.47H27C31.37,29.47,33.94,32.32,33.94,37.33Z"></path><path d="M116.53,60.07l9.15,1.08v4.2H99.39v-4.2l5.28-1.36v-44l-5.28-1.36V10.41H123c15.31,0,22.9,5.28,22.9,16.13,0,11.18-8.33,17.41-23.1,17.41h-6.3Zm0-21.14h6.84c6.44,0,10.5-4.61,10.5-12.06,0-7.18-3.73-11.45-10.09-11.45h-7.25Z"></path><path d="M200.74,61.15v4.2H185.9l-16-20.6h-2.51v15l5.28,1.36v4.2H150.27v-4.2l5.28-1.36V23.35l-5-1.36V17.93H175.2c10.5,0,17.55,5.08,17.55,12.67,0,8.4-5.76,12.2-11,13.55l13.48,15.79ZM167.41,39.74h4.47c5.76,0,8.81-3.18,8.81-8.88,0-5.35-2.85-7.93-8.81-7.93h-4.47Z"></path><path d="M199.59,41.64c0-14.77,9.82-24.73,25.68-24.73s25.68,10,25.68,24.73-9.82,24.73-25.68,24.73S199.59,56.48,199.59,41.64Zm38.89,0c0-9.69-3.25-19.17-13.21-19.17S212.05,32,212.05,41.64s3.25,19.17,13.21,19.17S238.48,51.33,238.48,41.64Z"></path><path d="M270.79,60.07l9.15,1.08v4.2H253.31v-4.2l5.62-1.36v-44l-5.62-1.36V10.41h24c15.31,0,22.9,5.28,22.9,16.13,0,11.18-8.33,17.41-23.1,17.41h-6.3Zm0-21.14h6.84c6.44,0,10.5-4.61,10.5-12.06,0-7.18-3.73-11.45-10.1-11.45h-7.25Z"></path><path d="M354.26,22l-4.95,1.36V47c0,12.87-7.79,19.38-20.05,19.38-13.62,0-20.73-7.86-20.73-20v-23L303.58,22V17.93h22V22l-5.08,1.36V47.74c0,7.25,4.34,12.06,11.45,12.06,6.84,0,11.25-4.47,11.25-11.31V23.35L338.14,22V17.93h16.12Z"></path><path d="M403.85,52.21c0,8.88-7.11,13.14-22,13.14H357.58v-4.2l5.56-1.36V23.35L358.26,22V17.93h23.92c12.6,0,19.51,3.79,19.51,11.72,0,6.17-4.06,9.08-10.91,9.89v.27C399.31,40.76,403.85,45.1,403.85,52.21ZM375,38.32h5.76c6.1,0,9-2.78,9-7.79,0-5.22-3.12-7.59-9-7.59H375Zm16.8,13.41c0-5.62-3.79-8.67-11.25-8.67H375V60.34h6.64C388.07,60.34,391.79,57.29,391.79,51.74Z"></path><path d="M451.07,48.62l-4.4,16.73H408v-4.2l5.28-1.36V23.35L407.65,22V17.93h22.76V22l-5.28,1.36v37l14.16-.81L447,47.26Z"></path><path d="M475.4,61.15v4.2H453v-4.2l5.28-1.36V23.35L453,22V17.93H475.4V22l-5.28,1.36V59.8Z"></path><path d="M478,41.78c0-15.85,12.13-24.86,27-24.86a35.6,35.6,0,0,1,18.29,5.15l-2,13.21h-4.2l-1.69-9.08a13.23,13.23,0,0,0-10.09-4.13c-9.15,0-14.7,6.57-14.7,18.22,0,13.21,6.84,19.31,15.24,19.31,6.17,0,10.23-3.39,13.41-9.55l4.27,2c-4.27,10-11.65,14.36-21.07,14.36C488.4,66.37,478,56.48,478,41.78Z"></path><path d="M574.24,61.15v4.2H551.48v-4.2L557,60l-2.85-8.13h-16.6l-3.12,8.2,5.42,1.15-.07,4.2-16.53-.07v-4.2l4.27-1.08,14.9-37.33-4-1.29V17.93h13.69L569.3,60Zm-27.57-31-.47-1.56-.47,1.56-6.23,16.73h12.94Z"></path></svg> </a> <strong class="site-footer__tagline">Investigative Journalism in the Public Interest</strong> <p class="site-footer__copyright">© Copyright 2021 Pro Publica Inc.</p> </div> <!-- end .site-footer__section-logo --> <!-- Links --> <nav class="site-footer__section-links"> <!-- Sites --> <div class="site-footer__links-sites"> <strong class="site-footer__links-heading">Sites</strong> <ul class="site-footer__links-list hide-below-sm"> <li class="site-footer__link"> <a href="/">ProPublica</a> </li> <li class="site-footer__link"> <a href="/local-reporting-network/">Local Reporting Network</a> </li> <li class="site-footer__link"> <a href="/texas/">Texas Tribune Partnership</a> </li> <li class="site-footer__link"> <a href="/datastore/">The Data Store</a> </li> <li class="site-footer__link"> <a href="/electionland/">Electionland</a> </li> </ul> </div> <!-- end .site-footer__links-sites --> <!-- Sections --> <div class="site-footer__links-sections"> <strong class="site-footer__links-heading">Sections</strong> <ul class="site-footer__links-list hide-below-sm"> <li class="site-footer__link"> <a href="/topics/">Topics</a> </li> <li class="site-footer__link"> <a href="/series/">Series</a> </li> <li class="site-footer__link"> <a href="/video/">Videos</a> </li> <li class="site-footer__link"> <a href="/newsapps/">News Apps</a> </li> <li class="site-footer__link"> <a href="/getinvolved/">Get Involved</a> </li> <li class="site-footer__link"> <a href="/nerds/">The Nerd Blog</a> </li> <li class="site-footer__link"> <a href="/atpropublica/">@ProPublica</a> </li> <li class="site-footer__link"> <a href="/events/">Events</a> </li> </ul> </div> <!-- end .site-footer__links-sections --> <!-- Info --> <div class="site-footer__links-info"> <strong class="site-footer__links-heading">Info</strong> <ul class="site-footer__links-list hide-below-sm"> <li class="site-footer__link"> <a href="/about/">About</a> </li> <li class="site-footer__link"> <a href="/leadership/">Board and Advisors</a> </li> <li class="site-footer__link"> <a href="/staff/">Officers and Staff</a> </li> <li class="site-footer__link"> <a href="/diversity/">Diversity</a> </li> <li class="site-footer__link"> <a href="/jobs/">Jobs</a> and <a href="/fellowships/">Fellowships</a> </li> <li class="site-footer__link"> <a href="/media-center/">Media Center</a> </li> <li class="site-footer__link"> <a href="/reports/">Reports</a> </li> <li class="site-footer__link"> <a href="/impact/">Impact</a> </li> <li class="site-footer__link"> <a href="/awards/">Awards</a> </li> <li class="site-footer__link"> <a href="/corrections/">Corrections</a> </li> </ul> </div> <!-- end .site-footer__links-info --> <!-- Policies --> <div class="site-footer__links-policies"> <strong class="site-footer__links-heading">Policies</strong> <ul class="site-footer__links-list hide-below-sm"> <li class="site-footer__link"> <a href="/code-of-ethics/">Code of Ethics</a> </li> <li class="site-footer__link"> <a href="/advertising/">Advertising Policy</a> </li> <li class="site-footer__link"> <a href="/legal/">Privacy Policy</a> </li> </ul> </div> <!-- end .site-footer__links-policies --> <!-- Follow --> <div class="site-footer__links-follow"> <strong class="site-footer__links-heading">Follow</strong> <ul class="site-footer__links-list hide-below-sm"> <li class="site-footer__link"> <a href="/newsletters/" data-pp-view="" data-pp-action="visit" data-pp-seen="footer">Newsletters</a> </li> <li class="site-footer__link"> <a href="https://itunes.apple.com/us/app/propublica/id355298887?mt=8">iOS</a> and <a href="https://play.google.com/store/apps/details?id=com.propublica&hl=en">Android</a> </li> <li class="site-footer__link"> <a href="http://feeds.propublica.org/propublica/main">RSS Feed</a> </li> </ul> </div> <!-- end .site-footer__links-follow --> <!-- More --> <div class="site-footer__links-more"> <strong class="site-footer__links-heading">More</strong> <ul class="site-footer__links-list hide-below-sm"> <li class="site-footer__link"> <a href="/tips/">Send Us Tips</a> </li> <li class="site-footer__link"> <a href="/steal-our-stories/">Steal Our Stories</a> </li> <li class="site-footer__link"> <a href="http://p53lf57qovyuvwsc6xnrppyply3vtqm7l6pcobkmyqsiofyeznfu5uqd.onion/">Browse via Tor</a> </li> <li class="site-footer__link"> <a href="/contact/">Contact Us</a> </li> <li class="site-footer__link"> <a href="/donate/" data-pp-view="" data-pp-action="visit classy" data-pp-seen="footer">Donate</a> </li> <li class="site-footer__link"> <a href="/support/other-ways-to-give/">More Ways to Give</a> </li> </ul> </div> <!-- end .site-footer__links-more --> </nav> <!-- end .site-footer__section-links --> </div> <!-- end .site-footer__wrap-inner --> </div> <!-- end .site-footer__wrap-outer --> </footer> <!-- <script src="/js/main.js"></script> --> <!-- <script src="/js/tips.js"></script> --> <!-- REPLACED BY INLINE JS BELOW --> <!-- sha256-ZSPXkd8uJqmiCA921Y8ByE2lZos5G/qu0OPjjSzDNNM= --> <script> // Toggle the expanded nav on and off function navToggle() { const siteHeader = document.querySelector(".site-header"); siteHeader.classList.toggle("site-header--expanded"); } // Bring focus to the search field if the search button is clicked function searchFocus() { document.getElementById("search-form__input-text").focus(); } // Give links the ability to toggle the expanded nav on and off function togglify(item) { const toggles = document.getElementsByClassName(item); for (let i = 0; i < toggles.length; i += 1) { toggles[i].removeAttribute("href"); toggles[i].addEventListener("click", navToggle); if (toggles[i].dataset.link === "Search") { toggles[i].addEventListener("click", searchFocus); } } } // Give links with a class of 'site-header__menu-link' // the ability to toggle the expanded nav on and off togglify("site-header__menu-link"); // Close the expanded nav with the Esc key document.addEventListener("keyup", (event) => { if (event.defaultPrevented) { return; } const key = event.key || event.keyCode; if (key === "Escape" || key === "Esc" || key === 27) { const element = document.querySelector(".site-header"); if (element.className.includes("site-header--expanded")) { element.classList.toggle("site-header--expanded"); } } }); const siteHeaderIntersectionObserver = new IntersectionObserver((elements) => { const siteHeader = document.querySelector(".site-header"); elements.forEach((element) => { if (element.intersectionRatio > 0) { siteHeader.classList.remove("site-header--scrolled"); } else { siteHeader.classList.add("site-header--scrolled"); } }); }); // start observing your elements document.addEventListener("DOMContentLoaded", () => { if (document.querySelector(".opener")) { siteHeaderIntersectionObserver.observe(document.querySelector(".opener")); } else if (document.querySelector(".opener-event")) { siteHeaderIntersectionObserver.observe( document.querySelector(".opener-event") ); } else { siteHeaderIntersectionObserver.observe( document.querySelector(".site-header") ); } }); document.addEventListener("click", (event) => { if (event.target.matches(".site-footer__links-heading")) { event.target.parentNode .querySelector(".site-footer__links-list") .classList.toggle("hide-below-sm"); } }); document.addEventListener("DOMContentLoaded", () => { Array.from(document.querySelectorAll(".site-footer__links-list")).forEach( (list) => { list.classList.add("hide-below-sm"); } ); }); function setPreferredColorMode(mode, persist = false) { document.documentElement.classList.remove( "force-light-mode", "force-dark-mode" ); if (mode === "auto") { localStorage.removeItem("dark-mode-setting"); } else { document.documentElement.classList.add(`force-${mode}-mode`); if (persist) { localStorage.setItem("dark-mode-setting", mode); } } } const darkModeToggle = document.querySelector(".dark-mode-control__select"); // Event listener for <select> element changing if (darkModeToggle !== null) { darkModeToggle.addEventListener("change", (event) => { setPreferredColorMode(event.target.value, true); }); } // On initial page load, see if user has a color mode preference set already. const darkModeSetting = localStorage.getItem("dark-mode-setting"); if (darkModeSetting) { if (darkModeToggle !== null) { darkModeToggle.value = darkModeSetting; } setPreferredColorMode(darkModeSetting); } // Click handlers document.addEventListener("click", (event) => { if (event.target.matches(".-js-copy-btn")) { event.preventDefault(); const copyButton = event.target; const copyButtonText = copyButton.textContent; const copyTextarea = event.target.parentNode.querySelector( ".-js-copy-textarea" ); // This allows the copy link functionality to work with multiple instances. // It looks for the closest element with `-js-copy-textarea` (which should be a sibling element to the button). copyTextarea.select(); try { document.execCommand("copy"); copyButton.classList.add("-js-is-copying"); if (event.target.matches(".btn--icon-only")) { copyButton.parentNode .querySelector(".-js-copy-tooltip") .classList.toggle("hide"); setTimeout(() => { copyButton.classList.remove("-js-is-copying"); copyButton.parentNode .querySelector(".-js-copy-tooltip") .classList.toggle("hide"); }, 2000); } else { copyButton.textContent = "Link Copied!"; setTimeout(() => { copyButton.classList.remove("-js-is-copying"); copyButton.textContent = copyButtonText; }, 2000); } } catch (err) { console.error("Could not copy link to clipboard."); // eslint-disable-line no-console } } }); let currentSection = ""; function toggleSection(section) { currentSection = section; document .querySelectorAll(".article-body__section") .forEach((e) => e.classList.add("hide")); document.querySelector(`.${currentSection}`).classList.remove("hide"); if ( currentSection !== "section-start" && currentSection !== "section-tip-online" && currentSection !== "section-expert-help" ) { document.querySelector(".section-reporters").classList.remove("hide"); } else { document.querySelector(".section-reporters").classList.add("hide"); } const yPosition = document.querySelector(`.${currentSection}`).getBoundingClientRect() .top + window.pageYOffset - 80; window.scrollTo({ top: yPosition, behavior: "smooth" }); } function ToggleField(field) { document.querySelectorAll(`.js-toggle-field--${field}`).forEach((item) => { item.classList.toggle("hide"); }); } document.addEventListener("click", (event) => { const attrToggleSection = event.target.getAttribute("data-toggle-section"); const attrToggleField = event.target.getAttribute("data-toggle-field"); if (attrToggleSection) { toggleSection(attrToggleSection); } else if (attrToggleField) { ToggleField(attrToggleField); } }); window.onload = () => { const anchor = window.location.href.split("/#")[1] ?? false; if (anchor) { const attrToggleSection = document.querySelector(`a[href='#${anchor}']`) .dataset.toggleSection; toggleSection(attrToggleSection); } }; </script> </body> </html>